@coreui/coreui 4.1.0 → 4.1.1

package/dist/js/coreui.js

@@ -1,6 +1,6 @@
 /*!
-  * CoreUI v4.1.0 (https://coreui.io)
-  * Copyright 2021 The CoreUI Team (https://github.com/orgs/coreui/people)
+  * CoreUI v4.1.1 (https://coreui.io)
+  * Copyright 2022 The CoreUI Team (https://github.com/orgs/coreui/people)
   * Licensed under MIT (https://coreui.io)
   */
 (function (global, factory) {
@@ -11,7 +11,7 @@
 
   function _interopNamespace(e) {
     if (e && e.__esModule) return e;
-    const n = Object.create(null);
+    const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
     if (e) {
       for (const k in e) {
         if (k !== 'default') {
@@ -31,7 +31,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): alert.js
+   * CoreUI (v4.1.1): alert.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's  util/index.js
@@ -42,12 +42,12 @@
   const MILLISECONDS_MULTIPLIER = 1000;
   const TRANSITION_END = 'transitionend'; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
 
-  const toType = obj => {
-    if (obj === null || obj === undefined) {
-      return `${obj}`;
+  const toType = object => {
+    if (object === null || object === undefined) {
+      return `${object}`;
     }
 
-    return {}.toString.call(obj).match(/\s([a-z]+)/i)[1].toLowerCase();
+    return Object.prototype.toString.call(object).match(/\s([a-z]+)/i)[1].toLowerCase();
   };
   /**
    * --------------------------------------------------------------------------
@@ -172,7 +172,27 @@
       return false;
     }
 
-    return getComputedStyle(element).getPropertyValue('visibility') === 'visible';
+    const elementIsVisible = getComputedStyle(element).getPropertyValue('visibility') === 'visible'; // Handle `details` element as its content may falsie appear visible when it is closed
+
+    const closedDetails = element.closest('details:not([open])');
+
+    if (!closedDetails) {
+      return elementIsVisible;
+    }
+
+    if (closedDetails !== element) {
+      const summary = element.closest('summary');
+
+      if (summary && summary.parentNode !== closedDetails) {
+        return false;
+      }
+
+      if (summary === null) {
+        return false;
+      }
+    }
+
+    return elementIsVisible;
   };
 
   const isDisabled = element => {
@@ -345,7 +365,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): dom/event-handler.js
+   * CoreUI (v4.1.1): dom/event-handler.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's  dom/event-handler.js
@@ -636,7 +656,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): dom/data.js
+   * CoreUI (v4.1.1): dom/data.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's dom/data.js
@@ -693,7 +713,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): alert.js
+   * CoreUI (v4.1.1): alert.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's base-component.js
@@ -706,7 +726,7 @@
    * ------------------------------------------------------------------------
    */
 
-  const VERSION = '4.1.0';
+  const VERSION = '4.1.1';
 
   class BaseComponent {
     constructor(element) {
@@ -788,7 +808,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): alert.js
+   * CoreUI (v4.1.1): alert.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's alert.js
@@ -806,7 +826,7 @@
   const EVENT_KEY$e = `.${DATA_KEY$e}`;
   const EVENT_CLOSE = `close${EVENT_KEY$e}`;
   const EVENT_CLOSED = `closed${EVENT_KEY$e}`;
-  const CLASS_NAME_FADE$6 = 'fade';
+  const CLASS_NAME_FADE$5 = 'fade';
   const CLASS_NAME_SHOW$a = 'show';
   /**
    * ------------------------------------------------------------------------
@@ -830,7 +850,7 @@
 
       this._element.classList.remove(CLASS_NAME_SHOW$a);
 
-      const isAnimated = this._element.classList.contains(CLASS_NAME_FADE$6);
+      const isAnimated = this._element.classList.contains(CLASS_NAME_FADE$5);
 
       this._queueCallback(() => this._destroyElement(), this._element, isAnimated);
     } // Private
@@ -880,7 +900,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): alert.js
+   * CoreUI (v4.1.1): alert.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's button.js
@@ -954,7 +974,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): dom/manipulator.js
+   * CoreUI (v4.1.1): dom/manipulator.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's  dom/manipulator.js
@@ -1031,7 +1051,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): dom/selector-engine.js
+   * CoreUI (v4.1.1): dom/selector-engine.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's  dom/selector-engine.js
@@ -1104,7 +1124,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): carousel.js
+   * CoreUI (v4.1.1): carousel.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's carousel.js
@@ -1432,7 +1452,7 @@
         const activeIndicator = SelectorEngine.findOne(SELECTOR_ACTIVE$1, this._indicatorsElement);
         activeIndicator.classList.remove(CLASS_NAME_ACTIVE$3);
         activeIndicator.removeAttribute('aria-current');
-        const indicators = SelectorEngine.find(SELECTOR_INDICATOR, this._indicatorsElement);
+        const indicators = SelectorEngine.find(SELECTOR_INDICATOR, this._indicatorsElement); // eslint-disable-next-line unicorn/no-for-loop
 
         for (let i = 0; i < indicators.length; i++) {
           if (Number.parseInt(indicators[i].getAttribute('data-coreui-slide-to'), 10) === this._getItemIndex(element)) {
@@ -1656,7 +1676,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): collapse.js
+   * CoreUI (v4.1.1): collapse.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's collapse.js
@@ -1978,7 +1998,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): dropdown.js
+   * CoreUI (v4.1.1): dropdown.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's dropdown.js
@@ -2568,7 +2588,7 @@
     clickCallback: '(function|null)'
   };
   const NAME$a = 'backdrop';
-  const CLASS_NAME_FADE$5 = 'fade';
+  const CLASS_NAME_FADE$4 = 'fade';
   const CLASS_NAME_SHOW$7 = 'show';
   const EVENT_MOUSEDOWN = `mousedown.coreui.${NAME$a}`;
 
@@ -2619,7 +2639,7 @@
         backdrop.className = this._config.className;
 
         if (this._config.isAnimated) {
-          backdrop.classList.add(CLASS_NAME_FADE$5);
+          backdrop.classList.add(CLASS_NAME_FADE$4);
         }
 
         this._element = backdrop;
@@ -2774,7 +2794,7 @@
 
   /**
    * --------------------------------------------------------------------------
-    * CoreUI (v4.1.0): modal.js
+    * CoreUI (v4.1.1): modal.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's modal.js
@@ -2814,7 +2834,7 @@
   const EVENT_MOUSEDOWN_DISMISS = `mousedown.dismiss${EVENT_KEY$8}`;
   const EVENT_CLICK_DATA_API$4 = `click${EVENT_KEY$8}${DATA_API_KEY$5}`;
   const CLASS_NAME_OPEN = 'modal-open';
-  const CLASS_NAME_FADE$4 = 'fade';
+  const CLASS_NAME_FADE$3 = 'fade';
   const CLASS_NAME_SHOW$6 = 'show';
   const CLASS_NAME_STATIC = 'modal-static';
   const OPEN_SELECTOR$1 = '.modal.show';
@@ -3076,7 +3096,7 @@
     }
 
     _isAnimated() {
-      return this._element.classList.contains(CLASS_NAME_FADE$4);
+      return this._element.classList.contains(CLASS_NAME_FADE$3);
     }
 
     _triggerBackdropTransition() {
@@ -3206,7 +3226,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): navigation.js
+   * CoreUI (v4.1.1): navigation.js
    * Licensed under MIT (https://coreui.io/license)
    * --------------------------------------------------------------------------
    */
@@ -3491,7 +3511,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): dropdown.js
+   * CoreUI (v4.1.1): dropdown.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's offcanvas.js
@@ -3750,7 +3770,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): alert.js
+   * CoreUI (v4.1.1): alert.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's  util/sanitizer.js
@@ -3865,7 +3885,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): tooltip.js
+   * CoreUI (v4.1.1): tooltip.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's tooltip.js
@@ -3940,7 +3960,7 @@
     MOUSEENTER: `mouseenter${EVENT_KEY$5}`,
     MOUSELEAVE: `mouseleave${EVENT_KEY$5}`
   };
-  const CLASS_NAME_FADE$3 = 'fade';
+  const CLASS_NAME_FADE$2 = 'fade';
   const CLASS_NAME_MODAL = 'modal';
   const CLASS_NAME_SHOW$3 = 'show';
   const HOVER_STATE_SHOW = 'show';
@@ -4080,7 +4100,7 @@
       this._element.setAttribute('aria-describedby', tipId);
 
       if (this._config.animation) {
-        tip.classList.add(CLASS_NAME_FADE$3);
+        tip.classList.add(CLASS_NAME_FADE$2);
       }
 
       const placement = typeof this._config.placement === 'function' ? this._config.placement.call(this, tip, this._element) : this._config.placement;
@@ -4133,7 +4153,7 @@
         }
       };
 
-      const isAnimated = this.tip.classList.contains(CLASS_NAME_FADE$3);
+      const isAnimated = this.tip.classList.contains(CLASS_NAME_FADE$2);
 
       this._queueCallback(complete, this.tip, isAnimated);
     }
@@ -4179,7 +4199,7 @@
       this._activeTrigger[TRIGGER_CLICK] = false;
       this._activeTrigger[TRIGGER_FOCUS] = false;
       this._activeTrigger[TRIGGER_HOVER] = false;
-      const isAnimated = this.tip.classList.contains(CLASS_NAME_FADE$3);
+      const isAnimated = this.tip.classList.contains(CLASS_NAME_FADE$2);
 
       this._queueCallback(complete, this.tip, isAnimated);
 
@@ -4206,7 +4226,7 @@
       element.innerHTML = this._config.template;
       const tip = element.children[0];
       this.setContent(tip);
-      tip.classList.remove(CLASS_NAME_FADE$3, CLASS_NAME_SHOW$3);
+      tip.classList.remove(CLASS_NAME_FADE$2, CLASS_NAME_SHOW$3);
       this.tip = tip;
       return this.tip;
     }
