handleChange(e) {
    const { value } = e.target
    const { channelIndex } = e.target.dataset
    const channelValue = parseInt(value, 10)

    this.dispatchEvent(new CustomEvent('update-channel', {
      detail: {
        channelIndex,
        channelValue
      }
    }))
  }
/**
   * When the value of a speicifc channel is updated, we send out an event. 
   * 
   * @param {Object} e - The event that contains the channel and it's value
   */
When the value of a speicifc channel is updated, we send out an event.

@param {Object} e - The event that contains the channel and it's value
When the value of a speicifc channel is updated we send out an event . @param { Object } e - The event that contains the channel and it ' s value
handleChange(e) {
    const { value } = e.target
    const { channelIndex } = e.target.dataset
    const channelValue = parseInt(value, 10)
    this.dispatchEvent(new CustomEvent('update-channel', {
      detail: {
        channelIndex,
        channelValue
      }
    }))
  }
handleChange ( e ) { const { value } = e . target const { channelIndex } = e . target . dataset const channelValue = parseInt ( value , 10 ) this . dispatchEvent ( new CustomEvent ( 'update-channel' , { detail : { channelIndex , channelValue } } ) ) }
When the value of a speicifc channel is updated, we send out an event.
When the value of a speicifc channel is updated we send out an event .