theme/boost/amd/src/bootstrap/base-component.js

  1. /**
  2.  * --------------------------------------------------------------------------
  3.  * Bootstrap base-component.js
  4.  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  5.  * --------------------------------------------------------------------------
  6.  */
  8. import Data from './dom/data'
  9. import EventHandler from './dom/event-handler'
  10. import Config from './util/config'
  11. import { executeAfterTransition, getElement } from './util/index'
  13. /**
  14.  * Constants
  15.  */
  17. const VERSION = '5.3.3'
  19. /**
  20.  * Class definition
  21.  */
  23. class BaseComponent extends Config {
  24.   constructor(element, config) {
  25.     super()
  27.     element = getElement(element)
  28.     if (!element) {
  29.       return
  30.     }
  32.     this._element = element
  33.     this._config = this._getConfig(config)
  35.     Data.set(this._element, this.constructor.DATA_KEY, this)
  36.   }
  38.   // Public
  39.   dispose() {
  40.     Data.remove(this._element, this.constructor.DATA_KEY)
  41.     EventHandler.off(this._element, this.constructor.EVENT_KEY)
  43.     for (const propertyName of Object.getOwnPropertyNames(this)) {
  44.       this[propertyName] = null
  45.     }
  46.   }
  48.   _queueCallback(callback, element, isAnimated = true) {
  49.     executeAfterTransition(callback, element, isAnimated)
  50.   }
  52.   _getConfig(config) {
  53.     config = this._mergeConfigObj(config, this._element)
  54.     config = this._configAfterMerge(config)
  55.     this._typeCheckConfig(config)
  56.     return config
  57.   }
  59.   // Static
  60.   static getInstance(element) {
  61.     return Data.get(getElement(element), this.DATA_KEY)
  62.   }
  64.   static getOrCreateInstance(element, config = {}) {
  65.     return this.getInstance(element) || new this(element, typeof config === 'object' ? config : null)
  66.   }
  68.   static get VERSION() {
  69.     return VERSION
  70.   }
  72.   static get DATA_KEY() {
  73.     return `bs.${this.NAME}`
  74.   }
  76.   static get EVENT_KEY() {
  77.     return `.${this.DATA_KEY}`
  78.   }
  80.   static eventName(name) {
  81.     return `${name}${this.EVENT_KEY}`
  82.   }
  83. }
  85. export default BaseComponent