vrembem 4.0.0-next.19 → 4.0.0-next.20

package/dev/index.umd.cjs

@@ -1202,7 +1202,8 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
     // Feature settings
     eventListeners: true,
     eventType: "click",
-    placement: "bottom"
+    placement: "bottom",
+    hoverToggleDelay: 0
   };
   function getConfig(el, settings) {
     const styles = getComputedStyle(el);
@@ -1213,7 +1214,8 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
       "overflow-padding": 0,
       "flip-padding": 0,
       "arrow-element": settings.selectorArrow,
-      "arrow-padding": 0
+      "arrow-padding": 0,
+      "toggle-delay": settings.hoverToggleDelay
     };
     for (const prop in config) {
       const prefix = getPrefix();
@@ -1336,7 +1338,11 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
         popover.trigger.setAttribute("aria-expanded", "false");
       }
       popover.popper.setOptions({
-        modifiers: [{ name: "eventListeners", enabled: false }]
+        placement: popover.config["placement"],
+        modifiers: [
+          { name: "eventListeners", enabled: false },
+          ...getModifiers(popover.config)
+        ]
       });
       popover.state = "closed";
       if (popover.trigger === this.trigger) {
@@ -1376,6 +1382,24 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
       handleDocumentClick.call(this, popover);
     }
   }
+  function handleMouseEnter(popover) {
+    if (popover.toggleDelayId) {
+      clearTimeout(popover.toggleDelayId);
+    }
+    const delay = this.activeTooltip ? 0 : popover.config["toggle-delay"];
+    if (this.activeTooltip) this.activeTooltip.close();
+    popover.toggleDelayId = setTimeout(() => {
+      popover.open();
+    }, delay);
+  }
+  function handleMouseLeave(popover) {
+    if (popover.toggleDelayId) {
+      clearTimeout(popover.toggleDelayId);
+    }
+    popover.toggleDelayId = setTimeout(() => {
+      closeCheck.call(this, popover);
+    }, popover.config["toggle-delay"]);
+  }
   function handleKeydown(event) {
     switch (event.key) {
       case "Escape":
@@ -2816,8 +2840,12 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
       state: "closed",
       el,
       trigger,
+      toggleDelayId: null,
       popper: createPopper(trigger, el),
       config: getConfig(el, this.settings),
+      get isTooltip() {
+        return trigger.hasAttribute("aria-describedby");
+      },
       open() {
         return open.call(root, this);
       },
@@ -2837,6 +2865,9 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
       await entry.open();
       handleDocumentClick.call(this, entry);
     }
+    entry.popper.setOptions({
+      placement: entry.config["placement"]
+    });
     return entry;
   }
   function registerEventListeners(entry) {
@@ -2846,11 +2877,11 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
         entry.__eventListeners = [{
           el: ["trigger"],
           type: ["mouseenter", "focus"],
-          listener: open.bind(this, entry)
+          listener: handleMouseEnter.bind(this, entry)
         }, {
           el: ["el", "trigger"],
           type: ["mouseleave", "focusout"],
-          listener: closeCheck.bind(this, entry)
+          listener: handleMouseLeave.bind(this, entry)
         }];
         entry.__eventListeners.forEach((evObj) => {
           evObj.el.forEach((el) => {
@@ -2886,6 +2917,12 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
       __privateSet(this, _handleKeydown3, handleKeydown.bind(this));
       if (this.settings.autoMount) this.mount();
     }
+    get active() {
+      return this.collection.find((popover) => popover.state == "opened");
+    }
+    get activeTooltip() {
+      return this.collection.find((popover) => popover.state == "opened" && popover.isTooltip);
+    }
     async mount(options) {
       if (options) this.settings = { ...this.settings, ...options };
       const popovers = document.querySelectorAll(this.settings.selectorPopover);