vrembem 3.0.3 → 3.0.6

package/dev/scripts.umd.js

@@ -622,12 +622,14 @@
 
     return new Proxy(getStore(), {
       set: function set(target, property, value) {
-        target[property] = value;
-        if (enable) setStore(target);
-        return true;
-      },
-      deleteProperty: function deleteProperty(target, property) {
-        delete target[property];
+        console.log('localStore() => set');
+
+        if (value === undefined) {
+          delete target[property];
+        } else {
+          target[property] = value;
+        }
+
         if (enable) setStore(target);
         return true;
       }
@@ -971,7 +973,7 @@
         if (index >= 0) {
           var _temp7 = function _temp7() {
             // Remove entry from local store.
-            delete _this2.store[_entry.id]; // Unmount the MatchMedia functionality.
+            _this2.store[_entry.id] = undefined; // Unmount the MatchMedia functionality.
 
             _entry.unmountBreakpoint(); // Delete properties from collection entry.
 
@@ -1003,12 +1005,12 @@
     }
   };
 
-  function L() {
+  function g() {
     return getComputedStyle(document.body).getPropertyValue("--vrembem-variable-prefix").trim();
   }
 
   function getBreakpoint(drawer) {
-    var prefix = L();
+    var prefix = g();
     var bp = drawer.getAttribute("data-" + this.settings.dataBreakpoint);
 
     if (this.settings.breakpoints && this.settings.breakpoints[bp]) {
@@ -2313,7 +2315,7 @@
 
     for (var prop in config) {
       // Get the CSS variable property values.
-      var prefix = L();
+      var prefix = g();
       var value = styles.getPropertyValue("--" + prefix + "popover-" + prop).trim(); // If a value was found, replace the default in config obj.
 
       if (value) {
@@ -2542,7 +2544,7 @@
       // Check if trigger or element are being hovered.
       var isHovered = popover.el.closest(':hover') === popover.el || popover.trigger.closest(':hover') === popover.trigger; // Check if trigger or element are being focused.
 
-      var isFocused = document.activeElement.closest("#" + popover.id + ", [aria-controls=\"" + popover.id + "\"]"); // Close if the trigger and element are not currently hovered or focused.
+      var isFocused = document.activeElement.closest("#" + popover.id + ", [aria-controls=\"" + popover.id + "\"], [aria-describedby=\"" + popover.id + "\"]"); // Close if the trigger and element are not currently hovered or focused.
 
       if (!isHovered && !isFocused) {
         popover.close();
@@ -2587,21 +2589,21 @@
   function handleDocumentClick(popover) {
     var root = this;
     document.addEventListener('click', function _f(event) {
-      // Check if a popover was clicked.
-      var result = event.target.closest("#" + popover.id + ", [aria-controls=\"" + popover.id + "\"]");
+      // Check if a popover or its trigger was clicked.
+      var wasClicked = event.target.closest("#" + popover.id + ", [aria-controls=\"" + popover.id + "\"], [aria-describedby=\"" + popover.id + "\"]"); // If popover or popover trigger was clicked...
 
-      if (!result) {
-        // If it doesn't match and popover is open, close it and remove event listener.
+      if (wasClicked) {
+        // If popover element exists and is not active...
+        if (popover.el && !popover.el.classList.contains(root.settings.stateActive)) {
+          this.removeEventListener('click', _f);
+        }
+      } else {
+        // If popover element exists and is active...
         if (popover.el && popover.el.classList.contains(root.settings.stateActive)) {
           popover.close();
         }
 
         this.removeEventListener('click', _f);
-      } else {
-        // If it does match and popover isn't currently active, remove event listener.
-        if (popover.el && !popover.el.classList.contains(root.settings.stateActive)) {
-          this.removeEventListener('click', _f);
-        }
       }
     });
   }