@@ -4578,7 +4598,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): popover.js
+   * CoreUI (v4.1.1): popover.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's popover.js
@@ -4691,7 +4711,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): scrollspy.js
+   * CoreUI (v4.1.1): scrollspy.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's scrollspy.js
@@ -4929,7 +4949,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): sidebar.js
+   * CoreUI (v4.1.1): sidebar.js
    * Licensed under MIT (https://coreui.io/license)
    * --------------------------------------------------------------------------
    */
@@ -4946,7 +4966,6 @@
   const Default$1 = {};
   const DefaultType$1 = {};
   const CLASS_NAME_BACKDROP = 'sidebar-backdrop';
-  const CLASS_NAME_FADE$2 = 'fade';
   const CLASS_NAME_HIDE$1 = 'hide';
   const CLASS_NAME_SHOW$2 = 'show';
   const CLASS_NAME_SIDEBAR_NARROW = 'sidebar-narrow';
@@ -4977,7 +4996,7 @@
       this._overlaid = this._isOverlaid();
       this._narrow = this._isNarrow();
       this._unfoldable = this._isUnfoldable();
-      this._backdrop = null;
+      this._backdrop = this._initializeBackDrop();
 
       this._addEventListeners();
     } // Getters
@@ -5006,7 +5025,9 @@
       if (this._isMobile()) {
         this._element.classList.add(CLASS_NAME_SHOW$2);
 
-        this._showBackdrop();
+        this._backdrop.show();
+
+        new ScrollBarHelper().hide();
       }
 
       const complete = () => {
@@ -5032,7 +5053,9 @@
       }
 
       if (this._isMobile()) {
-        this._removeBackdrop();
+        this._backdrop.hide();
+
+        new ScrollBarHelper().reset();
       } else {
         this._element.classList.add(CLASS_NAME_HIDE$1);
       }
