orange-opensource/orange-boosted-bootstrap/javascript-conventions

'use strict'
import BaseComponent from './base-component.js'
import EventHandler from './dom/event-handler.js'
import { defineJQueryPlugin } from './util/index.js'
const NAME = 'myComponent'
const DATA_KEY = `bs.${NAME}`
const EVENT_KEY = `.${DATA_KEY}`
class MyComponent extends BaseComponent {
  static get NAME() { return NAME }
  static get Default() { return {} }
  static get DefaultType() { return {} }
  // Public methods
  show() {
    const event = EventHandler.trigger(this._element, `show${EVENT_KEY}`)
    if (event.defaultPrevented) return
    this._element.classList.add('show')
    EventHandler.trigger(this._element, `shown${EVENT_KEY}`)
  }
  // Private methods prefixed with _
  _handleClick(event) { /* ... */ }
  static jQueryInterface(config) {
    return this.each(function () {
      const data = MyComponent.getOrCreateInstance(this)
      if (typeof config === 'string') {
        if (typeof data[config] === 'undefined') {
          throw new TypeError(`No method named "${config}"`)
        }
        data[config]()
      }
    })
  }
}
defineJQueryPlugin(MyComponent)
export default MyComponent