vrembem 3.0.3 → 3.0.6

package/dev/scripts.esm.js

@@ -617,12 +617,14 @@ function localStore(key, enable) {
 
   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;
     }
@@ -966,7 +968,7 @@ var deregister$2 = function deregister(obj, close) {
       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.
 
@@ -998,12 +1000,12 @@ var deregister$2 = function deregister(obj, close) {
   }
 };
 
-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]) {
@@ -2308,7 +2310,7 @@ function getConfig(el, settings) {
 
   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) {
@@ -2537,7 +2539,7 @@ function closeCheck(popover) {
     // 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();
@@ -2582,21 +2584,21 @@ function handleKeydown(event) {
 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);
-      }
     }
   });
 }