aboutsummaryrefslogtreecommitdiff
path: root/js/src/collapse.js
diff options
context:
space:
mode:
authorPriyansh <[email protected]>2021-10-06 14:40:59 -0400
committerGitHub <[email protected]>2021-10-06 14:40:59 -0400
commit52cd86f8710f8049a744b5bcb9f4a7ce19114b6e (patch)
tree8956dbd6f94ae25d273d496e64840ed30b6d88a5 /js/src/collapse.js
parentd065706ce4b439b5c77d9a68e708212e91cc4f0b (diff)
parentc331a150cdc2834f08bcf458cdb1b104cc510b67 (diff)
downloadbootstrap-52cd86f8710f8049a744b5bcb9f4a7ce19114b6e.tar.xz
bootstrap-52cd86f8710f8049a744b5bcb9f4a7ce19114b6e.zip
Merge branch 'twbs:main' into main
Diffstat (limited to 'js/src/collapse.js')
-rw-r--r--js/src/collapse.js39
1 files changed, 19 insertions, 20 deletions
diff --git a/js/src/collapse.js b/js/src/collapse.js
index edfc7ea85..b7f200d56 100644
--- a/js/src/collapse.js
+++ b/js/src/collapse.js
@@ -1,6 +1,6 @@
/**
* --------------------------------------------------------------------------
- * Bootstrap (v5.1.1): collapse.js
+ * Bootstrap (v5.1.2): collapse.js
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
* --------------------------------------------------------------------------
*/
@@ -75,8 +75,7 @@ class Collapse extends BaseComponent {
const toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE)
- for (let i = 0, len = toggleList.length; i < len; i++) {
- const elem = toggleList[i]
+ for (const elem of toggleList) {
const selector = getSelectorFromElement(elem)
const filterElement = SelectorEngine.find(selector)
.filter(foundElem => foundElem === this._element)
@@ -128,7 +127,8 @@ class Collapse extends BaseComponent {
if (this._config.parent) {
const children = SelectorEngine.find(CLASS_NAME_DEEPER_CHILDREN, this._config.parent)
- actives = SelectorEngine.find(SELECTOR_ACTIVES, this._config.parent).filter(elem => !children.includes(elem)) // remove children if greater depth
+ // remove children if greater depth
+ actives = SelectorEngine.find(SELECTOR_ACTIVES, this._config.parent).filter(elem => !children.includes(elem))
}
const container = SelectorEngine.findOne(this._selector)
@@ -146,7 +146,7 @@ class Collapse extends BaseComponent {
return
}
- actives.forEach(elemActive => {
+ for (const elemActive of actives) {
if (container !== elemActive) {
Collapse.getOrCreateInstance(elemActive, { toggle: false }).hide()
}
@@ -154,7 +154,7 @@ class Collapse extends BaseComponent {
if (!activesData) {
Data.set(elemActive, DATA_KEY, null)
}
- })
+ }
const dimension = this._getDimension()
@@ -203,9 +203,7 @@ class Collapse extends BaseComponent {
this._element.classList.add(CLASS_NAME_COLLAPSING)
this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW)
- const triggerArrayLength = this._triggerArray.length
- for (let i = 0; i < triggerArrayLength; i++) {
- const trigger = this._triggerArray[i]
+ for (const trigger of this._triggerArray) {
const elem = getElementFromSelector(trigger)
if (elem && !this._isShown(elem)) {
@@ -255,14 +253,15 @@ class Collapse extends BaseComponent {
}
const children = SelectorEngine.find(CLASS_NAME_DEEPER_CHILDREN, this._config.parent)
- SelectorEngine.find(SELECTOR_DATA_TOGGLE, this._config.parent).filter(elem => !children.includes(elem))
- .forEach(element => {
- const selected = getElementFromSelector(element)
+ const elements = SelectorEngine.find(SELECTOR_DATA_TOGGLE, this._config.parent).filter(elem => !children.includes(elem))
- if (selected) {
- this._addAriaAndCollapsedClass([element], this._isShown(selected))
- }
- })
+ for (const element of elements) {
+ const selected = getElementFromSelector(element)
+
+ if (selected) {
+ this._addAriaAndCollapsedClass([element], this._isShown(selected))
+ }
+ }
}
_addAriaAndCollapsedClass(triggerArray, isOpen) {
@@ -270,7 +269,7 @@ class Collapse extends BaseComponent {
return
}
- triggerArray.forEach(elem => {
+ for (const elem of triggerArray) {
if (isOpen) {
elem.classList.remove(CLASS_NAME_COLLAPSED)
} else {
@@ -278,7 +277,7 @@ class Collapse extends BaseComponent {
}
elem.setAttribute('aria-expanded', isOpen)
- })
+ }
}
// Static
@@ -318,9 +317,9 @@ EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_DATA_TOGGLE, function (
const selector = getSelectorFromElement(this)
const selectorElements = SelectorEngine.find(selector)
- selectorElements.forEach(element => {
+ for (const element of selectorElements) {
Collapse.getOrCreateInstance(element, { toggle: false }).toggle()
- })
+ }
})
/**