@coreui/coreui 4.1.0 → 4.1.1

package/dist/js/coreui.bundle.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 @@
 
   /**
    * --------------------------------------------------------------------------
-   * 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
@@ -22,12 +22,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();
   };
   /**
    * --------------------------------------------------------------------------
@@ -152,7 +152,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 => {
@@ -325,7 +345,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
@@ -616,7 +636,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
@@ -673,7 +693,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
@@ -686,7 +706,7 @@
    * ------------------------------------------------------------------------
    */
 
-  const VERSION = '4.1.0';
+  const VERSION = '4.1.1';
 
   class BaseComponent {
     constructor(element) {
@@ -768,7 +788,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
@@ -786,7 +806,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';
   /**
    * ------------------------------------------------------------------------
@@ -810,7 +830,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
@@ -860,7 +880,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
@@ -934,7 +954,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
@@ -1011,7 +1031,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
@@ -1084,7 +1104,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
@@ -1412,7 +1432,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)) {
@@ -1636,7 +1656,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
@@ -2439,13 +2459,21 @@
         adaptive = _ref2.adaptive,
         roundOffsets = _ref2.roundOffsets,
         isFixed = _ref2.isFixed;
+    var _offsets$x = offsets.x,
+        x = _offsets$x === void 0 ? 0 : _offsets$x,
+        _offsets$y = offsets.y,
+        y = _offsets$y === void 0 ? 0 : _offsets$y;
 
-    var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === 'function' ? roundOffsets(offsets) : offsets,
-        _ref3$x = _ref3.x,
-        x = _ref3$x === void 0 ? 0 : _ref3$x,
-        _ref3$y = _ref3.y,
-        y = _ref3$y === void 0 ? 0 : _ref3$y;
+    var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({
+      x: x,
+      y: y
+    }) : {
+      x: x,
+      y: y
+    };
 
+    x = _ref3.x;
+    y = _ref3.y;
     var hasX = offsets.hasOwnProperty('x');
     var hasY = offsets.hasOwnProperty('y');
     var sideX = left;
@@ -2490,6 +2518,17 @@
       position: position
     }, adaptive && unsetSides);
 
+    var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
+      x: x,
+      y: y
+    }) : {
+      x: x,
+      y: y
+    };
+
+    x = _ref4.x;
+    y = _ref4.y;
+
     if (gpuAcceleration) {
       var _Object$assign;
 
@@ -2499,9 +2538,9 @@
     return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : '', _Object$assign2[sideX] = hasX ? x + "px" : '', _Object$assign2.transform = '', _Object$assign2));
   }
 
-  function computeStyles(_ref4) {
-    var state = _ref4.state,
-        options = _ref4.options;
+  function computeStyles(_ref5) {
+    var state = _ref5.state,
+        options = _ref5.options;
     var _options$gpuAccelerat = options.gpuAcceleration,
         gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,
         _options$adaptive = options.adaptive,
@@ -2790,7 +2829,7 @@
 
 
     return clippingParents.filter(function (clippingParent) {
-      return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body' && (canEscapeClipping ? getComputedStyle$1(clippingParent).position !== 'static' : true);
+      return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';
     });
   } // Gets the maximum area that the element is visible in due to any number of
   // clipping parents
@@ -3726,7 +3765,7 @@
     defaultModifiers: defaultModifiers
   }); // eslint-disable-next-line import/no-unused-modules
 
-  const Popper = /*#__PURE__*/Object.freeze({
+  const Popper = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
     __proto__: null,
     popperGenerator,
     detectOverflow,
@@ -3766,11 +3805,11 @@
     offset: offset$1,
     popperOffsets: popperOffsets$1,
     preventOverflow: preventOverflow$1
-  });
+  }, Symbol.toStringTag, { value: 'Module' }));
 
   /**
    * --------------------------------------------------------------------------
-   * 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
@@ -4360,7 +4399,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}`;
 
@@ -4411,7 +4450,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;
@@ -4566,7 +4605,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
@@ -4606,7 +4645,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';
@@ -4868,7 +4907,7 @@
     }
 
     _isAnimated() {
-      return this._element.classList.contains(CLASS_NAME_FADE$4);
+      return this._element.classList.contains(CLASS_NAME_FADE$3);
     }
 
     _triggerBackdropTransition() {
@@ -4998,7 +5037,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): navigation.js
+   * CoreUI (v4.1.1): navigation.js
    * Licensed under MIT (https://coreui.io/license)
    * --------------------------------------------------------------------------
    */
@@ -5283,7 +5322,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
@@ -5542,7 +5581,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
@@ -5657,7 +5696,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
@@ -5732,7 +5771,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';
@@ -5872,7 +5911,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;
@@ -5925,7 +5964,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);
     }
@@ -5971,7 +6010,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);
 
@@ -5998,7 +6037,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;
     }
@@ -6370,7 +6409,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
@@ -6483,7 +6522,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
@@ -6721,7 +6760,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): sidebar.js
+   * CoreUI (v4.1.1): sidebar.js
    * Licensed under MIT (https://coreui.io/license)
    * --------------------------------------------------------------------------
    */
@@ -6738,7 +6777,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';
@@ -6769,7 +6807,7 @@
       this._overlaid = this._isOverlaid();
       this._narrow = this._isNarrow();
       this._unfoldable = this._isUnfoldable();
-      this._backdrop = null;
+      this._backdrop = this._initializeBackDrop();
 
       this._addEventListeners();
     } // Getters
@@ -6798,7 +6836,9 @@
       if (this._isMobile()) {
         this._element.classList.add(CLASS_NAME_SHOW$2);
 
-        this._showBackdrop();
+        this._backdrop.show();
+
+        new ScrollBarHelper().hide();
       }
 
       const complete = () => {
@@ -6824,7 +6864,9 @@
       }
 
       if (this._isMobile()) {
-        this._removeBackdrop();
+        this._backdrop.hide();
+
+        new ScrollBarHelper().reset();
       } else {
         this._element.classList.add(CLASS_NAME_HIDE$1);
       }
@@ -6913,6 +6955,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'));
     }
@@ -6932,35 +6984,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();
@@ -7008,6 +7038,7 @@
       EventHandler.on(window, EVENT_RESIZE, () => {
         if (this._isMobile() && this._isVisible()) {
           this.hide();
+          this._backdrop = this._initializeBackDrop();
         }
       });
     } // Static
@@ -7054,7 +7085,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
@@ -7255,7 +7286,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
@@ -7488,7 +7519,7 @@
 
   /**
    * --------------------------------------------------------------------------
-   * CoreUI (v4.1.0): index.esm.js
+   * CoreUI (v4.1.1): index.esm.js
    * Licensed under MIT (https://coreui.io/license)
    * --------------------------------------------------------------------------
    */