vrembem 3.0.6 → 3.0.9

package/dev/scripts.esm.js

@@ -18,7 +18,7 @@ function _createClass(Constructor, protoProps, staticProps) {
 }
 
 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];
 
@@ -31,7 +31,6 @@ function _extends() {
 
     return target;
   };
-
   return _extends.apply(this, arguments);
 }
 
@@ -43,11 +42,10 @@ function _inheritsLoose(subClass, superClass) {
 }
 
 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);
 }
 
@@ -429,7 +427,20 @@ var Collection = /*#__PURE__*/function () {
   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");
 
@@ -606,29 +617,23 @@ function localStore(key, enable) {
     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;
     }
-  });
+  };
 }
 
 /**
@@ -968,7 +973,8 @@ var deregister$2 = function deregister(obj, close) {
       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.
 
@@ -1089,9 +1095,9 @@ var initialState = function initialState(entry) {
     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 () {});
@@ -1270,9 +1276,9 @@ var toModal = function toModal(entry) {
 
     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.
 
 
@@ -1393,7 +1399,7 @@ var register$2 = function register(el, dialog) {
           __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);
           }
         },
 
@@ -1686,14 +1692,6 @@ function updateFocusState() {
   }
 }
 
-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;
@@ -1787,15 +1785,8 @@ var deregister$1 = function deregister(obj, close) {
           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);
           }
         }();
 
@@ -1838,32 +1829,17 @@ var open$1 = function open(query, transition, focus) {
     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 () {
@@ -1903,15 +1879,8 @@ var close$1 = function close(query, transition, focus) {
         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) {
@@ -1943,7 +1912,7 @@ var closeAll$1 = function closeAll(exclude, transition) {
     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;
@@ -2125,6 +2094,70 @@ var register$1 = function register(el, dialog) {
   }
 };
 
+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");
@@ -2147,20 +2180,9 @@ var Modal = /*#__PURE__*/function (_Collection) {
     _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();
@@ -2274,7 +2296,7 @@ var Modal = /*#__PURE__*/function (_Collection) {
   _createClass(Modal, [{
     key: "active",
     get: function get() {
-      return this.stack[this.stack.length - 1];
+      return this.stack.top;
     }
   }]);
 
@@ -2830,17 +2852,17 @@ function contains(parent, child) {
     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;
@@ -3897,11 +3919,11 @@ var offset$1 = {
 
 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,