@flexilla/alpine-popover 0.3.0 → 0.3.1

package/dist/cdn.js

@@ -1,13 +1,13 @@
 (() => {
   // ../../node_modules/@flexilla/popover/dist/popover.js
-  var B = Object.defineProperty;
-  var j = (n, e, t) => e in n ? B(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
-  var a = (n, e, t) => j(n, typeof e != "symbol" ? e + "" : e, t);
   var q = Object.defineProperty;
   var G = (n, e, t) => e in n ? q(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
-  var p = (n, e, t) => G(n, typeof e != "symbol" ? e + "" : e, t);
-  var U = "bottom";
-  var K = ({ reference: n, popper: e }) => {
+  var a = (n, e, t) => G(n, typeof e != "symbol" ? e + "" : e, t);
+  var U = Object.defineProperty;
+  var K = (n, e, t) => e in n ? U(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
+  var p = (n, e, t) => K(n, typeof e != "symbol" ? e + "" : e, t);
+  var V = "bottom";
+  var X = ({ reference: n, popper: e }) => {
     if (!n || !e)
       throw new Error("Reference or popper element is null or undefined");
     const t = /* @__PURE__ */ new WeakMap(), i = (r) => (t.has(r) || t.set(r, r.getBoundingClientRect()), t.get(r)), o = i(e), s = i(n);
@@ -21,21 +21,21 @@
       refRight: s.right
     };
   };
-  var V = (n, e, t, i) => {
+  var Y = (n, e, t, i) => {
     const o = t, s = i - (t + e);
     return o >= (n - e) / 2 && s >= (n - e) / 2;
   };
-  var X = (n, e, t, i) => (n - e) / 2 <= t && t + n / 2 + e / 2 <= i;
-  var Y = (n, e, t, i, o) => t > o - i ? e() ? window.innerHeight - o : t - o : n() ? 0 : t + i;
-  var J = (n, e, t, i) => n <= i && t - n <= e;
-  var Q = (n, e, t, i) => t <= i && -n <= e;
-  var Z = (n, e, t, i, o, s) => {
+  var J = (n, e, t, i) => (n - e) / 2 <= t && t + n / 2 + e / 2 <= i;
+  var Q = (n, e, t, i, o) => t > o - i ? e() ? window.innerHeight - o : t - o : n() ? 0 : t + i;
+  var Z = (n, e, t, i) => n <= i && t - n <= e;
+  var _ = (n, e, t, i) => t <= i && -n <= e;
+  var ee = (n, e, t, i, o, s) => {
     const r = o - t - s, h = t - i, d = t + s - i + (o - t - s), c = r >= 0 ? o - i : h >= 0 ? t - i : t;
     return n() ? 0 : e() ? d : c;
   };
-  var _ = (n, e, t, i) => n <= t && e - n - i >= n;
-  var ee = (n, e) => n >= e;
-  var te = ({
+  var te = (n, e, t, i) => n <= t && e - n - i >= n;
+  var ne = (n, e) => n >= e;
+  var ie = ({
     placement: n,
     refWidth: e,
     refTop: t,
@@ -47,23 +47,23 @@
     windowWidth: d,
     offsetDistance: c
   }) => {
-    const m = d - i - e, v = i, x = h - t - o, C = t, u = () => Y(
-      () => Q(t, o, r, h),
-      () => J(t, o, r, h),
+    const m = d - i - e, u = i, x = h - t - o, C = t, v = () => Q(
+      () => _(t, o, r, h),
+      () => Z(t, o, r, h),
       t,
       o,
       r
-    ), E = () => Z(
-      () => _(i, d, s, e),
-      () => ee(i, s),
+    ), E = () => ee(
+      () => te(i, d, s, e),
+      () => ne(i, s),
       i,
       s,
       d,
       e
-    ), D = () => V(s, e, i, d) ? i + e / 2 - s / 2 : E(), M = () => X(r, o, t, h) ? t + o / 2 - r / 2 : u(), T = () => i + s <= d ? i : E(), y = () => i + e - s >= 0 ? i + e - s : E(), O = () => t + r <= h ? t : u(), z = () => t + o - r >= 0 ? t + o - r : u();
+    ), D = () => Y(s, e, i, d) ? i + e / 2 - s / 2 : E(), M = () => J(r, o, t, h) ? t + o / 2 - r / 2 : v(), T = () => i + s <= d ? i : E(), y = () => i + e - s >= 0 ? i + e - s : E(), O = () => t + r <= h ? t : v(), j = () => t + o - r >= 0 ? t + o - r : v();
     let f = 0, g = 0;
-    const k = t - r - c, S = t + o + c, L = i - s - c, I = i + e + c, W = C >= r + c, F = x >= r + c, R = v >= s + c, $ = m >= s + c;
-    switch (n.startsWith("top") ? g = W ? k : F ? S : Math.max(k, S) : n.startsWith("bottom") ? g = F ? S : W ? k : Math.max(S) : n.startsWith("left") ? f = R ? L : $ ? I : Math.max(L, I) : n.startsWith("right") && (f = $ ? I : R ? L : Math.max(I, L)), n) {
+    const k = t - r - c, S = t + o + c, L = i - s - c, I = i + e + c, F = C >= r + c, $ = x >= r + c, R = u >= s + c, A = m >= s + c;
+    switch (n.startsWith("top") ? g = F ? k : $ ? S : Math.max(k, S) : n.startsWith("bottom") ? g = $ ? S : F ? k : Math.max(S) : n.startsWith("left") ? f = R ? L : A ? I : Math.max(L, I) : n.startsWith("right") && (f = A ? I : R ? L : Math.max(I, L)), n) {
       case "bottom":
       case "bottom-middle":
       case "top":
@@ -90,12 +90,12 @@
         break;
       case "left-end":
       case "right-end":
-        g = z();
+        g = j();
         break;
     }
     return { x: f, y: g };
   };
-  var ne = class {
+  var se = class {
     /**
      * Flexilla Popper 
      * @param reference 
@@ -122,24 +122,24 @@
           throw new Error("Invalid HTMLElement for Popper");
         if (typeof this.offsetDistance != "number")
           throw new Error("OffsetDistance must be a number");
-      }), p(this, "setPopperStyleProperty", (m, v) => {
-        this.popper.style.setProperty("--fx-popper-placement-x", `${m}px`), this.popper.style.setProperty("--fx-popper-placement-y", `${v}px`);
+      }), p(this, "setPopperStyleProperty", (m, u) => {
+        this.popper.style.setProperty("--fx-popper-placement-x", `${m}px`), this.popper.style.setProperty("--fx-popper-placement-y", `${u}px`);
       }), p(this, "setInitialStyles", () => {
         this.popper.style.setProperty("--fx-popper-placement-x", ""), this.popper.style.setProperty("--fx-popper-placement-y", "");
       }), p(this, "initPlacement", () => {
         var m;
         this.validateElements(), this.setInitialStyles();
-        const v = window.innerWidth, x = window.innerHeight, { popperHeight: C, popperWidth: u, refHeight: E, refWidth: D, refLeft: M, refTop: T } = K({ reference: this.reference, popper: this.popper }), { x: y, y: O } = te(
+        const u = window.innerWidth, x = window.innerHeight, { popperHeight: C, popperWidth: v, refHeight: E, refWidth: D, refLeft: M, refTop: T } = X({ reference: this.reference, popper: this.popper }), { x: y, y: O } = ie(
           {
             placement: this.placement,
             refWidth: D,
             refTop: T,
             refLeft: M,
-            popperWidth: u,
+            popperWidth: v,
             refHeight: E,
             popperHeight: C,
             windowHeight: x,
-            windowWidth: v,
+            windowWidth: u,
             offsetDistance: this.offsetDistance
           }
         );
@@ -157,7 +157,7 @@
       });
       const {
         offsetDistance: o = 10,
-        placement: s = U,
+        placement: s = V,
         eventEffect: r = {},
         onUpdate: h
       } = i;
@@ -181,15 +181,15 @@
       this.placement = e, this.offsetDistance = t || this.offsetDistance, this.initPlacement(), this.attachWindowEvent();
     }
   };
-  var ie = Object.defineProperty;
-  var se = (n, e, t) => e in n ? ie(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
-  var l = (n, e, t) => se(n, typeof e != "symbol" ? e + "" : e, t);
-  var oe = (n, e = document.body) => e.querySelector(n);
+  var oe = Object.defineProperty;
+  var re = (n, e, t) => e in n ? oe(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
+  var l = (n, e, t) => re(n, typeof e != "symbol" ? e + "" : e, t);
+  var ae = (n, e = document.body) => e.querySelector(n);
   var N = (n, e) => {
     for (const [t, i] of Object.entries(e))
       n.setAttribute(t, i);
   };
-  var re = ({
+  var le = ({
     element: n,
     callback: e,
     type: t,
@@ -204,18 +204,18 @@
     } else
       e();
   };
-  var ae = ({
+  var he = ({
     element: n,
     callback: e
   }) => {
-    re({
+    le({
       element: n,
       callback: e,
       type: "transition",
       keysCheck: ["all 0s ease 0s", "all"]
     });
   };
-  var le = (n, e, t) => {
+  var pe = (n, e, t) => {
     const i = new CustomEvent(e, { detail: t });
     n.dispatchEvent(i);
   };
@@ -227,7 +227,7 @@
       "aria-expanded": `${i}`
     });
   };
-  var he = class {
+  var ce = class {
     /**
      * Creates an instance of CreateOverlay
      * @param {Object} params - The initialization parameters
@@ -236,7 +236,7 @@
      * @param {OverlayOptions} [params.options] - Configuration options for the overlay
      */
     constructor({ trigger: e, content: t, options: i = {} }) {
-      l(this, "triggerElement"), l(this, "contentElement"), l(this, "triggerStrategy"), l(this, "placement"), l(this, "offsetDistance"), l(this, "preventFromCloseOutside"), l(this, "preventFromCloseInside"), l(this, "options"), l(this, "defaultState"), l(this, "popper"), l(this, "eventEffect"), l(this, "getElement", (s) => typeof s == "string" ? oe(s) : s instanceof HTMLElement ? s : void 0), l(this, "handleDocumentClick", (s) => {
+      l(this, "triggerElement"), l(this, "contentElement"), l(this, "triggerStrategy"), l(this, "placement"), l(this, "offsetDistance"), l(this, "preventFromCloseOutside"), l(this, "preventFromCloseInside"), l(this, "options"), l(this, "defaultState"), l(this, "popper"), l(this, "eventEffect"), l(this, "getElement", (s) => typeof s == "string" ? ae(s) : s instanceof HTMLElement ? s : void 0), l(this, "handleDocumentClick", (s) => {
         this.contentElement.getAttribute("data-state") === "open" && (!this.triggerElement.contains(s.target) && !this.preventFromCloseInside && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(s.target) && !this.contentElement.contains(s.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(s.target) && !this.contentElement.contains(s.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(s.target) && this.contentElement.contains(s.target) && !this.preventFromCloseInside && this.hide());
       }), l(this, "handleKeyDown", (s) => {
         s.preventDefault(), this.triggerStrategy !== "hover" && s.key === "Escape" && this.contentElement.getAttribute("data-state") === "open" && (this.preventFromCloseOutside || this.hide());
@@ -282,7 +282,7 @@
         throw new Error("Trigger element must be a valid HTML element");
       if (!(this.contentElement instanceof HTMLElement))
         throw new Error("Content element must be a valid HTML element");
-      this.options = i, this.triggerStrategy = this.options.triggerStrategy || "click", this.placement = this.options.placement || "bottom", this.offsetDistance = this.options.offsetDistance || 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || false, this.preventFromCloseInside = this.options.preventCloseFromInside || false, this.defaultState = this.options.defaultState || "close", this.eventEffect = (o = this.options.popper) == null ? void 0 : o.eventEffect, this.popper = new ne(
+      this.options = i, this.triggerStrategy = this.options.triggerStrategy || "click", this.placement = this.options.placement || "bottom", this.offsetDistance = this.options.offsetDistance || 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || false, this.preventFromCloseInside = this.options.preventCloseFromInside || false, this.defaultState = this.options.defaultState || "close", this.eventEffect = (o = this.options.popper) == null ? void 0 : o.eventEffect, this.popper = new se(
         this.triggerElement,
         this.contentElement,
         {
@@ -315,7 +315,7 @@
     hide() {
       var e, t, i;
       let o = false;
-      le(this.contentElement, "before-hide", {
+      pe(this.contentElement, "before-hide", {
         setExitAction: (r) => {
           o = r;
         }
@@ -325,7 +325,7 @@
         state: "close",
         popper: this.contentElement,
         trigger: this.triggerElement
-      }), this.triggerStrategy === "click" && document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown), this.triggerStrategy === "hover" && (this.triggerElement.removeEventListener("mouseleave", this.hideOnMouseLeaseTrigger), this.contentElement.removeEventListener("mouseleave", this.hideOnMouseLeave)), ae({
+      }), this.triggerStrategy === "click" && document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown), this.triggerStrategy === "hover" && (this.triggerElement.removeEventListener("mouseleave", this.hideOnMouseLeaseTrigger), this.contentElement.removeEventListener("mouseleave", this.hideOnMouseLeave)), he({
         element: this.contentElement,
         callback: () => {
           var r, h;
@@ -345,13 +345,13 @@
       }), this.triggerElement.addEventListener("click", this.toggleStateOnClick), this.triggerStrategy === "hover" && this.triggerElement.addEventListener("mouseenter", this.showOnMouseEnter);
     }
   };
-  var A = (n, e = document.body) => e.querySelector(n);
-  var pe = (n, e = document.body) => Array.from(e.querySelectorAll(n));
+  var z = (n, e = document.body) => e.querySelector(n);
+  var de = (n, e = document.body) => Array.from(e.querySelectorAll(n));
   var H = (n, e, t) => {
     const i = new CustomEvent(e, { detail: t });
     n.dispatchEvent(i);
   };
-  function ce(n) {
+  function me(n) {
     const e = () => {
       document.querySelector(
         "[data-fx-component]:not([data-component-initialized])"
@@ -359,26 +359,40 @@
     };
     e();
   }
-  function de(n, e, t = "move") {
+  var B = "data-fx-teleport-root";
+  var P = "data-fx-teleported";
+  var fe = {
+    append: () => {
+    },
+    remove: () => {
+    },
+    restore: () => {
+    }
+  };
+  function ge(n, e, t = "move") {
+    var i;
     if (!(n instanceof HTMLElement))
       throw new Error("Source element must be an HTMLElement");
     if (!(e instanceof HTMLElement))
       throw new Error("Target element must be an HTMLElement");
     if (!["move", "detachable"].includes(t))
       throw new Error(`Invalid teleport mode: ${t}. Must be "move" or "detachable".`);
-    let i = document.createComment("teleporter-placeholder");
-    const o = n.parentNode;
-    return o ? o.insertBefore(i, n) : console.warn("Element has no parent; placeholder not inserted."), t === "move" ? (n.parentNode && e.appendChild(n), {
+    if ((i = n.parentElement) != null && i.closest(`[${B}]`))
+      return fe;
+    n.setAttribute(B, "");
+    let o = document.createComment("teleporter-placeholder");
+    const s = n.parentNode;
+    return s && s.insertBefore(o, n), t === "move" ? (n.parentNode && (e.appendChild(n), n.setAttribute(P, "")), {
       append() {
-        n.parentNode !== e && e.appendChild(n);
+        n.parentNode !== e && (e.appendChild(n), n.setAttribute(P, ""));
       },
       remove() {
-        i != null && i.parentNode && n.parentNode && i.parentNode.insertBefore(n, i);
+        o != null && o.parentNode && n.parentNode && o.parentNode.insertBefore(n, o);
       },
       restore() {
-        i != null && i.parentNode && n.parentNode !== o && i.parentNode.insertBefore(n, i);
+        o != null && o.parentNode && n.parentNode !== s && o.parentNode.insertBefore(n, o);
       }
-    }) : (n.parentNode && e.appendChild(n), {
+    }) : (n.parentNode && (e.appendChild(n), n.setAttribute(P, "")), {
       append() {
         e.contains(n) || e.appendChild(n);
       },
@@ -386,7 +400,7 @@
         n.parentNode && n.remove();
       },
       restore() {
-        i != null && i.parentNode && !n.parentNode && i.parentNode.insertBefore(n, i);
+        o != null && o.parentNode && !n.parentNode && o.parentNode.insertBefore(n, o);
       }
     });
   }
@@ -415,11 +429,11 @@
       e.setAttribute("data-component-initialized", "initialized");
     }
   };
-  var me = {
+  var ue = {
     teleport: true,
     teleportMode: "move"
   };
-  var P = class _P {
+  var W = class _W {
     /**
      * Creates a new Popover instance.
      * @param {string | HTMLElement} popoverEl - The popover content element or its selector.
@@ -449,7 +463,7 @@
       a(this, "experimentalOptions");
       a(this, "teleporter");
       a(this, "moveElOnInit", () => {
-        this.experimentalOptions.teleport && ce(() => {
+        this.experimentalOptions.teleport && me(() => {
           this.experimentalOptions.teleportMode === "detachable" ? this.teleporter.remove() : this.teleporter.append();
         });
       });
@@ -492,12 +506,12 @@
       a(this, "cleanup", () => {
         this.PopoverInstance.cleanup(), b.removeInstance("popover", this.contentElement);
       });
-      const i = typeof e == "string" ? A(e) : e;
+      const i = typeof e == "string" ? z(e) : e;
       this.contentElement = i;
       const o = b.getInstance("popover", this.contentElement);
       if (o)
         return o;
-      b.setup(this.contentElement), this.triggerElement = A(`[data-popover-trigger][data-popover-id=${i.getAttribute("id")}]`), this.options = t, this.triggerStrategy = i.dataset.triggerStrategy ?? this.options.triggerStrategy ?? "click", this.placement = i.dataset.placement ?? this.options.placement ?? "bottom-middle", this.offsetDistance = parseInt(`${i.dataset.offsetDistance}`) ?? this.options.offsetDistance ?? 6, this.preventFromCloseOutside = i.hasAttribute("data-prevent-close-outside") ?? this.options.preventFromCloseOutside ?? false, this.preventFromCloseInside = i.hasAttribute("data-close-inside") ? false : this.options.preventCloseFromInside ?? true, this.defaultState = i.dataset.defaultState ?? this.options.defaultState ?? "close", this.experimentalOptions = Object.assign({}, me, t.experimental), this.teleporter = de(this.contentElement, document.body, this.experimentalOptions.teleportMode), this.PopoverInstance = new he({
+      b.setup(this.contentElement), this.triggerElement = z(`[data-popover-trigger][data-popover-id=${i.getAttribute("id")}]`), this.options = t, this.triggerStrategy = i.dataset.triggerStrategy ?? this.options.triggerStrategy ?? "click", this.placement = i.dataset.placement ?? this.options.placement ?? "bottom-middle", this.offsetDistance = parseInt(`${i.dataset.offsetDistance}`) ?? this.options.offsetDistance ?? 6, this.preventFromCloseOutside = i.hasAttribute("data-prevent-close-outside") ?? this.options.preventFromCloseOutside ?? false, this.preventFromCloseInside = i.hasAttribute("data-close-inside") ? false : this.options.preventCloseFromInside ?? true, this.defaultState = i.dataset.defaultState ?? this.options.defaultState ?? "close", this.experimentalOptions = Object.assign({}, ue, t.experimental), this.teleporter = ge(this.contentElement, document.body, this.experimentalOptions.teleportMode), this.PopoverInstance = new ce({
         trigger: this.triggerElement,
         content: this.contentElement,
         options: {
@@ -532,7 +546,7 @@
      * });
      */
     static init(e, t) {
-      return new _P(e, t);
+      return new _W(e, t);
     }
     /**
      * Automatically initializes all popover elements matching the specified selector.
@@ -545,16 +559,16 @@
      * Popover.autoInit('.custom-popover');
      */
     static autoInit(e = "[data-fx-popover]") {
-      const t = pe(e);
+      const t = de(e);
       for (const i of t)
-        new _P(i);
+        new _W(i);
     }
   };
 
   // src/index.js
   function Popover(Alpine) {
     Alpine.directive("popover", (el, {}, { cleanup }) => {
-      const popover_ = new P(el);
+      const popover_ = new W(el);
       cleanup(() => {
         popover_.cleanup();
       });

package/dist/cdn.min.js

@@ -1 +1 @@
-(()=>{var G=Object.defineProperty,K=(i,e,t)=>e in i?G(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,a=(i,e,t)=>K(i,typeof e!="symbol"?e+"":e,t),U=Object.defineProperty,J=(i,e,t)=>e in i?U(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,p=(i,e,t)=>J(i,typeof e!="symbol"?e+"":e,t),Q="bottom",V=({reference:i,popper:e})=>{if(!i||!e)throw new Error("Reference or popper element is null or undefined");let t=new WeakMap,n=o=>(t.has(o)||t.set(o,o.getBoundingClientRect()),t.get(o)),r=n(e),s=n(i);return{popperHeight:r.height,popperWidth:r.width,refHeight:s.height,refWidth:s.width,refLeft:s.left,refTop:s.top,refRight:s.right}},X=(i,e,t,n)=>{let r=t,s=n-(t+e);return r>=(i-e)/2&&s>=(i-e)/2},Y=(i,e,t,n)=>(i-e)/2<=t&&t+i/2+e/2<=n,Z=(i,e,t,n,r)=>t>r-n?e()?window.innerHeight-r:t-r:i()?0:t+n,_=(i,e,t,n)=>i<=n&&t-i<=e,ee=(i,e,t,n)=>t<=n&&-i<=e,te=(i,e,t,n,r,s)=>{let o=r-t-s,h=t-n,d=t+s-n+(r-t-s),c=o>=0?r-n:h>=0?t-n:t;return i()?0:e()?d:c},ie=(i,e,t,n)=>i<=t&&e-i-n>=i,ne=(i,e)=>i>=e,se=({placement:i,refWidth:e,refTop:t,refLeft:n,refHeight:r,popperWidth:s,popperHeight:o,windowHeight:h,windowWidth:d,offsetDistance:c})=>{let m=d-n-e,E=n,x=h-t-r,C=t,u=()=>Z(()=>ee(t,r,o,h),()=>_(t,r,o,h),t,r,o),w=()=>te(()=>ie(n,d,s,e),()=>ne(n,s),n,s,d,e),M=()=>X(s,e,n,d)?n+e/2-s/2:w(),H=()=>Y(o,r,t,h)?t+r/2-o/2:u(),P=()=>n+s<=d?n:w(),y=()=>n+e-s>=0?n+e-s:w(),O=()=>t+o<=h?t:u(),B=()=>t+r-o>=0?t+r-o:u(),g=0,v=0,T=t-o-c,S=t+r+c,L=n-s-c,D=n+e+c,R=C>=o+c,$=x>=o+c,A=E>=s+c,N=m>=s+c;switch(i.startsWith("top")?v=R?T:$?S:Math.max(T,S):i.startsWith("bottom")?v=$?S:R?T:Math.max(S):i.startsWith("left")?g=A?L:N?D:Math.max(L,D):i.startsWith("right")&&(g=N?D:A?L:Math.max(D,L)),i){case"bottom":case"bottom-middle":case"top":case"top-middle":g=M();break;case"left":case"left-middle":case"right":case"right-middle":v=H();break;case"bottom-start":case"top-start":g=P();break;case"bottom-end":case"top-end":g=y();break;case"left-start":case"right-start":v=O();break;case"left-end":case"right-end":v=B();break}return{x:g,y:v}},W=class{constructor(e,t,n={}){p(this,"reference"),p(this,"popper"),p(this,"offsetDistance"),p(this,"placement"),p(this,"disableOnResize"),p(this,"disableOnScroll"),p(this,"onUpdate"),p(this,"isWindowEventsRegistered"),p(this,"validateElements",()=>{if(!(this.reference instanceof HTMLElement))throw new Error("Invalid HTMLElement for Reference Element");if(!(this.popper instanceof HTMLElement))throw new Error("Invalid HTMLElement for Popper");if(typeof this.offsetDistance!="number")throw new Error("OffsetDistance must be a number")}),p(this,"setPopperStyleProperty",(m,E)=>{this.popper.style.setProperty("--fx-popper-placement-x",`${m}px`),this.popper.style.setProperty("--fx-popper-placement-y",`${E}px`)}),p(this,"setInitialStyles",()=>{this.popper.style.setProperty("--fx-popper-placement-x",""),this.popper.style.setProperty("--fx-popper-placement-y","")}),p(this,"initPlacement",()=>{var m;this.validateElements(),this.setInitialStyles();let E=window.innerWidth,x=window.innerHeight,{popperHeight:C,popperWidth:u,refHeight:w,refWidth:M,refLeft:H,refTop:P}=V({reference:this.reference,popper:this.popper}),{x:y,y:O}=se({placement:this.placement,refWidth:M,refTop:P,refLeft:H,popperWidth:u,refHeight:w,popperHeight:C,windowHeight:x,windowWidth:E,offsetDistance:this.offsetDistance});this.setPopperStyleProperty(y,O),(m=this.onUpdate)==null||m.call(this,{x:y,y:O,placement:this.placement})}),p(this,"removeWindowEvents",()=>{this.isWindowEventsRegistered&&(!this.disableOnResize&&window.removeEventListener("resize",this.updatePosition),!this.disableOnScroll&&window.removeEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!1)}),p(this,"attachWindowEvent",()=>{this.isWindowEventsRegistered&&this.removeWindowEvents(),this.disableOnResize||window.addEventListener("resize",this.updatePosition),this.disableOnScroll||window.addEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!0}),p(this,"resetPosition",()=>{this.setInitialStyles()}),p(this,"updatePosition",()=>{this.initPlacement(),this.attachWindowEvent()}),p(this,"cleanupEvents",()=>{this.setInitialStyles(),this.removeWindowEvents()});let{offsetDistance:r=10,placement:s=Q,eventEffect:o={},onUpdate:h}=n;if(!(e instanceof HTMLElement))throw new Error("Invalid HTMLElement for Reference Element");if(!(t instanceof HTMLElement))throw new Error("Invalid HTMLElement for Popper");if(n.offsetDistance&&typeof n.offsetDistance!="number")throw new Error("OffsetDistance must be a number");let{disableOnResize:d,disableOnScroll:c}=o;this.isWindowEventsRegistered=!1,this.reference=e,this.popper=t,this.offsetDistance=r,this.placement=s,this.disableOnResize=d||!1,this.disableOnScroll=c||!1,this.onUpdate=h}setOptions({placement:e,offsetDistance:t}){this.placement=e,this.offsetDistance=t||this.offsetDistance,this.initPlacement(),this.attachWindowEvent()}},oe=Object.defineProperty,re=(i,e,t)=>e in i?oe(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,l=(i,e,t)=>re(i,typeof e!="symbol"?e+"":e,t),ae=(i,e=document.body)=>e.querySelector(i),z=(i,e)=>{for(let[t,n]of Object.entries(e))i.setAttribute(t,n)},le=({element:i,callback:e,type:t,keysCheck:n})=>{let r=getComputedStyle(i),s=r.transition;if(s!=="none"&&s!==""&&!n.includes(s)){let o="transitionend",h=()=>{i.removeEventListener(o,h),e()};i.addEventListener(o,h,{once:!0})}else e()},he=({element:i,callback:e})=>{le({element:i,callback:e,type:"transition",keysCheck:["all 0s ease 0s","all"]})},pe=(i,e,t)=>{let n=new CustomEvent(e,{detail:t});i.dispatchEvent(n)},b=({state:i,trigger:e,popper:t})=>{let n=i==="open";z(t,{"data-state":i}),z(e,{"aria-expanded":`${n}`})},F=class{constructor({trigger:e,content:t,options:n={}}){l(this,"triggerElement"),l(this,"contentElement"),l(this,"triggerStrategy"),l(this,"placement"),l(this,"offsetDistance"),l(this,"preventFromCloseOutside"),l(this,"preventFromCloseInside"),l(this,"options"),l(this,"defaultState"),l(this,"popper"),l(this,"eventEffect"),l(this,"getElement",s=>typeof s=="string"?ae(s):s instanceof HTMLElement?s:void 0),l(this,"handleDocumentClick",s=>{this.contentElement.getAttribute("data-state")==="open"&&(!this.triggerElement.contains(s.target)&&!this.preventFromCloseInside&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(s.target)&&!this.contentElement.contains(s.target)&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(s.target)&&!this.contentElement.contains(s.target)&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(s.target)&&this.contentElement.contains(s.target)&&!this.preventFromCloseInside&&this.hide())}),l(this,"handleKeyDown",s=>{s.preventDefault(),this.triggerStrategy!=="hover"&&s.key==="Escape"&&this.contentElement.getAttribute("data-state")==="open"&&(this.preventFromCloseOutside||this.hide())}),l(this,"toggleStateOnClick",()=>{(this.contentElement.dataset.state||"close")==="close"?(this.show(),this.triggerStrategy==="hover"&&this.addEventOnMouseEnter()):this.hide()}),l(this,"hideOnMouseLeaseTrigger",()=>{setTimeout(()=>{this.contentElement.matches(":hover")||this.hide()},150)}),l(this,"hideOnMouseLeave",()=>{setTimeout(()=>{this.triggerElement.matches(":hover")||this.hide()},150)}),l(this,"addEventOnMouseEnter",()=>{this.triggerElement.addEventListener("mouseleave",this.hideOnMouseLeaseTrigger),this.contentElement.addEventListener("mouseleave",this.hideOnMouseLeave)}),l(this,"showOnMouseEnter",()=>{this.show(),this.addEventOnMouseEnter()}),l(this,"setShowOptions",({placement:s,offsetDistance:o})=>{var h,d,c,m;this.popper.setOptions({placement:s,offsetDistance:o}),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleDocumentClick),(d=(h=this.options).beforeShow)==null||d.call(h),b({state:"open",popper:this.contentElement,trigger:this.triggerElement}),this.onToggleState(!1),(m=(c=this.options).onShow)==null||m.call(c)}),l(this,"setPopperOptions",({placement:s,offsetDistance:o})=>{this.popper.setOptions({placement:s,offsetDistance:o||this.offsetDistance})}),l(this,"setPopperTrigger",(s,o)=>{this.cleanup(),this.popper.setOptions({placement:o.placement||this.placement,offsetDistance:o.offsetDistance||this.offsetDistance}),this.triggerElement=s,this.triggerElement.addEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.addEventListener("mouseenter",this.showOnMouseEnter)}),l(this,"cleanup",()=>{this.triggerElement.removeEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.removeEventListener("mouseenter",this.showOnMouseEnter)});var r;if(this.contentElement=this.getElement(t),this.triggerElement=this.getElement(e),!(this.triggerElement instanceof HTMLElement))throw new Error("Trigger element must be a valid HTML element");if(!(this.contentElement instanceof HTMLElement))throw new Error("Content element must be a valid HTML element");this.options=n,this.triggerStrategy=this.options.triggerStrategy||"click",this.placement=this.options.placement||"bottom",this.offsetDistance=this.options.offsetDistance||6,this.preventFromCloseOutside=this.options.preventFromCloseOutside||!1,this.preventFromCloseInside=this.options.preventCloseFromInside||!1,this.defaultState=this.options.defaultState||"close",this.eventEffect=(r=this.options.popper)==null?void 0:r.eventEffect,this.popper=new W(this.triggerElement,this.contentElement,{placement:this.placement,offsetDistance:this.offsetDistance,eventEffect:this.eventEffect}),this.initInstance()}onToggleState(e){var t,n;(n=(t=this.options).onToggle)==null||n.call(t,{isHidden:e})}show(){var e,t,n,r;this.popper.updatePosition(),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleDocumentClick),(t=(e=this.options).beforeShow)==null||t.call(e),b({state:"open",popper:this.contentElement,trigger:this.triggerElement}),this.onToggleState(!1),(r=(n=this.options).onShow)==null||r.call(n)}hide(){var e,t,n;let r=!1;pe(this.contentElement,"before-hide",{setExitAction:o=>{r=o}});let s=(n=(t=(e=this.options).beforeHide)==null?void 0:t.call(e))==null?void 0:n.cancelAction;r||s||(b({state:"close",popper:this.contentElement,trigger:this.triggerElement}),this.triggerStrategy==="click"&&document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown),this.triggerStrategy==="hover"&&(this.triggerElement.removeEventListener("mouseleave",this.hideOnMouseLeaseTrigger),this.contentElement.removeEventListener("mouseleave",this.hideOnMouseLeave)),he({element:this.contentElement,callback:()=>{var o,h;this.onToggleState(!0),this.popper.cleanupEvents(),(h=(o=this.options).onHide)==null||h.call(o)}}))}initInstance(){b({state:this.defaultState,popper:this.contentElement,trigger:this.triggerElement}),this.defaultState==="open"?this.show():b({state:"close",popper:this.contentElement,trigger:this.triggerElement}),this.triggerElement.addEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.addEventListener("mouseenter",this.showOnMouseEnter)}},j=(i,e=document.body)=>e.querySelector(i),ce=(i,e=document.body)=>Array.from(e.querySelectorAll(i)),k=(i,e,t)=>{let n=new CustomEvent(e,{detail:t});i.dispatchEvent(n)};function de(i){let e=()=>{document.querySelector("[data-fx-component]:not([data-component-initialized])")?requestAnimationFrame(e):i()};e()}function me(i,e,t="move"){if(!(i instanceof HTMLElement))throw new Error("Source element must be an HTMLElement");if(!(e instanceof HTMLElement))throw new Error("Target element must be an HTMLElement");if(!["move","detachable"].includes(t))throw new Error(`Invalid teleport mode: ${t}. Must be "move" or "detachable".`);let n=document.createComment("teleporter-placeholder"),r=i.parentNode;return r?r.insertBefore(n,i):console.warn("Element has no parent; placeholder not inserted."),t==="move"?(i.parentNode&&e.appendChild(i),{append(){i.parentNode!==e&&e.appendChild(i)},remove(){n!=null&&n.parentNode&&i.parentNode&&n.parentNode.insertBefore(i,n)},restore(){n!=null&&n.parentNode&&i.parentNode!==r&&n.parentNode.insertBefore(i,n)}}):(i.parentNode&&e.appendChild(i),{append(){e.contains(i)||e.appendChild(i)},remove(){i.parentNode&&i.remove()},restore(){n!=null&&n.parentNode&&!i.parentNode&&n.parentNode.insertBefore(i,n)}})}var f=class{static initGlobalRegistry(){window.$flexillaInstances||(window.$flexillaInstances={})}static register(e,t,n){return this.initGlobalRegistry(),window.$flexillaInstances[e]||(window.$flexillaInstances[e]=[]),this.getInstance(e,t)||(window.$flexillaInstances[e].push({element:t,instance:n}),n)}static getInstance(e,t){var n,r;return this.initGlobalRegistry(),(r=(n=window.$flexillaInstances[e])==null?void 0:n.find(s=>s.element===t))==null?void 0:r.instance}static removeInstance(e,t){this.initGlobalRegistry(),window.$flexillaInstances[e]&&(window.$flexillaInstances[e]=window.$flexillaInstances[e].filter(n=>n.element!==t))}static setup(e){e.setAttribute("data-fx-component","fx")}static initialized(e){e.setAttribute("data-component-initialized","initialized")}},fe={teleport:!0,teleportMode:"move"},I=class i{constructor(e,t={}){a(this,"triggerElement"),a(this,"contentElement"),a(this,"options"),a(this,"PopoverInstance"),a(this,"triggerStrategy"),a(this,"placement"),a(this,"offsetDistance"),a(this,"preventFromCloseOutside"),a(this,"preventFromCloseInside"),a(this,"defaultState"),a(this,"experimentalOptions"),a(this,"teleporter"),a(this,"moveElOnInit",()=>{this.experimentalOptions.teleport&&de(()=>{this.experimentalOptions.teleportMode==="detachable"?this.teleporter.remove():this.teleporter.append()})}),a(this,"moveEl",()=>{this.experimentalOptions.teleport&&this.experimentalOptions.teleportMode==="detachable"&&this.teleporter.remove()}),a(this,"restoreEl",()=>{this.experimentalOptions.teleport&&this.experimentalOptions.teleportMode==="detachable"&&this.teleporter.append()}),a(this,"beforeShow",()=>{this.restoreEl()}),a(this,"onHide",()=>{var s,o;(o=(s=this.options).onHide)==null||o.call(s),this.moveEl(),k(this.contentElement,"popover-hide",{isHidden:!0})}),a(this,"onShow",()=>{var s,o;(o=(s=this.options).onShow)==null||o.call(s),k(this.contentElement,"popover-show",{isHidden:!1})}),a(this,"setShowOptions",({placement:s,offsetDistance:o})=>{this.PopoverInstance.setShowOptions({placement:s,offsetDistance:o})}),a(this,"setOptions",({placement:s,offsetDistance:o})=>{this.PopoverInstance.setPopperOptions({placement:s,offsetDistance:o})}),a(this,"setPopperTrigger",(s,o)=>{this.PopoverInstance.setPopperTrigger(s,o)}),a(this,"show",()=>{this.PopoverInstance.show()}),a(this,"hide",()=>{this.PopoverInstance.hide()}),a(this,"cleanup",()=>{this.PopoverInstance.cleanup(),f.removeInstance("popover",this.contentElement)});let n=typeof e=="string"?j(e):e;this.contentElement=n;let r=f.getInstance("popover",this.contentElement);if(r)return r;f.setup(this.contentElement),this.triggerElement=j(`[data-popover-trigger][data-popover-id=${n.getAttribute("id")}]`),this.options=t,this.triggerStrategy=n.dataset.triggerStrategy??this.options.triggerStrategy??"click",this.placement=n.dataset.placement??this.options.placement??"bottom-middle",this.offsetDistance=parseInt(`${n.dataset.offsetDistance}`)??this.options.offsetDistance??6,this.preventFromCloseOutside=n.hasAttribute("data-prevent-close-outside")??this.options.preventFromCloseOutside??!1,this.preventFromCloseInside=n.hasAttribute("data-close-inside")?!1:this.options.preventCloseFromInside??!0,this.defaultState=n.dataset.defaultState??this.options.defaultState??"close",this.experimentalOptions=Object.assign({},fe,t.experimental),this.teleporter=me(this.contentElement,document.body,this.experimentalOptions.teleportMode),this.PopoverInstance=new F({trigger:this.triggerElement,content:this.contentElement,options:{placement:this.placement,offsetDistance:this.offsetDistance,triggerStrategy:this.triggerStrategy,preventFromCloseOutside:this.preventFromCloseOutside,preventCloseFromInside:this.preventFromCloseInside,defaultState:this.defaultState,beforeShow:this.beforeShow,onShow:this.onShow,onHide:this.onHide,onToggle:({isHidden:s})=>{var o,h;(h=(o=this.options).onToggle)==null||h.call(o,{isHidden:s}),k(this.contentElement,"popover-toggle",{isHidden:s})},popper:this.options.popper}}),this.moveElOnInit(),f.register("popover",this.contentElement,this),f.initialized(this.contentElement)}static init(e,t){return new i(e,t)}static autoInit(e="[data-fx-popover]"){let t=ce(e);for(let n of t)new i(n)}};function ge(i){i.directive("popover",(e,{},{cleanup:t})=>{let n=new I(e);t(()=>{n.cleanup()})})}var q=ge;document.addEventListener("alpine:init",()=>{q(window.Alpine)});})();
+(()=>{var U=Object.defineProperty,J=(t,e,i)=>e in t?U(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,a=(t,e,i)=>J(t,typeof e!="symbol"?e+"":e,i),Q=Object.defineProperty,V=(t,e,i)=>e in t?Q(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,p=(t,e,i)=>V(t,typeof e!="symbol"?e+"":e,i),X="bottom",Y=({reference:t,popper:e})=>{if(!t||!e)throw new Error("Reference or popper element is null or undefined");let i=new WeakMap,n=r=>(i.has(r)||i.set(r,r.getBoundingClientRect()),i.get(r)),o=n(e),s=n(t);return{popperHeight:o.height,popperWidth:o.width,refHeight:s.height,refWidth:s.width,refLeft:s.left,refTop:s.top,refRight:s.right}},Z=(t,e,i,n)=>{let o=i,s=n-(i+e);return o>=(t-e)/2&&s>=(t-e)/2},_=(t,e,i,n)=>(t-e)/2<=i&&i+t/2+e/2<=n,ee=(t,e,i,n,o)=>i>o-n?e()?window.innerHeight-o:i-o:t()?0:i+n,te=(t,e,i,n)=>t<=n&&i-t<=e,ie=(t,e,i,n)=>i<=n&&-t<=e,ne=(t,e,i,n,o,s)=>{let r=o-i-s,h=i-n,d=i+s-n+(o-i-s),c=r>=0?o-n:h>=0?i-n:i;return t()?0:e()?d:c},se=(t,e,i,n)=>t<=i&&e-t-n>=t,oe=(t,e)=>t>=e,re=({placement:t,refWidth:e,refTop:i,refLeft:n,refHeight:o,popperWidth:s,popperHeight:r,windowHeight:h,windowWidth:d,offsetDistance:c})=>{let m=d-n-e,u=n,x=h-i-o,C=i,E=()=>ee(()=>ie(i,o,r,h),()=>te(i,o,r,h),i,o,r),w=()=>ne(()=>se(n,d,s,e),()=>oe(n,s),n,s,d,e),M=()=>Z(s,e,n,d)?n+e/2-s/2:w(),H=()=>_(r,o,i,h)?i+o/2-r/2:E(),P=()=>n+s<=d?n:w(),y=()=>n+e-s>=0?n+e-s:w(),O=()=>i+r<=h?i:E(),K=()=>i+o-r>=0?i+o-r:E(),g=0,v=0,T=i-r-c,S=i+o+c,L=n-s-c,D=n+e+c,A=C>=r+c,$=x>=r+c,N=u>=s+c,z=m>=s+c;switch(t.startsWith("top")?v=A?T:$?S:Math.max(T,S):t.startsWith("bottom")?v=$?S:A?T:Math.max(S):t.startsWith("left")?g=N?L:z?D:Math.max(L,D):t.startsWith("right")&&(g=z?D:N?L:Math.max(D,L)),t){case"bottom":case"bottom-middle":case"top":case"top-middle":g=M();break;case"left":case"left-middle":case"right":case"right-middle":v=H();break;case"bottom-start":case"top-start":g=P();break;case"bottom-end":case"top-end":g=y();break;case"left-start":case"right-start":v=O();break;case"left-end":case"right-end":v=K();break}return{x:g,y:v}},F=class{constructor(e,i,n={}){p(this,"reference"),p(this,"popper"),p(this,"offsetDistance"),p(this,"placement"),p(this,"disableOnResize"),p(this,"disableOnScroll"),p(this,"onUpdate"),p(this,"isWindowEventsRegistered"),p(this,"validateElements",()=>{if(!(this.reference instanceof HTMLElement))throw new Error("Invalid HTMLElement for Reference Element");if(!(this.popper instanceof HTMLElement))throw new Error("Invalid HTMLElement for Popper");if(typeof this.offsetDistance!="number")throw new Error("OffsetDistance must be a number")}),p(this,"setPopperStyleProperty",(m,u)=>{this.popper.style.setProperty("--fx-popper-placement-x",`${m}px`),this.popper.style.setProperty("--fx-popper-placement-y",`${u}px`)}),p(this,"setInitialStyles",()=>{this.popper.style.setProperty("--fx-popper-placement-x",""),this.popper.style.setProperty("--fx-popper-placement-y","")}),p(this,"initPlacement",()=>{var m;this.validateElements(),this.setInitialStyles();let u=window.innerWidth,x=window.innerHeight,{popperHeight:C,popperWidth:E,refHeight:w,refWidth:M,refLeft:H,refTop:P}=Y({reference:this.reference,popper:this.popper}),{x:y,y:O}=re({placement:this.placement,refWidth:M,refTop:P,refLeft:H,popperWidth:E,refHeight:w,popperHeight:C,windowHeight:x,windowWidth:u,offsetDistance:this.offsetDistance});this.setPopperStyleProperty(y,O),(m=this.onUpdate)==null||m.call(this,{x:y,y:O,placement:this.placement})}),p(this,"removeWindowEvents",()=>{this.isWindowEventsRegistered&&(!this.disableOnResize&&window.removeEventListener("resize",this.updatePosition),!this.disableOnScroll&&window.removeEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!1)}),p(this,"attachWindowEvent",()=>{this.isWindowEventsRegistered&&this.removeWindowEvents(),this.disableOnResize||window.addEventListener("resize",this.updatePosition),this.disableOnScroll||window.addEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!0}),p(this,"resetPosition",()=>{this.setInitialStyles()}),p(this,"updatePosition",()=>{this.initPlacement(),this.attachWindowEvent()}),p(this,"cleanupEvents",()=>{this.setInitialStyles(),this.removeWindowEvents()});let{offsetDistance:o=10,placement:s=X,eventEffect:r={},onUpdate:h}=n;if(!(e instanceof HTMLElement))throw new Error("Invalid HTMLElement for Reference Element");if(!(i instanceof HTMLElement))throw new Error("Invalid HTMLElement for Popper");if(n.offsetDistance&&typeof n.offsetDistance!="number")throw new Error("OffsetDistance must be a number");let{disableOnResize:d,disableOnScroll:c}=r;this.isWindowEventsRegistered=!1,this.reference=e,this.popper=i,this.offsetDistance=o,this.placement=s,this.disableOnResize=d||!1,this.disableOnScroll=c||!1,this.onUpdate=h}setOptions({placement:e,offsetDistance:i}){this.placement=e,this.offsetDistance=i||this.offsetDistance,this.initPlacement(),this.attachWindowEvent()}},ae=Object.defineProperty,le=(t,e,i)=>e in t?ae(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,l=(t,e,i)=>le(t,typeof e!="symbol"?e+"":e,i),he=(t,e=document.body)=>e.querySelector(t),j=(t,e)=>{for(let[i,n]of Object.entries(e))t.setAttribute(i,n)},pe=({element:t,callback:e,type:i,keysCheck:n})=>{let o=getComputedStyle(t),s=o.transition;if(s!=="none"&&s!==""&&!n.includes(s)){let r="transitionend",h=()=>{t.removeEventListener(r,h),e()};t.addEventListener(r,h,{once:!0})}else e()},ce=({element:t,callback:e})=>{pe({element:t,callback:e,type:"transition",keysCheck:["all 0s ease 0s","all"]})},de=(t,e,i)=>{let n=new CustomEvent(e,{detail:i});t.dispatchEvent(n)},b=({state:t,trigger:e,popper:i})=>{let n=t==="open";j(i,{"data-state":t}),j(e,{"aria-expanded":`${n}`})},R=class{constructor({trigger:e,content:i,options:n={}}){l(this,"triggerElement"),l(this,"contentElement"),l(this,"triggerStrategy"),l(this,"placement"),l(this,"offsetDistance"),l(this,"preventFromCloseOutside"),l(this,"preventFromCloseInside"),l(this,"options"),l(this,"defaultState"),l(this,"popper"),l(this,"eventEffect"),l(this,"getElement",s=>typeof s=="string"?he(s):s instanceof HTMLElement?s:void 0),l(this,"handleDocumentClick",s=>{this.contentElement.getAttribute("data-state")==="open"&&(!this.triggerElement.contains(s.target)&&!this.preventFromCloseInside&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(s.target)&&!this.contentElement.contains(s.target)&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(s.target)&&!this.contentElement.contains(s.target)&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(s.target)&&this.contentElement.contains(s.target)&&!this.preventFromCloseInside&&this.hide())}),l(this,"handleKeyDown",s=>{s.preventDefault(),this.triggerStrategy!=="hover"&&s.key==="Escape"&&this.contentElement.getAttribute("data-state")==="open"&&(this.preventFromCloseOutside||this.hide())}),l(this,"toggleStateOnClick",()=>{(this.contentElement.dataset.state||"close")==="close"?(this.show(),this.triggerStrategy==="hover"&&this.addEventOnMouseEnter()):this.hide()}),l(this,"hideOnMouseLeaseTrigger",()=>{setTimeout(()=>{this.contentElement.matches(":hover")||this.hide()},150)}),l(this,"hideOnMouseLeave",()=>{setTimeout(()=>{this.triggerElement.matches(":hover")||this.hide()},150)}),l(this,"addEventOnMouseEnter",()=>{this.triggerElement.addEventListener("mouseleave",this.hideOnMouseLeaseTrigger),this.contentElement.addEventListener("mouseleave",this.hideOnMouseLeave)}),l(this,"showOnMouseEnter",()=>{this.show(),this.addEventOnMouseEnter()}),l(this,"setShowOptions",({placement:s,offsetDistance:r})=>{var h,d,c,m;this.popper.setOptions({placement:s,offsetDistance:r}),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleDocumentClick),(d=(h=this.options).beforeShow)==null||d.call(h),b({state:"open",popper:this.contentElement,trigger:this.triggerElement}),this.onToggleState(!1),(m=(c=this.options).onShow)==null||m.call(c)}),l(this,"setPopperOptions",({placement:s,offsetDistance:r})=>{this.popper.setOptions({placement:s,offsetDistance:r||this.offsetDistance})}),l(this,"setPopperTrigger",(s,r)=>{this.cleanup(),this.popper.setOptions({placement:r.placement||this.placement,offsetDistance:r.offsetDistance||this.offsetDistance}),this.triggerElement=s,this.triggerElement.addEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.addEventListener("mouseenter",this.showOnMouseEnter)}),l(this,"cleanup",()=>{this.triggerElement.removeEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.removeEventListener("mouseenter",this.showOnMouseEnter)});var o;if(this.contentElement=this.getElement(i),this.triggerElement=this.getElement(e),!(this.triggerElement instanceof HTMLElement))throw new Error("Trigger element must be a valid HTML element");if(!(this.contentElement instanceof HTMLElement))throw new Error("Content element must be a valid HTML element");this.options=n,this.triggerStrategy=this.options.triggerStrategy||"click",this.placement=this.options.placement||"bottom",this.offsetDistance=this.options.offsetDistance||6,this.preventFromCloseOutside=this.options.preventFromCloseOutside||!1,this.preventFromCloseInside=this.options.preventCloseFromInside||!1,this.defaultState=this.options.defaultState||"close",this.eventEffect=(o=this.options.popper)==null?void 0:o.eventEffect,this.popper=new F(this.triggerElement,this.contentElement,{placement:this.placement,offsetDistance:this.offsetDistance,eventEffect:this.eventEffect}),this.initInstance()}onToggleState(e){var i,n;(n=(i=this.options).onToggle)==null||n.call(i,{isHidden:e})}show(){var e,i,n,o;this.popper.updatePosition(),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleDocumentClick),(i=(e=this.options).beforeShow)==null||i.call(e),b({state:"open",popper:this.contentElement,trigger:this.triggerElement}),this.onToggleState(!1),(o=(n=this.options).onShow)==null||o.call(n)}hide(){var e,i,n;let o=!1;de(this.contentElement,"before-hide",{setExitAction:r=>{o=r}});let s=(n=(i=(e=this.options).beforeHide)==null?void 0:i.call(e))==null?void 0:n.cancelAction;o||s||(b({state:"close",popper:this.contentElement,trigger:this.triggerElement}),this.triggerStrategy==="click"&&document.removeEventListener("click",this.handleDocumentClick),document.removeEventListener("keydown",this.handleKeyDown),this.triggerStrategy==="hover"&&(this.triggerElement.removeEventListener("mouseleave",this.hideOnMouseLeaseTrigger),this.contentElement.removeEventListener("mouseleave",this.hideOnMouseLeave)),ce({element:this.contentElement,callback:()=>{var r,h;this.onToggleState(!0),this.popper.cleanupEvents(),(h=(r=this.options).onHide)==null||h.call(r)}}))}initInstance(){b({state:this.defaultState,popper:this.contentElement,trigger:this.triggerElement}),this.defaultState==="open"?this.show():b({state:"close",popper:this.contentElement,trigger:this.triggerElement}),this.triggerElement.addEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.addEventListener("mouseenter",this.showOnMouseEnter)}},q=(t,e=document.body)=>e.querySelector(t),me=(t,e=document.body)=>Array.from(e.querySelectorAll(t)),k=(t,e,i)=>{let n=new CustomEvent(e,{detail:i});t.dispatchEvent(n)};function fe(t){let e=()=>{document.querySelector("[data-fx-component]:not([data-component-initialized])")?requestAnimationFrame(e):t()};e()}var B="data-fx-teleport-root",W="data-fx-teleported",ge={append:()=>{},remove:()=>{},restore:()=>{}};function ve(t,e,i="move"){var n;if(!(t instanceof HTMLElement))throw new Error("Source element must be an HTMLElement");if(!(e instanceof HTMLElement))throw new Error("Target element must be an HTMLElement");if(!["move","detachable"].includes(i))throw new Error(`Invalid teleport mode: ${i}. Must be "move" or "detachable".`);if((n=t.parentElement)!=null&&n.closest(`[${B}]`))return ge;t.setAttribute(B,"");let o=document.createComment("teleporter-placeholder"),s=t.parentNode;return s&&s.insertBefore(o,t),i==="move"?(t.parentNode&&(e.appendChild(t),t.setAttribute(W,"")),{append(){t.parentNode!==e&&(e.appendChild(t),t.setAttribute(W,""))},remove(){o!=null&&o.parentNode&&t.parentNode&&o.parentNode.insertBefore(t,o)},restore(){o!=null&&o.parentNode&&t.parentNode!==s&&o.parentNode.insertBefore(t,o)}}):(t.parentNode&&(e.appendChild(t),t.setAttribute(W,"")),{append(){e.contains(t)||e.appendChild(t)},remove(){t.parentNode&&t.remove()},restore(){o!=null&&o.parentNode&&!t.parentNode&&o.parentNode.insertBefore(t,o)}})}var f=class{static initGlobalRegistry(){window.$flexillaInstances||(window.$flexillaInstances={})}static register(e,i,n){return this.initGlobalRegistry(),window.$flexillaInstances[e]||(window.$flexillaInstances[e]=[]),this.getInstance(e,i)||(window.$flexillaInstances[e].push({element:i,instance:n}),n)}static getInstance(e,i){var n,o;return this.initGlobalRegistry(),(o=(n=window.$flexillaInstances[e])==null?void 0:n.find(s=>s.element===i))==null?void 0:o.instance}static removeInstance(e,i){this.initGlobalRegistry(),window.$flexillaInstances[e]&&(window.$flexillaInstances[e]=window.$flexillaInstances[e].filter(n=>n.element!==i))}static setup(e){e.setAttribute("data-fx-component","fx")}static initialized(e){e.setAttribute("data-component-initialized","initialized")}},ue={teleport:!0,teleportMode:"move"},I=class t{constructor(e,i={}){a(this,"triggerElement"),a(this,"contentElement"),a(this,"options"),a(this,"PopoverInstance"),a(this,"triggerStrategy"),a(this,"placement"),a(this,"offsetDistance"),a(this,"preventFromCloseOutside"),a(this,"preventFromCloseInside"),a(this,"defaultState"),a(this,"experimentalOptions"),a(this,"teleporter"),a(this,"moveElOnInit",()=>{this.experimentalOptions.teleport&&fe(()=>{this.experimentalOptions.teleportMode==="detachable"?this.teleporter.remove():this.teleporter.append()})}),a(this,"moveEl",()=>{this.experimentalOptions.teleport&&this.experimentalOptions.teleportMode==="detachable"&&this.teleporter.remove()}),a(this,"restoreEl",()=>{this.experimentalOptions.teleport&&this.experimentalOptions.teleportMode==="detachable"&&this.teleporter.append()}),a(this,"beforeShow",()=>{this.restoreEl()}),a(this,"onHide",()=>{var s,r;(r=(s=this.options).onHide)==null||r.call(s),this.moveEl(),k(this.contentElement,"popover-hide",{isHidden:!0})}),a(this,"onShow",()=>{var s,r;(r=(s=this.options).onShow)==null||r.call(s),k(this.contentElement,"popover-show",{isHidden:!1})}),a(this,"setShowOptions",({placement:s,offsetDistance:r})=>{this.PopoverInstance.setShowOptions({placement:s,offsetDistance:r})}),a(this,"setOptions",({placement:s,offsetDistance:r})=>{this.PopoverInstance.setPopperOptions({placement:s,offsetDistance:r})}),a(this,"setPopperTrigger",(s,r)=>{this.PopoverInstance.setPopperTrigger(s,r)}),a(this,"show",()=>{this.PopoverInstance.show()}),a(this,"hide",()=>{this.PopoverInstance.hide()}),a(this,"cleanup",()=>{this.PopoverInstance.cleanup(),f.removeInstance("popover",this.contentElement)});let n=typeof e=="string"?q(e):e;this.contentElement=n;let o=f.getInstance("popover",this.contentElement);if(o)return o;f.setup(this.contentElement),this.triggerElement=q(`[data-popover-trigger][data-popover-id=${n.getAttribute("id")}]`),this.options=i,this.triggerStrategy=n.dataset.triggerStrategy??this.options.triggerStrategy??"click",this.placement=n.dataset.placement??this.options.placement??"bottom-middle",this.offsetDistance=parseInt(`${n.dataset.offsetDistance}`)??this.options.offsetDistance??6,this.preventFromCloseOutside=n.hasAttribute("data-prevent-close-outside")??this.options.preventFromCloseOutside??!1,this.preventFromCloseInside=n.hasAttribute("data-close-inside")?!1:this.options.preventCloseFromInside??!0,this.defaultState=n.dataset.defaultState??this.options.defaultState??"close",this.experimentalOptions=Object.assign({},ue,i.experimental),this.teleporter=ve(this.contentElement,document.body,this.experimentalOptions.teleportMode),this.PopoverInstance=new R({trigger:this.triggerElement,content:this.contentElement,options:{placement:this.placement,offsetDistance:this.offsetDistance,triggerStrategy:this.triggerStrategy,preventFromCloseOutside:this.preventFromCloseOutside,preventCloseFromInside:this.preventFromCloseInside,defaultState:this.defaultState,beforeShow:this.beforeShow,onShow:this.onShow,onHide:this.onHide,onToggle:({isHidden:s})=>{var r,h;(h=(r=this.options).onToggle)==null||h.call(r,{isHidden:s}),k(this.contentElement,"popover-toggle",{isHidden:s})},popper:this.options.popper}}),this.moveElOnInit(),f.register("popover",this.contentElement,this),f.initialized(this.contentElement)}static init(e,i){return new t(e,i)}static autoInit(e="[data-fx-popover]"){let i=me(e);for(let n of i)new t(n)}};function Ee(t){t.directive("popover",(e,{},{cleanup:i})=>{let n=new I(e);i(()=>{n.cleanup()})})}var G=Ee;document.addEventListener("alpine:init",()=>{G(window.Alpine)});})();

package/dist/module.cjs.js

@@ -24,14 +24,14 @@ __export(module_exports, {
 module.exports = __toCommonJS(module_exports);
 
 // ../../node_modules/@flexilla/popover/dist/popover.js
-var B = Object.defineProperty;
-var j = (n, e, t) => e in n ? B(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
-var a = (n, e, t) => j(n, typeof e != "symbol" ? e + "" : e, t);
 var q = Object.defineProperty;
 var G = (n, e, t) => e in n ? q(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
-var p = (n, e, t) => G(n, typeof e != "symbol" ? e + "" : e, t);
-var U = "bottom";
-var K = ({ reference: n, popper: e }) => {
+var a = (n, e, t) => G(n, typeof e != "symbol" ? e + "" : e, t);
+var U = Object.defineProperty;
+var K = (n, e, t) => e in n ? U(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
+var p = (n, e, t) => K(n, typeof e != "symbol" ? e + "" : e, t);
+var V = "bottom";
+var X = ({ reference: n, popper: e }) => {
   if (!n || !e)
     throw new Error("Reference or popper element is null or undefined");
   const t = /* @__PURE__ */ new WeakMap(), i = (r) => (t.has(r) || t.set(r, r.getBoundingClientRect()), t.get(r)), o = i(e), s = i(n);
@@ -45,21 +45,21 @@ var K = ({ reference: n, popper: e }) => {
     refRight: s.right
   };
 };
-var V = (n, e, t, i) => {
+var Y = (n, e, t, i) => {
   const o = t, s = i - (t + e);
   return o >= (n - e) / 2 && s >= (n - e) / 2;
 };
-var X = (n, e, t, i) => (n - e) / 2 <= t && t + n / 2 + e / 2 <= i;
-var Y = (n, e, t, i, o) => t > o - i ? e() ? window.innerHeight - o : t - o : n() ? 0 : t + i;
-var J = (n, e, t, i) => n <= i && t - n <= e;
-var Q = (n, e, t, i) => t <= i && -n <= e;
-var Z = (n, e, t, i, o, s) => {
+var J = (n, e, t, i) => (n - e) / 2 <= t && t + n / 2 + e / 2 <= i;
+var Q = (n, e, t, i, o) => t > o - i ? e() ? window.innerHeight - o : t - o : n() ? 0 : t + i;
+var Z = (n, e, t, i) => n <= i && t - n <= e;
+var _ = (n, e, t, i) => t <= i && -n <= e;
+var ee = (n, e, t, i, o, s) => {
   const r = o - t - s, h = t - i, d = t + s - i + (o - t - s), c = r >= 0 ? o - i : h >= 0 ? t - i : t;
   return n() ? 0 : e() ? d : c;
 };
-var _ = (n, e, t, i) => n <= t && e - n - i >= n;
-var ee = (n, e) => n >= e;
-var te = ({
+var te = (n, e, t, i) => n <= t && e - n - i >= n;
+var ne = (n, e) => n >= e;
+var ie = ({
   placement: n,
   refWidth: e,
   refTop: t,
@@ -71,23 +71,23 @@ var te = ({
   windowWidth: d,
   offsetDistance: c
 }) => {
-  const m = d - i - e, v = i, x = h - t - o, C = t, u = () => Y(
-    () => Q(t, o, r, h),
-    () => J(t, o, r, h),
+  const m = d - i - e, u = i, x = h - t - o, C = t, v = () => Q(
+    () => _(t, o, r, h),
+    () => Z(t, o, r, h),
     t,
     o,
     r
-  ), E = () => Z(
-    () => _(i, d, s, e),
-    () => ee(i, s),
+  ), E = () => ee(
+    () => te(i, d, s, e),
+    () => ne(i, s),
     i,
     s,
     d,
     e
-  ), D = () => V(s, e, i, d) ? i + e / 2 - s / 2 : E(), M = () => X(r, o, t, h) ? t + o / 2 - r / 2 : u(), T = () => i + s <= d ? i : E(), y = () => i + e - s >= 0 ? i + e - s : E(), O = () => t + r <= h ? t : u(), z = () => t + o - r >= 0 ? t + o - r : u();
+  ), D = () => Y(s, e, i, d) ? i + e / 2 - s / 2 : E(), M = () => J(r, o, t, h) ? t + o / 2 - r / 2 : v(), T = () => i + s <= d ? i : E(), y = () => i + e - s >= 0 ? i + e - s : E(), O = () => t + r <= h ? t : v(), j = () => t + o - r >= 0 ? t + o - r : v();
   let f = 0, g = 0;
-  const k = t - r - c, S = t + o + c, L = i - s - c, I = i + e + c, W = C >= r + c, F = x >= r + c, R = v >= s + c, $ = m >= s + c;
-  switch (n.startsWith("top") ? g = W ? k : F ? S : Math.max(k, S) : n.startsWith("bottom") ? g = F ? S : W ? k : Math.max(S) : n.startsWith("left") ? f = R ? L : $ ? I : Math.max(L, I) : n.startsWith("right") && (f = $ ? I : R ? L : Math.max(I, L)), n) {
+  const k = t - r - c, S = t + o + c, L = i - s - c, I = i + e + c, F = C >= r + c, $ = x >= r + c, R = u >= s + c, A = m >= s + c;
+  switch (n.startsWith("top") ? g = F ? k : $ ? S : Math.max(k, S) : n.startsWith("bottom") ? g = $ ? S : F ? k : Math.max(S) : n.startsWith("left") ? f = R ? L : A ? I : Math.max(L, I) : n.startsWith("right") && (f = A ? I : R ? L : Math.max(I, L)), n) {
     case "bottom":
     case "bottom-middle":
     case "top":
@@ -114,12 +114,12 @@ var te = ({
       break;
     case "left-end":
     case "right-end":
-      g = z();
+      g = j();
       break;
   }
   return { x: f, y: g };
 };
-var ne = class {
+var se = class {
   /**
    * Flexilla Popper 
    * @param reference 
@@ -146,24 +146,24 @@ var ne = class {
         throw new Error("Invalid HTMLElement for Popper");
       if (typeof this.offsetDistance != "number")
         throw new Error("OffsetDistance must be a number");
-    }), p(this, "setPopperStyleProperty", (m, v) => {
-      this.popper.style.setProperty("--fx-popper-placement-x", `${m}px`), this.popper.style.setProperty("--fx-popper-placement-y", `${v}px`);
+    }), p(this, "setPopperStyleProperty", (m, u) => {
+      this.popper.style.setProperty("--fx-popper-placement-x", `${m}px`), this.popper.style.setProperty("--fx-popper-placement-y", `${u}px`);
     }), p(this, "setInitialStyles", () => {
       this.popper.style.setProperty("--fx-popper-placement-x", ""), this.popper.style.setProperty("--fx-popper-placement-y", "");
     }), p(this, "initPlacement", () => {
       var m;
       this.validateElements(), this.setInitialStyles();
-      const v = window.innerWidth, x = window.innerHeight, { popperHeight: C, popperWidth: u, refHeight: E, refWidth: D, refLeft: M, refTop: T } = K({ reference: this.reference, popper: this.popper }), { x: y, y: O } = te(
+      const u = window.innerWidth, x = window.innerHeight, { popperHeight: C, popperWidth: v, refHeight: E, refWidth: D, refLeft: M, refTop: T } = X({ reference: this.reference, popper: this.popper }), { x: y, y: O } = ie(
         {
           placement: this.placement,
           refWidth: D,
           refTop: T,
           refLeft: M,
-          popperWidth: u,
+          popperWidth: v,
           refHeight: E,
           popperHeight: C,
           windowHeight: x,
-          windowWidth: v,
+          windowWidth: u,
           offsetDistance: this.offsetDistance
         }
       );
@@ -181,7 +181,7 @@ var ne = class {
     });
     const {
       offsetDistance: o = 10,
-      placement: s = U,
+      placement: s = V,
       eventEffect: r = {},
       onUpdate: h
     } = i;
@@ -205,15 +205,15 @@ var ne = class {
     this.placement = e, this.offsetDistance = t || this.offsetDistance, this.initPlacement(), this.attachWindowEvent();
   }
 };
-var ie = Object.defineProperty;
-var se = (n, e, t) => e in n ? ie(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
-var l = (n, e, t) => se(n, typeof e != "symbol" ? e + "" : e, t);
-var oe = (n, e = document.body) => e.querySelector(n);
+var oe = Object.defineProperty;
+var re = (n, e, t) => e in n ? oe(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
+var l = (n, e, t) => re(n, typeof e != "symbol" ? e + "" : e, t);
+var ae = (n, e = document.body) => e.querySelector(n);
 var N = (n, e) => {
   for (const [t, i] of Object.entries(e))
     n.setAttribute(t, i);
 };
-var re = ({
+var le = ({
   element: n,
   callback: e,
   type: t,
@@ -228,18 +228,18 @@ var re = ({
   } else
     e();
 };
-var ae = ({
+var he = ({
   element: n,
   callback: e
 }) => {
-  re({
+  le({
     element: n,
     callback: e,
     type: "transition",
     keysCheck: ["all 0s ease 0s", "all"]
   });
 };
-var le = (n, e, t) => {
+var pe = (n, e, t) => {
   const i = new CustomEvent(e, { detail: t });
   n.dispatchEvent(i);
 };
@@ -251,7 +251,7 @@ var w = ({ state: n, trigger: e, popper: t }) => {
     "aria-expanded": `${i}`
   });
 };
-var he = class {
+var ce = class {
   /**
    * Creates an instance of CreateOverlay
    * @param {Object} params - The initialization parameters
@@ -260,7 +260,7 @@ var he = class {
    * @param {OverlayOptions} [params.options] - Configuration options for the overlay
    */
   constructor({ trigger: e, content: t, options: i = {} }) {
-    l(this, "triggerElement"), l(this, "contentElement"), l(this, "triggerStrategy"), l(this, "placement"), l(this, "offsetDistance"), l(this, "preventFromCloseOutside"), l(this, "preventFromCloseInside"), l(this, "options"), l(this, "defaultState"), l(this, "popper"), l(this, "eventEffect"), l(this, "getElement", (s) => typeof s == "string" ? oe(s) : s instanceof HTMLElement ? s : void 0), l(this, "handleDocumentClick", (s) => {
+    l(this, "triggerElement"), l(this, "contentElement"), l(this, "triggerStrategy"), l(this, "placement"), l(this, "offsetDistance"), l(this, "preventFromCloseOutside"), l(this, "preventFromCloseInside"), l(this, "options"), l(this, "defaultState"), l(this, "popper"), l(this, "eventEffect"), l(this, "getElement", (s) => typeof s == "string" ? ae(s) : s instanceof HTMLElement ? s : void 0), l(this, "handleDocumentClick", (s) => {
       this.contentElement.getAttribute("data-state") === "open" && (!this.triggerElement.contains(s.target) && !this.preventFromCloseInside && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(s.target) && !this.contentElement.contains(s.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(s.target) && !this.contentElement.contains(s.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(s.target) && this.contentElement.contains(s.target) && !this.preventFromCloseInside && this.hide());
     }), l(this, "handleKeyDown", (s) => {
       s.preventDefault(), this.triggerStrategy !== "hover" && s.key === "Escape" && this.contentElement.getAttribute("data-state") === "open" && (this.preventFromCloseOutside || this.hide());
@@ -306,7 +306,7 @@ var he = class {
       throw new Error("Trigger element must be a valid HTML element");
     if (!(this.contentElement instanceof HTMLElement))
       throw new Error("Content element must be a valid HTML element");
-    this.options = i, this.triggerStrategy = this.options.triggerStrategy || "click", this.placement = this.options.placement || "bottom", this.offsetDistance = this.options.offsetDistance || 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || false, this.preventFromCloseInside = this.options.preventCloseFromInside || false, this.defaultState = this.options.defaultState || "close", this.eventEffect = (o = this.options.popper) == null ? void 0 : o.eventEffect, this.popper = new ne(
+    this.options = i, this.triggerStrategy = this.options.triggerStrategy || "click", this.placement = this.options.placement || "bottom", this.offsetDistance = this.options.offsetDistance || 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || false, this.preventFromCloseInside = this.options.preventCloseFromInside || false, this.defaultState = this.options.defaultState || "close", this.eventEffect = (o = this.options.popper) == null ? void 0 : o.eventEffect, this.popper = new se(
       this.triggerElement,
       this.contentElement,
       {
@@ -339,7 +339,7 @@ var he = class {
   hide() {
     var e, t, i;
     let o = false;
-    le(this.contentElement, "before-hide", {
+    pe(this.contentElement, "before-hide", {
       setExitAction: (r) => {
         o = r;
       }
@@ -349,7 +349,7 @@ var he = class {
       state: "close",
       popper: this.contentElement,
       trigger: this.triggerElement
-    }), this.triggerStrategy === "click" && document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown), this.triggerStrategy === "hover" && (this.triggerElement.removeEventListener("mouseleave", this.hideOnMouseLeaseTrigger), this.contentElement.removeEventListener("mouseleave", this.hideOnMouseLeave)), ae({
+    }), this.triggerStrategy === "click" && document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown), this.triggerStrategy === "hover" && (this.triggerElement.removeEventListener("mouseleave", this.hideOnMouseLeaseTrigger), this.contentElement.removeEventListener("mouseleave", this.hideOnMouseLeave)), he({
       element: this.contentElement,
       callback: () => {
         var r, h;
@@ -369,13 +369,13 @@ var he = class {
     }), this.triggerElement.addEventListener("click", this.toggleStateOnClick), this.triggerStrategy === "hover" && this.triggerElement.addEventListener("mouseenter", this.showOnMouseEnter);
   }
 };
-var A = (n, e = document.body) => e.querySelector(n);
-var pe = (n, e = document.body) => Array.from(e.querySelectorAll(n));
+var z = (n, e = document.body) => e.querySelector(n);
+var de = (n, e = document.body) => Array.from(e.querySelectorAll(n));
 var H = (n, e, t) => {
   const i = new CustomEvent(e, { detail: t });
   n.dispatchEvent(i);
 };
-function ce(n) {
+function me(n) {
   const e = () => {
     document.querySelector(
       "[data-fx-component]:not([data-component-initialized])"
@@ -383,26 +383,40 @@ function ce(n) {
   };
   e();
 }
-function de(n, e, t = "move") {
+var B = "data-fx-teleport-root";
+var P = "data-fx-teleported";
+var fe = {
+  append: () => {
+  },
+  remove: () => {
+  },
+  restore: () => {
+  }
+};
+function ge(n, e, t = "move") {
+  var i;
   if (!(n instanceof HTMLElement))
     throw new Error("Source element must be an HTMLElement");
   if (!(e instanceof HTMLElement))
     throw new Error("Target element must be an HTMLElement");
   if (!["move", "detachable"].includes(t))
     throw new Error(`Invalid teleport mode: ${t}. Must be "move" or "detachable".`);
-  let i = document.createComment("teleporter-placeholder");
-  const o = n.parentNode;
-  return o ? o.insertBefore(i, n) : console.warn("Element has no parent; placeholder not inserted."), t === "move" ? (n.parentNode && e.appendChild(n), {
+  if ((i = n.parentElement) != null && i.closest(`[${B}]`))
+    return fe;
+  n.setAttribute(B, "");
+  let o = document.createComment("teleporter-placeholder");
+  const s = n.parentNode;
+  return s && s.insertBefore(o, n), t === "move" ? (n.parentNode && (e.appendChild(n), n.setAttribute(P, "")), {
     append() {
-      n.parentNode !== e && e.appendChild(n);
+      n.parentNode !== e && (e.appendChild(n), n.setAttribute(P, ""));
     },
     remove() {
-      i != null && i.parentNode && n.parentNode && i.parentNode.insertBefore(n, i);
+      o != null && o.parentNode && n.parentNode && o.parentNode.insertBefore(n, o);
     },
     restore() {
-      i != null && i.parentNode && n.parentNode !== o && i.parentNode.insertBefore(n, i);
+      o != null && o.parentNode && n.parentNode !== s && o.parentNode.insertBefore(n, o);
     }
-  }) : (n.parentNode && e.appendChild(n), {
+  }) : (n.parentNode && (e.appendChild(n), n.setAttribute(P, "")), {
     append() {
       e.contains(n) || e.appendChild(n);
     },
@@ -410,7 +424,7 @@ function de(n, e, t = "move") {
       n.parentNode && n.remove();
     },
     restore() {
-      i != null && i.parentNode && !n.parentNode && i.parentNode.insertBefore(n, i);
+      o != null && o.parentNode && !n.parentNode && o.parentNode.insertBefore(n, o);
     }
   });
 }
@@ -439,11 +453,11 @@ var b = class {
     e.setAttribute("data-component-initialized", "initialized");
   }
 };
-var me = {
+var ue = {
   teleport: true,
   teleportMode: "move"
 };
-var P = class _P {
+var W = class _W {
   /**
    * Creates a new Popover instance.
    * @param {string | HTMLElement} popoverEl - The popover content element or its selector.
@@ -474,7 +488,7 @@ var P = class _P {
     a(this, "experimentalOptions");
     a(this, "teleporter");
     a(this, "moveElOnInit", () => {
-      this.experimentalOptions.teleport && ce(() => {
+      this.experimentalOptions.teleport && me(() => {
         this.experimentalOptions.teleportMode === "detachable" ? this.teleporter.remove() : this.teleporter.append();
       });
     });
@@ -517,12 +531,12 @@ var P = class _P {
     a(this, "cleanup", () => {
       this.PopoverInstance.cleanup(), b.removeInstance("popover", this.contentElement);
     });
-    const i = typeof e == "string" ? A(e) : e;
+    const i = typeof e == "string" ? z(e) : e;
     this.contentElement = i;
     const o = b.getInstance("popover", this.contentElement);
     if (o)
       return o;
-    b.setup(this.contentElement), this.triggerElement = A(`[data-popover-trigger][data-popover-id=${i.getAttribute("id")}]`), this.options = t, this.triggerStrategy = (_b = (_a = i.dataset.triggerStrategy) != null ? _a : this.options.triggerStrategy) != null ? _b : "click", this.placement = (_d = (_c = i.dataset.placement) != null ? _c : this.options.placement) != null ? _d : "bottom-middle", this.offsetDistance = (_f = (_e = parseInt(`${i.dataset.offsetDistance}`)) != null ? _e : this.options.offsetDistance) != null ? _f : 6, this.preventFromCloseOutside = (_h = (_g = i.hasAttribute("data-prevent-close-outside")) != null ? _g : this.options.preventFromCloseOutside) != null ? _h : false, this.preventFromCloseInside = i.hasAttribute("data-close-inside") ? false : (_i = this.options.preventCloseFromInside) != null ? _i : true, this.defaultState = (_k = (_j = i.dataset.defaultState) != null ? _j : this.options.defaultState) != null ? _k : "close", this.experimentalOptions = Object.assign({}, me, t.experimental), this.teleporter = de(this.contentElement, document.body, this.experimentalOptions.teleportMode), this.PopoverInstance = new he({
+    b.setup(this.contentElement), this.triggerElement = z(`[data-popover-trigger][data-popover-id=${i.getAttribute("id")}]`), this.options = t, this.triggerStrategy = (_b = (_a = i.dataset.triggerStrategy) != null ? _a : this.options.triggerStrategy) != null ? _b : "click", this.placement = (_d = (_c = i.dataset.placement) != null ? _c : this.options.placement) != null ? _d : "bottom-middle", this.offsetDistance = (_f = (_e = parseInt(`${i.dataset.offsetDistance}`)) != null ? _e : this.options.offsetDistance) != null ? _f : 6, this.preventFromCloseOutside = (_h = (_g = i.hasAttribute("data-prevent-close-outside")) != null ? _g : this.options.preventFromCloseOutside) != null ? _h : false, this.preventFromCloseInside = i.hasAttribute("data-close-inside") ? false : (_i = this.options.preventCloseFromInside) != null ? _i : true, this.defaultState = (_k = (_j = i.dataset.defaultState) != null ? _j : this.options.defaultState) != null ? _k : "close", this.experimentalOptions = Object.assign({}, ue, t.experimental), this.teleporter = ge(this.contentElement, document.body, this.experimentalOptions.teleportMode), this.PopoverInstance = new ce({
       trigger: this.triggerElement,
       content: this.contentElement,
       options: {
@@ -557,7 +571,7 @@ var P = class _P {
    * });
    */
   static init(e, t) {
-    return new _P(e, t);
+    return new _W(e, t);
   }
   /**
    * Automatically initializes all popover elements matching the specified selector.
@@ -570,16 +584,16 @@ var P = class _P {
    * Popover.autoInit('.custom-popover');
    */
   static autoInit(e = "[data-fx-popover]") {
-    const t = pe(e);
+    const t = de(e);
     for (const i of t)
-      new _P(i);
+      new _W(i);
   }
 };
 
 // src/index.js
 function Popover(Alpine) {
   Alpine.directive("popover", (el, {}, { cleanup }) => {
-    const popover_ = new P(el);
+    const popover_ = new W(el);
     cleanup(() => {
       popover_.cleanup();
     });

package/dist/module.esm.js

@@ -1,12 +1,12 @@
 // ../../node_modules/@flexilla/popover/dist/popover.js
-var B = Object.defineProperty;
-var j = (n, e, t) => e in n ? B(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
-var a = (n, e, t) => j(n, typeof e != "symbol" ? e + "" : e, t);
 var q = Object.defineProperty;
 var G = (n, e, t) => e in n ? q(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
-var p = (n, e, t) => G(n, typeof e != "symbol" ? e + "" : e, t);
-var U = "bottom";
-var K = ({ reference: n, popper: e }) => {
+var a = (n, e, t) => G(n, typeof e != "symbol" ? e + "" : e, t);
+var U = Object.defineProperty;
+var K = (n, e, t) => e in n ? U(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
+var p = (n, e, t) => K(n, typeof e != "symbol" ? e + "" : e, t);
+var V = "bottom";
+var X = ({ reference: n, popper: e }) => {
   if (!n || !e)
     throw new Error("Reference or popper element is null or undefined");
   const t = /* @__PURE__ */ new WeakMap(), i = (r) => (t.has(r) || t.set(r, r.getBoundingClientRect()), t.get(r)), o = i(e), s = i(n);
@@ -20,21 +20,21 @@ var K = ({ reference: n, popper: e }) => {
     refRight: s.right
   };
 };
-var V = (n, e, t, i) => {
+var Y = (n, e, t, i) => {
   const o = t, s = i - (t + e);
   return o >= (n - e) / 2 && s >= (n - e) / 2;
 };
-var X = (n, e, t, i) => (n - e) / 2 <= t && t + n / 2 + e / 2 <= i;
-var Y = (n, e, t, i, o) => t > o - i ? e() ? window.innerHeight - o : t - o : n() ? 0 : t + i;
-var J = (n, e, t, i) => n <= i && t - n <= e;
-var Q = (n, e, t, i) => t <= i && -n <= e;
-var Z = (n, e, t, i, o, s) => {
+var J = (n, e, t, i) => (n - e) / 2 <= t && t + n / 2 + e / 2 <= i;
+var Q = (n, e, t, i, o) => t > o - i ? e() ? window.innerHeight - o : t - o : n() ? 0 : t + i;
+var Z = (n, e, t, i) => n <= i && t - n <= e;
+var _ = (n, e, t, i) => t <= i && -n <= e;
+var ee = (n, e, t, i, o, s) => {
   const r = o - t - s, h = t - i, d = t + s - i + (o - t - s), c = r >= 0 ? o - i : h >= 0 ? t - i : t;
   return n() ? 0 : e() ? d : c;
 };
-var _ = (n, e, t, i) => n <= t && e - n - i >= n;
-var ee = (n, e) => n >= e;
-var te = ({
+var te = (n, e, t, i) => n <= t && e - n - i >= n;
+var ne = (n, e) => n >= e;
+var ie = ({
   placement: n,
   refWidth: e,
   refTop: t,
@@ -46,23 +46,23 @@ var te = ({
   windowWidth: d,
   offsetDistance: c
 }) => {
-  const m = d - i - e, v = i, x = h - t - o, C = t, u = () => Y(
-    () => Q(t, o, r, h),
-    () => J(t, o, r, h),
+  const m = d - i - e, u = i, x = h - t - o, C = t, v = () => Q(
+    () => _(t, o, r, h),
+    () => Z(t, o, r, h),
     t,
     o,
     r
-  ), E = () => Z(
-    () => _(i, d, s, e),
-    () => ee(i, s),
+  ), E = () => ee(
+    () => te(i, d, s, e),
+    () => ne(i, s),
     i,
     s,
     d,
     e
-  ), D = () => V(s, e, i, d) ? i + e / 2 - s / 2 : E(), M = () => X(r, o, t, h) ? t + o / 2 - r / 2 : u(), T = () => i + s <= d ? i : E(), y = () => i + e - s >= 0 ? i + e - s : E(), O = () => t + r <= h ? t : u(), z = () => t + o - r >= 0 ? t + o - r : u();
+  ), D = () => Y(s, e, i, d) ? i + e / 2 - s / 2 : E(), M = () => J(r, o, t, h) ? t + o / 2 - r / 2 : v(), T = () => i + s <= d ? i : E(), y = () => i + e - s >= 0 ? i + e - s : E(), O = () => t + r <= h ? t : v(), j = () => t + o - r >= 0 ? t + o - r : v();
   let f = 0, g = 0;
-  const k = t - r - c, S = t + o + c, L = i - s - c, I = i + e + c, W = C >= r + c, F = x >= r + c, R = v >= s + c, $ = m >= s + c;
-  switch (n.startsWith("top") ? g = W ? k : F ? S : Math.max(k, S) : n.startsWith("bottom") ? g = F ? S : W ? k : Math.max(S) : n.startsWith("left") ? f = R ? L : $ ? I : Math.max(L, I) : n.startsWith("right") && (f = $ ? I : R ? L : Math.max(I, L)), n) {
+  const k = t - r - c, S = t + o + c, L = i - s - c, I = i + e + c, F = C >= r + c, $ = x >= r + c, R = u >= s + c, A = m >= s + c;
+  switch (n.startsWith("top") ? g = F ? k : $ ? S : Math.max(k, S) : n.startsWith("bottom") ? g = $ ? S : F ? k : Math.max(S) : n.startsWith("left") ? f = R ? L : A ? I : Math.max(L, I) : n.startsWith("right") && (f = A ? I : R ? L : Math.max(I, L)), n) {
     case "bottom":
     case "bottom-middle":
     case "top":
@@ -89,12 +89,12 @@ var te = ({
       break;
     case "left-end":
     case "right-end":
-      g = z();
+      g = j();
       break;
   }
   return { x: f, y: g };
 };
-var ne = class {
+var se = class {
   /**
    * Flexilla Popper 
    * @param reference 
@@ -121,24 +121,24 @@ var ne = class {
         throw new Error("Invalid HTMLElement for Popper");
       if (typeof this.offsetDistance != "number")
         throw new Error("OffsetDistance must be a number");
-    }), p(this, "setPopperStyleProperty", (m, v) => {
-      this.popper.style.setProperty("--fx-popper-placement-x", `${m}px`), this.popper.style.setProperty("--fx-popper-placement-y", `${v}px`);
+    }), p(this, "setPopperStyleProperty", (m, u) => {
+      this.popper.style.setProperty("--fx-popper-placement-x", `${m}px`), this.popper.style.setProperty("--fx-popper-placement-y", `${u}px`);
     }), p(this, "setInitialStyles", () => {
       this.popper.style.setProperty("--fx-popper-placement-x", ""), this.popper.style.setProperty("--fx-popper-placement-y", "");
     }), p(this, "initPlacement", () => {
       var m;
       this.validateElements(), this.setInitialStyles();
-      const v = window.innerWidth, x = window.innerHeight, { popperHeight: C, popperWidth: u, refHeight: E, refWidth: D, refLeft: M, refTop: T } = K({ reference: this.reference, popper: this.popper }), { x: y, y: O } = te(
+      const u = window.innerWidth, x = window.innerHeight, { popperHeight: C, popperWidth: v, refHeight: E, refWidth: D, refLeft: M, refTop: T } = X({ reference: this.reference, popper: this.popper }), { x: y, y: O } = ie(
         {
           placement: this.placement,
           refWidth: D,
           refTop: T,
           refLeft: M,
-          popperWidth: u,
+          popperWidth: v,
           refHeight: E,
           popperHeight: C,
           windowHeight: x,
-          windowWidth: v,
+          windowWidth: u,
           offsetDistance: this.offsetDistance
         }
       );
@@ -156,7 +156,7 @@ var ne = class {
     });
     const {
       offsetDistance: o = 10,
-      placement: s = U,
+      placement: s = V,
       eventEffect: r = {},
       onUpdate: h
     } = i;
@@ -180,15 +180,15 @@ var ne = class {
     this.placement = e, this.offsetDistance = t || this.offsetDistance, this.initPlacement(), this.attachWindowEvent();
   }
 };
-var ie = Object.defineProperty;
-var se = (n, e, t) => e in n ? ie(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
-var l = (n, e, t) => se(n, typeof e != "symbol" ? e + "" : e, t);
-var oe = (n, e = document.body) => e.querySelector(n);
+var oe = Object.defineProperty;
+var re = (n, e, t) => e in n ? oe(n, e, { enumerable: true, configurable: true, writable: true, value: t }) : n[e] = t;
+var l = (n, e, t) => re(n, typeof e != "symbol" ? e + "" : e, t);
+var ae = (n, e = document.body) => e.querySelector(n);
 var N = (n, e) => {
   for (const [t, i] of Object.entries(e))
     n.setAttribute(t, i);
 };
-var re = ({
+var le = ({
   element: n,
   callback: e,
   type: t,
@@ -203,18 +203,18 @@ var re = ({
   } else
     e();
 };
-var ae = ({
+var he = ({
   element: n,
   callback: e
 }) => {
-  re({
+  le({
     element: n,
     callback: e,
     type: "transition",
     keysCheck: ["all 0s ease 0s", "all"]
   });
 };
-var le = (n, e, t) => {
+var pe = (n, e, t) => {
   const i = new CustomEvent(e, { detail: t });
   n.dispatchEvent(i);
 };
@@ -226,7 +226,7 @@ var w = ({ state: n, trigger: e, popper: t }) => {
     "aria-expanded": `${i}`
   });
 };
-var he = class {
+var ce = class {
   /**
    * Creates an instance of CreateOverlay
    * @param {Object} params - The initialization parameters
@@ -235,7 +235,7 @@ var he = class {
    * @param {OverlayOptions} [params.options] - Configuration options for the overlay
    */
   constructor({ trigger: e, content: t, options: i = {} }) {
-    l(this, "triggerElement"), l(this, "contentElement"), l(this, "triggerStrategy"), l(this, "placement"), l(this, "offsetDistance"), l(this, "preventFromCloseOutside"), l(this, "preventFromCloseInside"), l(this, "options"), l(this, "defaultState"), l(this, "popper"), l(this, "eventEffect"), l(this, "getElement", (s) => typeof s == "string" ? oe(s) : s instanceof HTMLElement ? s : void 0), l(this, "handleDocumentClick", (s) => {
+    l(this, "triggerElement"), l(this, "contentElement"), l(this, "triggerStrategy"), l(this, "placement"), l(this, "offsetDistance"), l(this, "preventFromCloseOutside"), l(this, "preventFromCloseInside"), l(this, "options"), l(this, "defaultState"), l(this, "popper"), l(this, "eventEffect"), l(this, "getElement", (s) => typeof s == "string" ? ae(s) : s instanceof HTMLElement ? s : void 0), l(this, "handleDocumentClick", (s) => {
       this.contentElement.getAttribute("data-state") === "open" && (!this.triggerElement.contains(s.target) && !this.preventFromCloseInside && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(s.target) && !this.contentElement.contains(s.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(s.target) && !this.contentElement.contains(s.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(s.target) && this.contentElement.contains(s.target) && !this.preventFromCloseInside && this.hide());
     }), l(this, "handleKeyDown", (s) => {
       s.preventDefault(), this.triggerStrategy !== "hover" && s.key === "Escape" && this.contentElement.getAttribute("data-state") === "open" && (this.preventFromCloseOutside || this.hide());
@@ -281,7 +281,7 @@ var he = class {
       throw new Error("Trigger element must be a valid HTML element");
     if (!(this.contentElement instanceof HTMLElement))
       throw new Error("Content element must be a valid HTML element");
-    this.options = i, this.triggerStrategy = this.options.triggerStrategy || "click", this.placement = this.options.placement || "bottom", this.offsetDistance = this.options.offsetDistance || 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || false, this.preventFromCloseInside = this.options.preventCloseFromInside || false, this.defaultState = this.options.defaultState || "close", this.eventEffect = (o = this.options.popper) == null ? void 0 : o.eventEffect, this.popper = new ne(
+    this.options = i, this.triggerStrategy = this.options.triggerStrategy || "click", this.placement = this.options.placement || "bottom", this.offsetDistance = this.options.offsetDistance || 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || false, this.preventFromCloseInside = this.options.preventCloseFromInside || false, this.defaultState = this.options.defaultState || "close", this.eventEffect = (o = this.options.popper) == null ? void 0 : o.eventEffect, this.popper = new se(
       this.triggerElement,
       this.contentElement,
       {
@@ -314,7 +314,7 @@ var he = class {
   hide() {
     var e, t, i;
     let o = false;
-    le(this.contentElement, "before-hide", {
+    pe(this.contentElement, "before-hide", {
       setExitAction: (r) => {
         o = r;
       }
@@ -324,7 +324,7 @@ var he = class {
       state: "close",
       popper: this.contentElement,
       trigger: this.triggerElement
-    }), this.triggerStrategy === "click" && document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown), this.triggerStrategy === "hover" && (this.triggerElement.removeEventListener("mouseleave", this.hideOnMouseLeaseTrigger), this.contentElement.removeEventListener("mouseleave", this.hideOnMouseLeave)), ae({
+    }), this.triggerStrategy === "click" && document.removeEventListener("click", this.handleDocumentClick), document.removeEventListener("keydown", this.handleKeyDown), this.triggerStrategy === "hover" && (this.triggerElement.removeEventListener("mouseleave", this.hideOnMouseLeaseTrigger), this.contentElement.removeEventListener("mouseleave", this.hideOnMouseLeave)), he({
       element: this.contentElement,
       callback: () => {
         var r, h;
@@ -344,13 +344,13 @@ var he = class {
     }), this.triggerElement.addEventListener("click", this.toggleStateOnClick), this.triggerStrategy === "hover" && this.triggerElement.addEventListener("mouseenter", this.showOnMouseEnter);
   }
 };
-var A = (n, e = document.body) => e.querySelector(n);
-var pe = (n, e = document.body) => Array.from(e.querySelectorAll(n));
+var z = (n, e = document.body) => e.querySelector(n);
+var de = (n, e = document.body) => Array.from(e.querySelectorAll(n));
 var H = (n, e, t) => {
   const i = new CustomEvent(e, { detail: t });
   n.dispatchEvent(i);
 };
-function ce(n) {
+function me(n) {
   const e = () => {
     document.querySelector(
       "[data-fx-component]:not([data-component-initialized])"
@@ -358,26 +358,40 @@ function ce(n) {
   };
   e();
 }
-function de(n, e, t = "move") {
+var B = "data-fx-teleport-root";
+var P = "data-fx-teleported";
+var fe = {
+  append: () => {
+  },
+  remove: () => {
+  },
+  restore: () => {
+  }
+};
+function ge(n, e, t = "move") {
+  var i;
   if (!(n instanceof HTMLElement))
     throw new Error("Source element must be an HTMLElement");
   if (!(e instanceof HTMLElement))
     throw new Error("Target element must be an HTMLElement");
   if (!["move", "detachable"].includes(t))
     throw new Error(`Invalid teleport mode: ${t}. Must be "move" or "detachable".`);
-  let i = document.createComment("teleporter-placeholder");
-  const o = n.parentNode;
-  return o ? o.insertBefore(i, n) : console.warn("Element has no parent; placeholder not inserted."), t === "move" ? (n.parentNode && e.appendChild(n), {
+  if ((i = n.parentElement) != null && i.closest(`[${B}]`))
+    return fe;
+  n.setAttribute(B, "");
+  let o = document.createComment("teleporter-placeholder");
+  const s = n.parentNode;
+  return s && s.insertBefore(o, n), t === "move" ? (n.parentNode && (e.appendChild(n), n.setAttribute(P, "")), {
     append() {
-      n.parentNode !== e && e.appendChild(n);
+      n.parentNode !== e && (e.appendChild(n), n.setAttribute(P, ""));
     },
     remove() {
-      i != null && i.parentNode && n.parentNode && i.parentNode.insertBefore(n, i);
+      o != null && o.parentNode && n.parentNode && o.parentNode.insertBefore(n, o);
     },
     restore() {
-      i != null && i.parentNode && n.parentNode !== o && i.parentNode.insertBefore(n, i);
+      o != null && o.parentNode && n.parentNode !== s && o.parentNode.insertBefore(n, o);
     }
-  }) : (n.parentNode && e.appendChild(n), {
+  }) : (n.parentNode && (e.appendChild(n), n.setAttribute(P, "")), {
     append() {
       e.contains(n) || e.appendChild(n);
     },
@@ -385,7 +399,7 @@ function de(n, e, t = "move") {
       n.parentNode && n.remove();
     },
     restore() {
-      i != null && i.parentNode && !n.parentNode && i.parentNode.insertBefore(n, i);
+      o != null && o.parentNode && !n.parentNode && o.parentNode.insertBefore(n, o);
     }
   });
 }
@@ -414,11 +428,11 @@ var b = class {
     e.setAttribute("data-component-initialized", "initialized");
   }
 };
-var me = {
+var ue = {
   teleport: true,
   teleportMode: "move"
 };
-var P = class _P {
+var W = class _W {
   /**
    * Creates a new Popover instance.
    * @param {string | HTMLElement} popoverEl - The popover content element or its selector.
@@ -448,7 +462,7 @@ var P = class _P {
     a(this, "experimentalOptions");
     a(this, "teleporter");
     a(this, "moveElOnInit", () => {
-      this.experimentalOptions.teleport && ce(() => {
+      this.experimentalOptions.teleport && me(() => {
         this.experimentalOptions.teleportMode === "detachable" ? this.teleporter.remove() : this.teleporter.append();
       });
     });
@@ -491,12 +505,12 @@ var P = class _P {
     a(this, "cleanup", () => {
       this.PopoverInstance.cleanup(), b.removeInstance("popover", this.contentElement);
     });
-    const i = typeof e == "string" ? A(e) : e;
+    const i = typeof e == "string" ? z(e) : e;
     this.contentElement = i;
     const o = b.getInstance("popover", this.contentElement);
     if (o)
       return o;
-    b.setup(this.contentElement), this.triggerElement = A(`[data-popover-trigger][data-popover-id=${i.getAttribute("id")}]`), this.options = t, this.triggerStrategy = i.dataset.triggerStrategy ?? this.options.triggerStrategy ?? "click", this.placement = i.dataset.placement ?? this.options.placement ?? "bottom-middle", this.offsetDistance = parseInt(`${i.dataset.offsetDistance}`) ?? this.options.offsetDistance ?? 6, this.preventFromCloseOutside = i.hasAttribute("data-prevent-close-outside") ?? this.options.preventFromCloseOutside ?? false, this.preventFromCloseInside = i.hasAttribute("data-close-inside") ? false : this.options.preventCloseFromInside ?? true, this.defaultState = i.dataset.defaultState ?? this.options.defaultState ?? "close", this.experimentalOptions = Object.assign({}, me, t.experimental), this.teleporter = de(this.contentElement, document.body, this.experimentalOptions.teleportMode), this.PopoverInstance = new he({
+    b.setup(this.contentElement), this.triggerElement = z(`[data-popover-trigger][data-popover-id=${i.getAttribute("id")}]`), this.options = t, this.triggerStrategy = i.dataset.triggerStrategy ?? this.options.triggerStrategy ?? "click", this.placement = i.dataset.placement ?? this.options.placement ?? "bottom-middle", this.offsetDistance = parseInt(`${i.dataset.offsetDistance}`) ?? this.options.offsetDistance ?? 6, this.preventFromCloseOutside = i.hasAttribute("data-prevent-close-outside") ?? this.options.preventFromCloseOutside ?? false, this.preventFromCloseInside = i.hasAttribute("data-close-inside") ? false : this.options.preventCloseFromInside ?? true, this.defaultState = i.dataset.defaultState ?? this.options.defaultState ?? "close", this.experimentalOptions = Object.assign({}, ue, t.experimental), this.teleporter = ge(this.contentElement, document.body, this.experimentalOptions.teleportMode), this.PopoverInstance = new ce({
       trigger: this.triggerElement,
       content: this.contentElement,
       options: {
@@ -531,7 +545,7 @@ var P = class _P {
    * });
    */
   static init(e, t) {
-    return new _P(e, t);
+    return new _W(e, t);
   }
   /**
    * Automatically initializes all popover elements matching the specified selector.
@@ -544,16 +558,16 @@ var P = class _P {
    * Popover.autoInit('.custom-popover');
    */
   static autoInit(e = "[data-fx-popover]") {
-    const t = pe(e);
+    const t = de(e);
     for (const i of t)
-      new _P(i);
+      new _W(i);
   }
 };
 
 // src/index.js
 function Popover(Alpine) {
   Alpine.directive("popover", (el, {}, { cleanup }) => {
-    const popover_ = new P(el);
+    const popover_ = new W(el);
     cleanup(() => {
       popover_.cleanup();
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flexilla/alpine-popover",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "AlpineJS plugin for adding Popover functionality to your AlpineJS components",
   "type": "module",
   "private": false,
@@ -60,7 +60,7 @@
     "Flexilla"
   ],
   "dependencies": {
-    "@flexilla/popover": "^1.0.3"
+    "@flexilla/popover": "^1.0.4"
   },
-  "gitHead": "9ac916234e8bb129724224819f3b59420b34081f"
+  "gitHead": "ae2c044692676906202ec6d8bb7a61a553c3bf74"
 }