@coreui/coreui 5.1.1 → 5.2.0

package/dist/js/bootstrap.bundle.js

@@ -1,5 +1,5 @@
 /*!
-  * CoreUI v5.1.1 (https://bs.io)
+  * CoreUI v5.2.0 (https://coreui.io)
   * Copyright 2024 The CoreUI Team (https://github.com/orgs/coreui/people)
   * Licensed under MIT (https://github.com/coreui/coreui/blob/main/LICENSE)
   */
@@ -217,7 +217,7 @@
     element.offsetHeight; // eslint-disable-line no-unused-expressions
   };
   const getjQuery = () => {
-    if (window.jQuery && !document.body.hasAttribute('data-coreui-no-jquery')) {
+    if (window.jQuery && !document.body.hasAttribute('data-bs-no-jquery')) {
       return window.jQuery;
     }
     return null;
@@ -256,7 +256,7 @@
     });
   };
   const execute = (possibleCallback, args = [], defaultValue = possibleCallback) => {
-    return typeof possibleCallback === 'function' ? possibleCallback(...args) : defaultValue;
+    return typeof possibleCallback === 'function' ? possibleCallback.call(...args) : defaultValue;
   };
   const executeAfterTransition = (callback, transitionElement, waitForTransition = true) => {
     if (!waitForTransition) {
@@ -571,26 +571,26 @@
   }
   const Manipulator = {
     setDataAttribute(element, key, value) {
-      element.setAttribute(`data-coreui-${normalizeDataKey(key)}`, value);
+      element.setAttribute(`data-bs-${normalizeDataKey(key)}`, value);
     },
     removeDataAttribute(element, key) {
-      element.removeAttribute(`data-coreui-${normalizeDataKey(key)}`);
+      element.removeAttribute(`data-bs-${normalizeDataKey(key)}`);
     },
     getDataAttributes(element) {
       if (!element) {
         return {};
       }
       const attributes = {};
-      const coreuiKeys = Object.keys(element.dataset).filter(key => key.startsWith('coreui') && !key.startsWith('coreuiConfig'));
-      for (const key of coreuiKeys) {
-        let pureKey = key.replace(/^coreui/, '');
-        pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1, pureKey.length);
+      Object.keys(element.dataset).filter(key => key.startsWith('bs') && !key.startsWith('bsConfig'));
+      for (const key of bsKeys) {
+        let pureKey = key.replace(/^bs/, '');
+        pureKey = pureKey.charAt(0).toLowerCase() + pureKey.slice(1);
         attributes[pureKey] = normalizeData(element.dataset[key]);
       }
       return attributes;
     },
     getDataAttribute(element, key) {
-      return normalizeData(element.getAttribute(`data-coreui-${normalizeDataKey(key)}`));
+      return normalizeData(element.getAttribute(`data-bs-${normalizeDataKey(key)}`));
     }
   };
 
@@ -665,7 +665,7 @@
    * Constants
    */
 
-  const VERSION = '5.1.1';
+  const VERSION = '5.2.0';
 
   /**
    * Class definition
@@ -712,7 +712,7 @@
       return VERSION;
     }
     static get DATA_KEY() {
-      return `coreui.${this.NAME}`;
+      return `bs.${this.NAME}`;
     }
     static get EVENT_KEY() {
       return `.${this.DATA_KEY}`;
@@ -733,7 +733,7 @@
    */
 
   const getSelector = element => {
-    let selector = element.getAttribute('data-coreui-target');
+    let selector = element.getAttribute('data-bs-target');
     if (!selector || selector === '#') {
       let hrefAttribute = element.getAttribute('href');
 
@@ -827,7 +827,7 @@
   const enableDismissTrigger = (component, method = 'hide') => {
     const clickEvent = `click.dismiss${component.EVENT_KEY}`;
     const name = component.NAME;
-    EventHandler.on(document, clickEvent, `[data-coreui-dismiss="${name}"]`, function (event) {
+    EventHandler.on(document, clickEvent, `[data-bs-dismiss="${name}"]`, function (event) {
       if (['A', 'AREA'].includes(this.tagName)) {
         event.preventDefault();
       }
@@ -940,7 +940,7 @@
   const EVENT_KEY$c = `.${DATA_KEY$b}`;
   const DATA_API_KEY$8 = '.data-api';
   const CLASS_NAME_ACTIVE$4 = 'active';
-  const SELECTOR_DATA_TOGGLE$6 = '[data-coreui-toggle="button"]';
+  const SELECTOR_DATA_TOGGLE$6 = '[data-bs-toggle="button"]';
   const EVENT_CLICK_DATA_API$8 = `click${EVENT_KEY$c}${DATA_API_KEY$8}`;
 
   /**
@@ -1157,8 +1157,8 @@
   const SELECTOR_ACTIVE_ITEM = SELECTOR_ACTIVE + SELECTOR_ITEM;
   const SELECTOR_ITEM_IMG = '.carousel-item img';
   const SELECTOR_INDICATORS = '.carousel-indicators';
-  const SELECTOR_DATA_SLIDE = '[data-coreui-slide], [data-coreui-slide-to]';
-  const SELECTOR_DATA_RIDE = '[data-coreui-ride="carousel"]';
+  const SELECTOR_DATA_SLIDE = '[data-bs-slide], [data-bs-slide-to]';
+  const SELECTOR_DATA_RIDE = '[data-bs-ride="carousel"]';
   const KEY_TO_DIRECTION = {
     [ARROW_LEFT_KEY$1]: DIRECTION_RIGHT,
     [ARROW_RIGHT_KEY$1]: DIRECTION_LEFT
@@ -1337,7 +1337,7 @@
       const activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE, this._indicatorsElement);
       activeIndicator.classList.remove(CLASS_NAME_ACTIVE$3);
       activeIndicator.removeAttribute('aria-current');
-      const newActiveIndicator = SelectorEngine.findOne(`[data-coreui-slide-to="${index}"]`, this._indicatorsElement);
+      const newActiveIndicator = SelectorEngine.findOne(`[data-bs-slide-to="${index}"]`, this._indicatorsElement);
       if (newActiveIndicator) {
         newActiveIndicator.classList.add(CLASS_NAME_ACTIVE$3);
         newActiveIndicator.setAttribute('aria-current', 'true');
@@ -1348,7 +1348,7 @@
       if (!element) {
         return;
       }
-      const elementInterval = Number.parseInt(element.getAttribute('data-coreui-interval'), 10);
+      const elementInterval = Number.parseInt(element.getAttribute('data-bs-interval'), 10);
       this._config.interval = elementInterval || this._config.defaultInterval;
     }
     _slide(order, element = null) {
@@ -1459,7 +1459,7 @@
     }
     event.preventDefault();
     const carousel = Carousel.getOrCreateInstance(target);
-    const slideIndex = this.getAttribute('data-coreui-slide-to');
+    const slideIndex = this.getAttribute('data-bs-slide-to');
     if (slideIndex) {
       carousel.to(slideIndex);
       carousel._maybeEnableCycle();
@@ -1519,7 +1519,7 @@
   const WIDTH = 'width';
   const HEIGHT = 'height';
   const SELECTOR_ACTIVES = '.collapse.show, .collapse.collapsing';
-  const SELECTOR_DATA_TOGGLE$5 = '[data-coreui-toggle="collapse"]';
+  const SELECTOR_DATA_TOGGLE$5 = '[data-bs-toggle="collapse"]';
   const Default$c = {
     parent: null,
     toggle: true
@@ -3600,7 +3600,7 @@
   const CLASS_NAME_DROPSTART = 'dropstart';
   const CLASS_NAME_DROPUP_CENTER = 'dropup-center';
   const CLASS_NAME_DROPDOWN_CENTER = 'dropdown-center';
-  const SELECTOR_DATA_TOGGLE$4 = '[data-coreui-toggle="dropdown"]:not(.disabled):not(:disabled)';
+  const SELECTOR_DATA_TOGGLE$4 = '[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)';
   const SELECTOR_DATA_TOGGLE_SHOWN = `${SELECTOR_DATA_TOGGLE$4}.${CLASS_NAME_SHOW$8}`;
   const SELECTOR_MENU = '.dropdown-menu';
   const SELECTOR_NAVBAR = '.navbar';
@@ -3775,7 +3775,7 @@
       }
 
       // We need to trim the value because custom properties can also include spaces
-      const isEnd = getComputedStyle(this._menu).getPropertyValue('--cui-position').trim() === 'end';
+      const isEnd = getComputedStyle(this._menu).getPropertyValue('--bs-position').trim() === 'end';
       if (parentDropdown.classList.contains(CLASS_NAME_DROPUP)) {
         return isEnd ? PLACEMENT_TOPEND : PLACEMENT_TOP;
       }
@@ -3822,7 +3822,7 @@
       }
       return {
         ...defaultBsPopperConfig,
-        ...execute(this._config.popperConfig, [defaultBsPopperConfig])
+        ...execute(this._config.popperConfig, [undefined, defaultBsPopperConfig])
       };
     }
     _selectMenuItem({
@@ -3951,7 +3951,7 @@
   const NAME$b = 'backdrop';
   const CLASS_NAME_FADE$4 = 'fade';
   const CLASS_NAME_SHOW$7 = 'show';
-  const EVENT_MOUSEDOWN = `mousedown.coreui.${NAME$b}`;
+  const EVENT_MOUSEDOWN = `mousedown.bs.${NAME$b}`;
   const Default$a = {
     className: 'modal-backdrop',
     clickCallback: null,
@@ -4299,7 +4299,7 @@
   const OPEN_SELECTOR$1 = '.modal.show';
   const SELECTOR_DIALOG = '.modal-dialog';
   const SELECTOR_MODAL_BODY = '.modal-body';
-  const SELECTOR_DATA_TOGGLE$3 = '[data-coreui-toggle="modal"]';
+  const SELECTOR_DATA_TOGGLE$3 = '[data-bs-toggle="modal"]';
   const Default$8 = {
     backdrop: true,
     focus: true,
@@ -4606,7 +4606,7 @@
   const SELECTOR_NAV_GROUP_ITEMS = '.nav-group-items';
   const SELECTOR_NAV_GROUP_TOGGLE = '.nav-group-toggle';
   const SELECTOR_NAV_LINK = '.nav-link';
-  const SELECTOR_DATA_NAVIGATION = '[data-coreui="navigation"]';
+  const SELECTOR_DATA_NAVIGATION = '[data-bs="navigation"]';
 
   /**
    * ------------------------------------------------------------------------
@@ -4849,7 +4849,7 @@
   const EVENT_RESIZE$1 = `resize${EVENT_KEY$4}`;
   const EVENT_CLICK_DATA_API$2 = `click${EVENT_KEY$4}${DATA_API_KEY$2}`;
   const EVENT_KEYDOWN_DISMISS = `keydown.dismiss${EVENT_KEY$4}`;
-  const SELECTOR_DATA_TOGGLE$2 = '[data-coreui-toggle="offcanvas"]';
+  const SELECTOR_DATA_TOGGLE$2 = '[data-bs-toggle="offcanvas"]';
   const Default$6 = {
     backdrop: true,
     keyboard: true,
@@ -5275,7 +5275,7 @@
       return this._config.sanitize ? sanitizeHtml(arg, this._config.allowList, this._config.sanitizeFn) : arg;
     }
     _resolvePossibleFunction(arg) {
-      return execute(arg, [this]);
+      return execute(arg, [undefined, this]);
     }
     _putElementInTemplate(element, templateElement) {
       if (this._config.html) {
@@ -5433,8 +5433,8 @@
     dispose() {
       clearTimeout(this._timeout);
       EventHandler.off(this._element.closest(SELECTOR_MODAL), EVENT_MODAL_HIDE, this._hideModalHandler);
-      if (this._element.getAttribute('data-coreui-original-title')) {
-        this._element.setAttribute('title', this._element.getAttribute('data-coreui-original-title'));
+      if (this._element.getAttribute('data-bs-original-title')) {
+        this._element.setAttribute('title', this._element.getAttribute('data-bs-original-title'));
       }
       this._disposePopper();
       super.dispose();
@@ -5580,7 +5580,7 @@
       };
     }
     _getTitle() {
-      return this._resolvePossibleFunction(this._config.title) || this._element.getAttribute('data-coreui-original-title');
+      return this._resolvePossibleFunction(this._config.title) || this._element.getAttribute('data-bs-original-title');
     }
 
     // Private
@@ -5611,7 +5611,7 @@
       return offset;
     }
     _resolvePossibleFunction(arg) {
-      return execute(arg, [this._element]);
+      return execute(arg, [this._element, this._element]);
     }
     _getPopperConfig(attachment) {
       const defaultBsPopperConfig = {
@@ -5649,7 +5649,7 @@
       };
       return {
         ...defaultBsPopperConfig,
-        ...execute(this._config.popperConfig, [defaultBsPopperConfig])
+        ...execute(this._config.popperConfig, [undefined, defaultBsPopperConfig])
       };
     }
     _setListeners() {
@@ -5690,7 +5690,7 @@
       if (!this._element.getAttribute('aria-label') && !this._element.textContent.trim()) {
         this._element.setAttribute('aria-label', title);
       }
-      this._element.setAttribute('data-coreui-original-title', title); // DO NOT USE IT. Is only for backwards compatibility
+      this._element.setAttribute('data-bs-original-title', title); // DO NOT USE IT. Is only for backwards compatibility
       this._element.removeAttribute('title');
     }
     _enter() {
@@ -5910,7 +5910,7 @@
   const EVENT_LOAD_DATA_API$2 = `load${EVENT_KEY$3}${DATA_API_KEY$1}`;
   const CLASS_NAME_DROPDOWN_ITEM = 'dropdown-item';
   const CLASS_NAME_ACTIVE$1 = 'active';
-  const SELECTOR_DATA_SPY = '[data-coreui-spy="scroll"]';
+  const SELECTOR_DATA_SPY = '[data-bs-spy="scroll"]';
   const SELECTOR_TARGET_LINKS = '[href]';
   const SELECTOR_NAV_LIST_GROUP = '.nav, .list-group';
   const SELECTOR_NAV_LINKS = '.nav-link';
@@ -6182,8 +6182,8 @@
   const EVENT_SHOWN$2 = `shown${EVENT_KEY$2}`;
   const EVENT_CLICK_DATA_API$1 = `click${EVENT_KEY$2}${DATA_API_KEY}`;
   const EVENT_LOAD_DATA_API$1 = `load${EVENT_KEY$2}${DATA_API_KEY}`;
-  const SELECTOR_DATA_CLOSE = '[data-coreui-close="sidebar"]';
-  const SELECTOR_DATA_TOGGLE$1 = '[data-coreui-toggle]';
+  const SELECTOR_DATA_CLOSE = '[data-bs-close="sidebar"]';
+  const SELECTOR_DATA_TOGGLE$1 = '[data-bs-toggle]';
   const SELECTOR_SIDEBAR = '.sidebar';
 
   /**
@@ -6324,7 +6324,7 @@
       });
     }
     _isMobile() {
-      return Boolean(window.getComputedStyle(this._element, null).getPropertyValue('--cui-is-mobile'));
+      return Boolean(window.getComputedStyle(this._element, null).getPropertyValue('--bs-is-mobile'));
     }
     _isNarrow() {
       return this._element.classList.contains(CLASS_NAME_SIDEBAR_NARROW);
@@ -6467,9 +6467,9 @@
   const SELECTOR_TAB_PANEL = '.list-group, .nav, [role="tablist"]';
   const SELECTOR_OUTER = '.nav-item, .list-group-item';
   const SELECTOR_INNER = `.nav-link${NOT_SELECTOR_DROPDOWN_TOGGLE}, .list-group-item${NOT_SELECTOR_DROPDOWN_TOGGLE}, [role="tab"]${NOT_SELECTOR_DROPDOWN_TOGGLE}`;
-  const SELECTOR_DATA_TOGGLE = '[data-coreui-toggle="tab"], [data-coreui-toggle="pill"], [data-coreui-toggle="list"]'; // TODO: could only be `tab` in v6
+  const SELECTOR_DATA_TOGGLE = '[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]'; // TODO: could only be `tab` in v6
   const SELECTOR_INNER_ELEM = `${SELECTOR_INNER}, ${SELECTOR_DATA_TOGGLE}`;
-  const SELECTOR_DATA_TOGGLE_ACTIVE = `.${CLASS_NAME_ACTIVE}[data-coreui-toggle="tab"], .${CLASS_NAME_ACTIVE}[data-coreui-toggle="pill"], .${CLASS_NAME_ACTIVE}[data-coreui-toggle="list"]`;
+  const SELECTOR_DATA_TOGGLE_ACTIVE = `.${CLASS_NAME_ACTIVE}[data-bs-toggle="tab"], .${CLASS_NAME_ACTIVE}[data-bs-toggle="pill"], .${CLASS_NAME_ACTIVE}[data-bs-toggle="list"]`;
 
   /**
    * Class definition