vrembem 3.0.6 → 3.0.9

package/dev/scripts.umd.js

@@ -23,7 +23,7 @@
   }
 
   function _extends() {
-    _extends = Object.assign || function (target) {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
       for (var i = 1; i < arguments.length; i++) {
         var source = arguments[i];
 
@@ -36,7 +36,6 @@
 
       return target;
     };
-
     return _extends.apply(this, arguments);
   }
 
@@ -48,11 +47,10 @@
   }
 
   function _setPrototypeOf(o, p) {
-    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
       o.__proto__ = p;
       return o;
     };
-
     return _setPrototypeOf(o, p);
   }
 
@@ -434,7 +432,20 @@
     return Collection;
   }();
 
-  var focusableSelectors = ['a[href]:not([tabindex^="-"])', 'area[href]:not([tabindex^="-"])', 'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])', 'input[type="radio"]:not([disabled]):not([tabindex^="-"])', 'select:not([disabled]):not([tabindex^="-"])', 'textarea:not([disabled]):not([tabindex^="-"])', 'button:not([disabled]):not([tabindex^="-"])', 'iframe:not([tabindex^="-"])', 'audio[controls]:not([tabindex^="-"])', 'video[controls]:not([tabindex^="-"])', '[contenteditable]:not([tabindex^="-"])', '[tabindex]:not([tabindex^="-"])'];
+  var focusableSelectors = [
+    'a[href]:not([tabindex^="-"])',
+    'area[href]:not([tabindex^="-"])',
+    'input:not([type="hidden"]):not([type="radio"]):not([disabled]):not([tabindex^="-"])',
+    'input[type="radio"]:not([disabled]):not([tabindex^="-"])',
+    'select:not([disabled]):not([tabindex^="-"])',
+    'textarea:not([disabled]):not([tabindex^="-"])',
+    'button:not([disabled]):not([tabindex^="-"])',
+    'iframe:not([tabindex^="-"])',
+    'audio[controls]:not([tabindex^="-"])',
+    'video[controls]:not([tabindex^="-"])',
+    '[contenteditable]:not([tabindex^="-"])',
+    '[tabindex]:not([tabindex^="-"])',
+  ];
 
   var _focusable = /*#__PURE__*/_classPrivateFieldLooseKey("focusable");
 
@@ -611,29 +622,23 @@
       enable = true;
     }
 