@@ -5121,6 +5144,16 @@
       return config;
     }
 
+    _initializeBackDrop() {
+      return new Backdrop({
+        className: CLASS_NAME_BACKDROP,
+        isVisible: this._isMobile(),
+        isAnimated: true,
+        rootElement: this._element.parentNode,
+        clickCallback: () => this.hide()
+      });
+    }
+
     _isMobile() {
       return Boolean(window.getComputedStyle(this._element, null).getPropertyValue('--cui-is-mobile'));
     }
@@ -5140,35 +5173,13 @@
     _isVisible() {
       const rect = this._element.getBoundingClientRect();
 
-      return rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
+      return rect.top >= 0 && rect.left >= 0 && Math.floor(rect.bottom) <= (window.innerHeight || document.documentElement.clientHeight) && Math.floor(rect.right) <= (window.innerWidth || document.documentElement.clientWidth);
     }
 
     _addClassName(className) {
       this._element.classList.add(className);
     }
 
-    _removeBackdrop() {
-      if (this._backdrop) {
-        this._backdrop.remove();
-
-        this._backdrop = null;
-      }
-    }
-
-    _showBackdrop() {
-      if (!this._backdrop) {
-        this._backdrop = document.createElement('div');
-        this._backdrop.className = CLASS_NAME_BACKDROP;
-
-        this._backdrop.classList.add(CLASS_NAME_FADE$2);
-
-        document.body.append(this._backdrop);
-        reflow(this._backdrop);
-
-        this._backdrop.classList.add(CLASS_NAME_SHOW$2);
-      }
-    }
-
     _clickOutListener(event, sidebar) {
       if (event.target.closest(SELECTOR_SIDEBAR) === null) {
         event.preventDefault();
@@ -5216,6 +5227,7 @@
       EventHandler.on(window, EVENT_RESIZE, () => {
         if (this._isMobile() && this._isVisible()) {
           this.hide();
+          this._backdrop = this._initializeBackDrop();
         }
       });
     } // Static
@@ -5262,7 +5274,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): tab.js
+   * CoreUI (v4.1.1): tab.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's tab.js
@@ -5463,7 +5475,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): toast.js
+   * CoreUI (v4.1.1): toast.js
    * Licensed under MIT (https://coreui.io/license)
    *
    * This component is a modified version of the Bootstrap's toast.js
@@ -5696,7 +5708,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): index.esm.js
+   * CoreUI (v4.1.1): index.esm.js
    * Licensed under MIT (https://coreui.io/license)
    * --------------------------------------------------------------------------
    */