Class BaseController

How to use

const target = { property: 1 }
const controller = group.add('property', target, {
  // Displayed name
  name: "My Custom Name",
  // If target change, the controller will be updated (default is false)
  listen: true
  // Disabled the input, usefull for read only variable
  disabled: true
})

Deal with events

Three kinds of events are emitted by all the controllers

• input : Trigger when an input event is trigger by an HTMLInputElement
• change : Trigger when an change event is trigger by an HTMLInputElement
• update : Trigger when a modification is made on the target property. It's the most common way to use data-gui

Listen to event

Method one

myController.on('update', (newValue) => console.log(newValue))

Method two (using web-component and CustomEvent)

myController.addEventListener('update', ({ detail }) => console.log(detail))

Remove listener

You can use either off or removeEventListener to do so.