diff options
author | GeoSot <geo.sotis@gmail.com> | 2021-06-10 02:51:51 +0300 |
---|---|---|
committer | XhmikosR <xhmikosr@gmail.com> | 2021-07-29 16:30:02 +0300 |
commit | 6f17e634cecfba1478913fb91dcb22df49ef3cba (patch) | |
tree | 9e2e6d612d4ec263f71599040129795b277d2fa4 /js/src | |
parent | 4c1f7bb0513287e94d550bd19747244425781f90 (diff) |
keep parent only as element
Diffstat (limited to 'js/src')
-rw-r--r-- | js/src/collapse.js | 28 |
1 files changed, 13 insertions, 15 deletions
diff --git a/js/src/collapse.js b/js/src/collapse.js index 550eeeaecf..74c2f4da51 100644 --- a/js/src/collapse.js +++ b/js/src/collapse.js @@ -32,12 +32,12 @@ const DATA_API_KEY = '.data-api' const Default = { toggle: true, - parent: '' + parent: null } const DefaultType = { toggle: 'boolean', - parent: '(string|element)' + parent: '(null|element)' } const EVENT_SHOW = `show${EVENT_KEY}` @@ -86,7 +86,7 @@ class Collapse extends BaseComponent { } } - this._parent = this._config.parent ? this._getParent() : null + this._initializeChildren() if (!this._config.parent) { this._addAriaAndCollapsedClass(this._triggerArray, this._isShown()) @@ -125,9 +125,9 @@ class Collapse extends BaseComponent { let actives = [] let activesData - if (this._parent) { - const children = SelectorEngine.find(`.${CLASS_NAME_COLLAPSE} .${CLASS_NAME_COLLAPSE}`, this._parent) - actives = SelectorEngine.find(SELECTOR_ACTIVES, this._parent).filter(elem => !children.includes(elem)) // remove children if greater depth + if (this._config.parent) { + const children = SelectorEngine.find(`.${CLASS_NAME_COLLAPSE} .${CLASS_NAME_COLLAPSE}`, this._config.parent) + actives = SelectorEngine.find(SELECTOR_ACTIVES, this._config.parent).filter(elem => !children.includes(elem)) // remove children if greater depth } const container = SelectorEngine.findOne(this._selector) @@ -239,6 +239,7 @@ class Collapse extends BaseComponent { ...config } config.toggle = Boolean(config.toggle) // Coerce string values + config.parent = getElement(config.parent) typeCheckConfig(NAME, config, DefaultType) return config } @@ -247,14 +248,13 @@ class Collapse extends BaseComponent { return this._element.classList.contains(CLASS_NAME_HORIZONTAL) ? WIDTH : HEIGHT } - _getParent() { - let { parent } = this._config - - parent = getElement(parent) - - const selector = `${SELECTOR_DATA_TOGGLE}[data-bs-parent="${parent}"]` + _initializeChildren() { + if (!this._config.parent) { + return + } - SelectorEngine.find(selector, parent) + const children = SelectorEngine.find(`.${CLASS_NAME_COLLAPSE} .${CLASS_NAME_COLLAPSE}`, this._config.parent) + SelectorEngine.find(SELECTOR_DATA_TOGGLE, this._config.parent).filter(elem => !children.includes(elem)) .forEach(element => { const selected = getElementFromSelector(element) @@ -262,8 +262,6 @@ class Collapse extends BaseComponent { this._addAriaAndCollapsedClass([element], this._isShown(selected)) } }) - - return parent } _addAriaAndCollapsedClass(triggerArray, isOpen) { |