Add gui instance hide()/show() methods

The existing open()/close() make the GUI scroll up as if the user clicked the “Close Controls” button. It’d be nice if there was a way to assert that a particular gui is hidden or shown rather than having a global toggle for show all/hide all functionality. The only API for hiding/showing currently is the non-instance-specific dat.GUI.toggleHide(). If you had multiple GUIs, that means you can’t hide one individually. Also, if, depending on how you organized your code, you want to assert that a particular gui instance is shown, you have to keep track of whether or not it is currently shown and decide whether or not to cal dat.GUI.toggleHide().

The sort of thing I’d like to be able to do:

var gui = new dat.GUI();
gui.add({x: 2}, 'x', 1, 3).onChange(function (value) {
    console.log('x changed to: ' + x);
});
gui.hide();
/* And show it in response to some event: */
gui.show();
/* And show it depending on some expression: */
gui.toggleHide(myState == 'showGui');
/* And per-gui simple toggle: */
gui.toggleHide();

[donmccurdy]

@magdesign i think that dat.GUI.toggleHide() might do that

[donmccurdy]

The TS typings are maintained externally, and may need to be updated.

https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/dat.gui