Sha256: 32891e1b54fe86f9e62afa29e5f4ee36f7ce454888bb189b560179af3d3f4d29

Contents?: true

Size: 1.44 KB

Versions: 277

Compression:

Stored size: 1.44 KB

Contents

import ElementObserver from './element_observer.js'

export default class PbEnhancedElement {
  static get elements() {
    return this._elements = (this._elements || new Map)
  }

  static get observer() {
    return this._observer = (this._observer || new ElementObserver(this))
  }

  static get selector() {
    // eslint-disable-next-line no-console
    console.warn('Define a static property for selector or redefine the matches function in a subclass.', this)
    return null
  }

  static matches(node) {
    if (!this.selector) return []

    const matches = []
    if (node.nodeType === Node.ELEMENT_NODE && node.matches(this.selector)) matches.push(node)
    matches.push(...node.querySelectorAll(this.selector))

    return (matches)
  }

  static addMatch(element) {
    if (this.elements.has(element)) return

    const enhansedElement = new this(element)
    enhansedElement.connect()
    this.elements.set(element, enhansedElement)
  }

  static removeMatch(element) {
    if (!this.elements.has(element)) return

    const enhansedElement = this.elements.get(element)
    enhansedElement.disconnect()
    this.elements.delete(element)
  }

  static start() {
    this.observer.start()
  }

  static stop() {
    this.mutationObserver.stop()
  }

  constructor(element) {
    this.element = element
  }

  connect() {
    // eslint-disable-next-line no-console
    console.warn('Redefine the connect function in a subclass.', this)
  }

  disconnect() { }
}

Version data entries

277 entries across 277 versions & 1 rubygems

Version Path
playbook_ui-4.7.0 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.6.1 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.6.0 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.5.2 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.5.1 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.5.0 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.4.1 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.4.0 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.3.1 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.3.0 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.2.0 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.1.2 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.1.1 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.1.0 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.0.1 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-4.0.0 app/pb_kits/playbook/pb_enhanced_element/index.js
playbook_ui-3.5.0 app/pb_kits/playbook/pb_enhanced_element/index.js