https://6-way.de/media/vendor/bootstrap/js/collapse.js?5.3.8

1import { E as EventHandler, S as SelectorEngine, d as defineJQueryPlugin, B as BaseComponent, r as reflow, g as getElement } from './dom.js?5.3.8';
2
3/**
4 * --------------------------------------------------------------------------
5 * Bootstrap collapse.js
6 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
7 * --------------------------------------------------------------------------
8 */
9
10
11/**
12 * Constants
13 */
14
15const NAME = 'collapse';
16const DATA_KEY = 'bs.collapse';
17const EVENT_KEY = `.${DATA_KEY}`;
18const DATA_API_KEY = '.data-api';
19const EVENT_SHOW = `show${EVENT_KEY}`;
20const EVENT_SHOWN = `shown${EVENT_KEY}`;
21const EVENT_HIDE = `hide${EVENT_KEY}`;
22const EVENT_HIDDEN = `hidden${EVENT_KEY}`;
23const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`;
24const CLASS_NAME_SHOW = 'show';
25const CLASS_NAME_COLLAPSE = 'collapse';
26const CLASS_NAME_COLLAPSING = 'collapsing';
27const CLASS_NAME_COLLAPSED = 'collapsed';
28const CLASS_NAME_DEEPER_CHILDREN = `:scope .${CLASS_NAME_COLLAPSE} .${CLASS_NAME_COLLAPSE}`;
29const CLASS_NAME_HORIZONTAL = 'collapse-horizontal';
30const WIDTH = 'width';
31const HEIGHT = 'height';
32const SELECTOR_ACTIVES = '.collapse.show, .collapse.collapsing';
33const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="collapse"]';
34const Default = {
35  parent: null,
36  toggle: true
37};
38const DefaultType = {
39  parent: '(null|element)',
40  toggle: 'boolean'
41};
42
43/**
44 * Class definition
45 */
46
47class Collapse extends BaseComponent {
48  constructor(element, config) {
49    super(element, config);
50    this._isTransitioning = false;
51    this._triggerArray = [];
52    const toggleList = SelectorEngine.find(SELECTOR_DATA_TOGGLE);
53    for (const elem of toggleList) {
54      const selector = SelectorEngine.getSelectorFromElement(elem);
55      const filterElement = SelectorEngine.find(selector).filter(foundElement => foundElement === this._element);
56      if (selector !== null && filterElement.length) {
57        this._triggerArray.push(elem);
58      }
59    }
60    this._initializeChildren();
61    if (!this._config.parent) {
62      this._addAriaAndCollapsedClass(this._triggerArray, this._isShown());
63    }
64    if (this._config.toggle) {
65      this.toggle();
66    }
67  }
68
69  // Getters
70  static get Default() {
71    return Default;
72  }
73  static get DefaultType() {
74    return DefaultType;
75  }
76  static get NAME() {
77    return NAME;
78  }
79
80  // Public
81  toggle() {
82    if (this._isShown()) {
83      this.hide();
84    } else {
85      this.show();
86    }
87  }
88  show() {
89    if (this._isTransitioning || this._isShown()) {
90      return;
91    }
92    let activeChildren = [];
93
94    // find active children
95    if (this._config.parent) {
96      activeChildren = this._getFirstLevelChildren(SELECTOR_ACTIVES).filter(element => element !== this._element).map(element => Collapse.getOrCreateInstance(element, {
97        toggle: false
98      }));
99    }
100    if (activeChildren.length && activeChildren[0]._isTransitioning) {
101      return;
102    }
103    const startEvent = EventHandler.trigger(this._element, EVENT_SHOW);
104    if (startEvent.defaultPrevented) {
105      return;
106    }
107    for (const activeInstance of activeChildren) {
108      activeInstance.hide();
109    }
110    const dimension = this._getDimension();
111    this._element.classList.remove(CLASS_NAME_COLLAPSE);
112    this._element.classList.add(CLASS_NAME_COLLAPSING);
113    this._element.style[dimension] = 0;
114    this._addAriaAndCollapsedClass(this._triggerArray, true);
115    this._isTransitioning = true;
116    const complete = () => {
117      this._isTransitioning = false;
118      this._element.classList.remove(CLASS_NAME_COLLAPSING);
119      this._element.classList.add(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW);
120      this._element.style[dimension] = '';
121      EventHandler.trigger(this._element, EVENT_SHOWN);
122    };
123    const capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
124    const scrollSize = `scroll${capitalizedDimension}`;
125    this._queueCallback(complete, this._element, true);
126    this._element.style[dimension] = `${this._element[scrollSize]}px`;
127  }
128  hide() {
129    if (this._isTransitioning || !this._isShown()) {
130      return;
131    }
132    const startEvent = EventHandler.trigger(this._element, EVENT_HIDE);
133    if (startEvent.defaultPrevented) {
134      return;
135    }
136    const dimension = this._getDimension();
137    this._element.style[dimension] = `${this._element.getBoundingClientRect()[dimension]}px`;
138    reflow(this._element);
139    this._element.classList.add(CLASS_NAME_COLLAPSING);
140    this._element.classList.remove(CLASS_NAME_COLLAPSE, CLASS_NAME_SHOW);
141    for (const trigger of this._triggerArray) {
142      const element = SelectorEngine.getElementFromSelector(trigger);
143      if (element && !this._isShown(element)) {
144        this._addAriaAndCollapsedClass([trigger], false);
145      }
146    }
147    this._isTransitioning = true;
148    const complete = () => {
149      this._isTransitioning = false;