-    function getStore() {
-      var value = localStorage.getItem(key);
-      return value ? JSON.parse(value) : {};
-    }
-
-    function setStore(obj) {
-      localStorage.setItem(key, JSON.stringify(obj));
-    }
-
-    return new Proxy(getStore(), {
-      set: function set(target, property, value) {
-        console.log('localStore() => set');
-
-        if (value === undefined) {
-          delete target[property];
+    var local = localStorage.getItem(key);
+    var store = local ? JSON.parse(local) : {};
+    return {
+      get: function get(prop) {
+        return prop ? store[prop] : store;
+      },
+      set: function set(prop, value) {
+        if (value) {
+          store[prop] = value;
         } else {
-          target[property] = value;
+          delete store[prop];
         }
 
-        if (enable) setStore(target);
-        return true;
+        if (enable) localStorage.setItem(key, JSON.stringify(store));
+        return store;
       }
-    });
+    };
   }
 
   /**
@@ -973,7 +978,8 @@
         if (index >= 0) {
           var _temp7 = function _temp7() {
             // Remove entry from local store.
-            _this2.store[_entry.id] = undefined; // Unmount the MatchMedia functionality.
+            _this2.store.set(_entry.id); // Unmount the MatchMedia functionality.
+
 
             _entry.unmountBreakpoint(); // Delete properties from collection entry.
 
@@ -1094,9 +1100,9 @@
       var _this2 = this;
 
       var _temp3 = function () {
-        if (_this2.store[entry.id]) {
+        if (_this2.store.get(entry.id)) {
           var _temp4 = function () {
-            if (_this2.store[entry.id] === 'opened') {
+            if (_this2.store.get(entry.id) === 'opened') {
               return Promise.resolve(entry.open(false, false)).then(function () {});
             } else {
               return Promise.resolve(entry.close(false, false)).then(function () {});
@@ -1275,9 +1281,9 @@
 
       entry.dialog.setAttribute('aria-modal', 'true'); // If there isn't a stored state but also has the opened state class...
 
-      if (!_this4.store[entry.id] && entry.el.classList.contains(entry.getSetting('stateOpened'))) {
+      if (!_this4.store.get(entry.id) && entry.el.classList.contains(entry.getSetting('stateOpened'))) {
         // Save the opened state in local store.
-        _this4.store[entry.id] = 'opened';
+        _this4.store.set(entry.id, 'opened');
       } // Modal drawer defaults to closed state.
 
 
@@ -1398,7 +1404,7 @@
             __state = value; // Save 'opened' and 'closed' states to store if mode is inline.
 
             if (value === 'opened' || value === 'closed') {
-              if (this.mode === 'inline') root.store[this.id] = this.state;
+              if (this.mode === 'inline') root.store.set(this.id, this.state);
             }
           },
 
@@ -1691,14 +1697,6 @@
     }
   }
 
-  function updateStackIndex(stack) {
-    stack.forEach(function (entry, index) {
-      entry.el.style.zIndex = null;
-      var value = getComputedStyle(entry.el)['z-index'];
-      entry.el.style.zIndex = parseInt(value) + index + 1;
-    });
-  }
-
   var handleClick$1 = function handleClick(event) {
     try {
       var _this2 = this;
@@ -1792,15 +1790,8 @@
             if (close && _entry.state === 'opened') {
               return Promise.resolve(_entry.close(false)).then(function () {});
             } else {
-              // Get index of modal in stack array.
-              var stackIndex = _this2.stack.findIndex(function (item) {
-                return item.id === _entry.id;
-              }); // Remove modal from stack array.
-
-
-              if (stackIndex >= 0) {
-                _this2.stack.splice(stackIndex, 1);
-              }
+              // Remove modal from stack.
+              _this2.stack.remove(_entry);
             }
           }();
 
@@ -1843,32 +1834,17 @@
       var config = _extends({}, _this2.settings, modal.settings); // Add transition parameter to configuration.
 
 
-      if (transition !== undefined) config.transition = transition; // Check if modal is already in the stack.
-
-      var index = _this2.stack.findIndex(function (entry) {
-        return entry.id === modal.id;
-      }); // If modal is already open.
-
-
-      if (index >= 0) {
-        // Remove modal from stack array.
-        _this2.stack.splice(index, 1); // Move back to end of stack.
+      if (transition !== undefined) config.transition = transition; // Maybe add modal to top of stack.
 
-
-        _this2.stack.push(modal);
-      } // If modal is closed.
+      _this2.stack.moveToTop(modal); // If modal is closed.
 
 
       var _temp4 = function () {
         if (modal.state === 'closed') {
           // Update modal state.
-          modal.state = 'opening'; // Apply z-index styles based on stack length.
-
-          modal.el.style.zIndex = null;
-          var value = getComputedStyle(modal.el)['z-index'];
-          modal.el.style.zIndex = parseInt(value) + _this2.stack.length + 1; // Store modal in stack array.
+          modal.state = 'opening'; // Add modal to stack.
 
-          _this2.stack.push(modal); // Run the open transition.
+          _this2.stack.add(modal); // Run the open transition.
 
 
           return Promise.resolve(openTransition(modal.el, config)).then(function () {
@@ -1908,15 +1884,8 @@
           document.activeElement.blur(); // Run the close transition.
 
           return Promise.resolve(closeTransition(modal.el, config)).then(function () {
-            // Remove z-index styles.
-            modal.el.style.zIndex = null; // Get index of modal in stack array.
-
-            var index = _this2.stack.findIndex(function (entry) {
-              return entry.id === modal.id;
-            }); // Remove modal from stack array.
-
-
-            _this2.stack.splice(index, 1); // Update focus if the focus param is true.
+            // Remove modal from stack.
+            _this2.stack.remove(modal); // Update focus if the focus param is true.
 
 
             if (focus) {
@@ -1948,7 +1917,7 @@
       var _this2 = this;
 
       var result = [];
-      return Promise.resolve(Promise.all(_this2.stack.map(function (modal) {
+      return Promise.resolve(Promise.all(_this2.stack.value.map(function (modal) {
         try {
           var _temp3 = function _temp3() {
             modal.trigger = null;
@@ -2130,6 +2099,70 @@
     }
   };
 
+  function stack(settings) {
+    var stackArray = [];
+    return {
+      get value() {
+        return [].concat(stackArray);
+      },
+
+      get top() {
+        return stackArray[stackArray.length - 1];
+      },
+
+      updateIndex: function updateIndex() {
+        stackArray.forEach(function (entry, index) {
+          entry.el.style.zIndex = null;
+          var value = getComputedStyle(entry.el)['z-index'];
+          entry.el.style.zIndex = parseInt(value) + index + 1;
+        });
+      },
+      updateGlobalState: function updateGlobalState$1() {
+        updateGlobalState(this.top, settings);
+
+        this.updateIndex();
+      },
+      add: function add(entry) {
+        // Apply z-index styles based on stack length.
+        entry.el.style.zIndex = null;
+        var value = getComputedStyle(entry.el)['z-index'];
+        entry.el.style.zIndex = parseInt(value) + stackArray.length + 1; // Move back to end of stack.
+
+        stackArray.push(entry); // Update the global state.
+
+        this.updateGlobalState();
+      },
+      remove: function remove(entry) {
+        // Get the index of the entry.
+        var index = stackArray.findIndex(function (item) {
+          return item.id === entry.id;
+        }); // If entry is in stack...
+
+        if (index >= 0) {
+          // Remove z-index styles.
+          entry.el.style.zIndex = null; // Remove entry from stack array.
+
+          stackArray.splice(index, 1); // Update the global state.
+
+          this.updateGlobalState();
+        }
+      },
+      moveToTop: function moveToTop(entry) {
+        // Get the index of the entry.
+        var index = stackArray.findIndex(function (item) {
+          return item.id === entry.id;
+        }); // If entry is in stack...
+
+        if (index >= 0) {
+          // Remove entry from stack array.
+          stackArray.splice(index, 1); // Add entry back to top of stack.
+
+          this.add(entry);
+        }
+      }
+    };
+  }
+
   var _handleClick = /*#__PURE__*/_classPrivateFieldLooseKey("handleClick");
 
   var _handleKeydown$1 = /*#__PURE__*/_classPrivateFieldLooseKey("handleKeydown");
@@ -2152,20 +2185,9 @@
       _this.defaults = defaults$1;
       _this.settings = _extends({}, _this.defaults, options);
       _this.trigger = null;
-      _this.focusTrap = new FocusTrap(); // Setup a proxy for stack array.
-
-      _this.stack = new Proxy([], {
-        set: function set(target, property, value) {
-          target[property] = value; // Update global state if stack length changed.
+      _this.focusTrap = new FocusTrap(); // Setup stack module.
 
-          if (property === 'length') {
-            updateGlobalState(_this.active, _this.settings);
-            updateStackIndex(_this.stack);
-          }
-
-          return true;
-        }
-      });
+      _this.stack = stack(_this.settings);
       _classPrivateFieldLooseBase(_assertThisInitialized(_this), _handleClick)[_handleClick] = handleClick$1.bind(_assertThisInitialized(_this));
       _classPrivateFieldLooseBase(_assertThisInitialized(_this), _handleKeydown$1)[_handleKeydown$1] = handleKeydown$1.bind(_assertThisInitialized(_this));
       if (_this.settings.autoInit) _this.init();
@@ -2279,7 +2301,7 @@
     _createClass(Modal, [{
       key: "active",
       get: function get() {
-        return this.stack[this.stack.length - 1];
+        return this.stack.top;
       }
     }]);
 
@@ -2835,17 +2857,17 @@
       return true;
     } // then fallback to custom implementation with Shadow DOM support
     else if (rootNode && isShadowRoot(rootNode)) {
-      var next = child;
+        var next = child;
 
-      do {
-        if (next && parent.isSameNode(next)) {
-          return true;
-        } // $FlowFixMe[prop-missing]: need a better way to handle this...
+        do {
+          if (next && parent.isSameNode(next)) {
+            return true;
+          } // $FlowFixMe[prop-missing]: need a better way to handle this...
 
 
-        next = next.parentNode || next.host;
-      } while (next);
-    } // Give up, the result is false
+          next = next.parentNode || next.host;
+        } while (next);
+      } // Give up, the result is false
 
 
     return false;
@@ -3902,11 +3924,11 @@
 
   function popperOffsets(_ref) {
     var state = _ref.state,
-        name = _ref.name; // Offsets are the actual position the popper needs to have to be
+        name = _ref.name;
+    // Offsets are the actual position the popper needs to have to be
     // properly positioned near its reference element
     // This is the most basic placement, and will be adjusted by
     // the modifiers in the next step
-
     state.modifiersData[name] = computeOffsets({
       reference: state.rects.reference,
       element: state.rects.popper,