npm - @flexilla/alpine-dropdown - Versions diffs - 0.0.2 → 0.1.0 - Mend

@flexilla/alpine-dropdown 0.0.2 → 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/README.md CHANGED Viewed

@@ -1,9 +1,21 @@
-<h1 align="center">Alpine Offcanvas</h1>
+<h1 align="center">Alpine Dropdown</h1>
 <p align="center">
-  Simple Interactif Offcanvas Directive for <a href="https://alpinejs.dev">Alpine.js</a>
+  Simple Interactive Dropdown Component for <a href="https://alpinejs.dev">Alpine.js</a>
 </p>
+<p align="center">
+  Part of the <a href="https://flexilla-docs.vercel.app">Flexilla</a> library - A collection of UI components for Alpine.js
+</p>
+## Overview
+The Alpine Dropdown component provides a lightweight and flexible dropdown menu implementation for Alpine.js applications. It features:
+- 🎯 Precise positioning
+- 🎨 Customizable styling with Tailwind CSS support
+- ⌨️ Keyboard navigation support
+- 🔄 Smooth transitions and animations
 ## Installation
@@ -12,32 +24,48 @@
 Include the following `<script>` tag in the `<head>` of your document, just before Alpine.
 ```html
+<script src="https://cdn.jsdelivr.net/npm/@flexilla/alpine-dropdown@latest/dist/cdn.min.js" defer></script>
 ```
 ### NPM
 ```shell
-npm install @flexilla/alpine-offcanvas
+npm install @flexilla/alpine-dropdown
 ```
-Add the `x-offcanvas` directive to your project by importing the package **before** starting Alpine.
+Add the `x-dropdown` directive to your project by importing the package **before** starting Alpine.
 ```js
 import Alpine from 'alpinejs';
-import PluginOffcanvas from '@flexilla/alpine-offcanvas';
+import PluginDropdown from '@flexilla/alpine-dropdown';
-Alpine.plugin(PluginOffcanvas);
+Alpine.plugin(PluginDropdown);
 Alpine.start();
 ```
-##  Usage
+## Basic Usage
 ```html
+<button data-dropdown-trigger data-dropdown-id="dropdown-1"
+    class="border border-zinc-800 hover:bg-zinc-950 bg-zinc-900 text-white px-4 py-2 rounded-lg text-sm">
+    Open Dropdown
+</button>
+<div x-dropdown x-data role="list" id="dropdown-1" data-fx-popper
+    class="fixed top-[--fx-popper-placement-y] left-[--fx-popper-placement-x] z-20 w-56 border border-zinc-800 bg-zinc-900/80 text-zinc-50 backdrop-filter backdrop-blur-xl rounded-lg flex flex-col overflow-hidden opacity-0 invisible fx-open:opacity-100 fx-open:visible ease-linear transition-transform translate-y-4 fx-open:translate-y-0">
+    <a href="#" class="focus:outline focus:bg-zinc-900/90 outline-none focus:outline-blue-500 ease-linear flex hover-bg-zinc-800/80 p-2 rounded-md">
+      Item 1
+    </a>
+    <a href="/" class="focus:outline focus:bg-zinc-900/90 outline-none focus:outline-blue-500 ease-linear flex hover-bg-zinc-800/80 p-2 rounded-md">Item 2</a>
+    <a href="#" class="focus:outline focus:bg-zinc-900/90 outline-none focus:outline-blue-500 ease-linear flex hover-bg-zinc-800/80 p-2 rounded-md">Item 3</a>
+    <a href="#" class="focus:outline focus:bg-zinc-900/90 outline-none focus:outline-blue-500 ease-linear flex hover-bg-zinc-800/80 p-2 rounded-md">Item 4</a>
+</div>
 ```
+## Documentation
+For detailed documentation, customization options, and advanced usage examples, visit the [Flexilla Dropdown documentation](https://flexilla-docs.vercel.app/docs/components/dropdown).
 ## License
 Copyright (c) 2025 Johnkat MJ and contributors.

package/dist/cdn.js CHANGED Viewed

@@ -5,9 +5,9 @@
   var a = (s, e, t) => q(s, typeof e != "symbol" ? e + "" : e, t);
   var B = Object.defineProperty;
   var N = (s, e, t) => e in s ? B(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
-  var l = (s, e, t) => N(s, typeof e != "symbol" ? e + "" : e, t);
-  var J = "bottom";
-  var Q = ({ reference: s, popper: e }) => {
+  var d = (s, e, t) => N(s, typeof e != "symbol" ? e + "" : e, t);
+  var V = "bottom";
+  var X = ({ reference: s, popper: e }) => {
     if (!s || !e)
       throw new Error("Reference or popper element is null or undefined");
     const t = /* @__PURE__ */ new WeakMap(), n = (r) => (t.has(r) || t.set(r, r.getBoundingClientRect()), t.get(r)), o = n(e), i = n(s);
@@ -21,24 +21,21 @@
       refRight: i.right
     };
   };
-  var V = Object.defineProperty;
-  var X = (s, e, t) => e in s ? V(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
-  var p = (s, e, t) => X(s, typeof e != "symbol" ? e + "" : e, t);
   var Y = (s, e, t, n) => {
     const o = t, i = n - (t + e);
     return o >= (s - e) / 2 && i >= (s - e) / 2;
   };
-  var Z = (s, e, t, n) => (s - e) / 2 <= t && t + s / 2 + e / 2 <= n;
-  var _ = (s, e, t, n, o) => t > o - n ? e() ? window.innerHeight - o : t - o : s() ? 0 : t + n;
-  var ee = (s, e, t, n) => s <= n && t - s <= e;
-  var te = (s, e, t, n) => t <= n && -s <= e;
-  var ne = (s, e, t, n, o, i) => {
-    const r = o - t - i, h = t - n, g = t + i - n + (o - t - i), d = r >= 0 ? o - n : h >= 0 ? t - n : t;
-    return s() ? 0 : e() ? g : d;
+  var J = (s, e, t, n) => (s - e) / 2 <= t && t + s / 2 + e / 2 <= n;
+  var Q = (s, e, t, n, o) => t > o - n ? e() ? window.innerHeight - o : t - o : s() ? 0 : t + n;
+  var Z = (s, e, t, n) => s <= n && t - s <= e;
+  var _ = (s, e, t, n) => t <= n && -s <= e;
+  var ee = (s, e, t, n, o, i) => {
+    const r = o - t - i, h = t - n, g = t + i - n + (o - t - i), p = r >= 0 ? o - n : h >= 0 ? t - n : t;
+    return s() ? 0 : e() ? g : p;
   };
-  var se = (s, e, t, n) => s <= t && e - s - n >= s;
-  var ie = (s, e) => s >= e;
-  var oe = ({
+  var te = (s, e, t, n) => s <= t && e - s - n >= s;
+  var ne = (s, e) => s >= e;
+  var se = ({
     placement: s,
     refWidth: e,
     refTop: t,
@@ -48,25 +45,25 @@
     popperHeight: r,
     windowHeight: h,
     windowWidth: g,
-    offsetDistance: d
+    offsetDistance: p
   }) => {
-    const c = g - n - e, f = n, v = h - t - o, m = t, w = () => _(
-      () => te(t, o, r, h),
-      () => ee(t, o, r, h),
+    const c = g - n - e, f = n, v = h - t - o, m = t, w = () => Q(
+      () => _(t, o, r, h),
+      () => Z(t, o, r, h),
       t,
       o,
       r
-    ), y = () => ne(
-      () => se(n, g, i, e),
-      () => ie(n, i),
+    ), y = () => ee(
+      () => te(n, g, i, e),
+      () => ne(n, i),
       n,
       i,
       g,
       e
-    ), H = () => Y(i, e, n, g) ? n + e / 2 - i / 2 : y(), T = () => Z(r, o, t, h) ? t + o / 2 - r / 2 : w(), C = () => n + i <= g ? n : y(), O = () => n + e - i >= 0 ? n + e - i : y(), L = () => t + r <= h ? t : w(), G = () => t + o - r >= 0 ? t + o - r : w();
+    ), H = () => Y(i, e, n, g) ? n + e / 2 - i / 2 : y(), T = () => J(r, o, t, h) ? t + o / 2 - r / 2 : w(), C = () => n + i <= g ? n : y(), O = () => n + e - i >= 0 ? n + e - i : y(), L = () => t + r <= h ? t : w(), G = () => t + o - r >= 0 ? t + o - r : w();
     let u = 0, E = 0;
-    const M = t - r - d, k = t + o + d, D = n - i - d, I = n + e + d, P = m >= r + d, F = v >= r + d, R = f >= i + d, $ = c >= i + d;
-    switch (s.startsWith("top") ? E = P ? M : F ? k : Math.max(M, k) : s.startsWith("bottom") ? E = F ? k : P ? M : Math.max(k) : s.startsWith("left") ? u = R ? D : $ ? I : Math.max(D, I) : s.startsWith("right") && (u = $ ? I : R ? D : Math.max(I, D)), s) {
+    const M = t - r - p, k = t + o + p, D = n - i - p, I = n + e + p, W = m >= r + p, F = v >= r + p, R = f >= i + p, $ = c >= i + p;
+    switch (s.startsWith("top") ? E = W ? M : F ? k : Math.max(M, k) : s.startsWith("bottom") ? E = F ? k : W ? M : Math.max(k) : s.startsWith("left") ? u = R ? D : $ ? I : Math.max(D, I) : s.startsWith("right") && (u = $ ? I : R ? D : Math.max(I, D)), s) {
       case "bottom":
       case "bottom-middle":
       case "top":
@@ -98,7 +95,7 @@
     }
     return { x: u, y: E };
   };
-  var re = class {
+  var ie = class {
     /**
      * Flexilla Popper
      * @param reference
@@ -118,21 +115,21 @@
      * @param {Function} [options.onUpdate] - Callback function when position updates
      */
     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", () => {
+      d(this, "reference"), d(this, "popper"), d(this, "offsetDistance"), d(this, "placement"), d(this, "disableOnResize"), d(this, "disableOnScroll"), d(this, "onUpdate"), d(this, "isWindowEventsRegistered"), d(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", (c, f) => {
+      }), d(this, "setPopperStyleProperty", (c, f) => {
         this.popper.style.setProperty("--fx-popper-placement-x", `${c}px`), this.popper.style.setProperty("--fx-popper-placement-y", `${f}px`);
-      }), p(this, "setInitialStyles", () => {
+      }), d(this, "setInitialStyles", () => {
         this.popper.style.setProperty("--fx-popper-placement-x", ""), this.popper.style.setProperty("--fx-popper-placement-y", "");
-      }), p(this, "initPlacement", () => {
+      }), d(this, "initPlacement", () => {
         var c;
         this.validateElements(), this.setInitialStyles();
-        const f = window.innerWidth, v = window.innerHeight, { popperHeight: m, popperWidth: w, refHeight: y, refWidth: H, refLeft: T, refTop: C } = Q({ reference: this.reference, popper: this.popper }), { x: O, y: L } = oe(
+        const f = window.innerWidth, v = window.innerHeight, { popperHeight: m, popperWidth: w, refHeight: y, refWidth: H, refLeft: T, refTop: C } = X({ reference: this.reference, popper: this.popper }), { x: O, y: L } = se(
           {
             placement: this.placement,
             refWidth: H,
@@ -147,20 +144,20 @@
           }
         );
         this.setPopperStyleProperty(O, L), (c = this.onUpdate) == null || c.call(this, { x: O, y: L, placement: this.placement });
-      }), p(this, "removeWindowEvents", () => {
+      }), d(this, "removeWindowEvents", () => {
         this.isWindowEventsRegistered && (!this.disableOnResize && window.removeEventListener("resize", this.updatePosition), !this.disableOnScroll && window.removeEventListener("scroll", this.updatePosition), this.isWindowEventsRegistered = false);
-      }), p(this, "attachWindowEvent", () => {
+      }), d(this, "attachWindowEvent", () => {
         this.isWindowEventsRegistered && this.removeWindowEvents(), this.disableOnResize || window.addEventListener("resize", this.updatePosition), this.disableOnScroll || window.addEventListener("scroll", this.updatePosition), this.isWindowEventsRegistered = true;
-      }), p(this, "resetPosition", () => {
+      }), d(this, "resetPosition", () => {
         this.setInitialStyles();
-      }), p(this, "updatePosition", () => {
+      }), d(this, "updatePosition", () => {
         this.initPlacement(), this.attachWindowEvent();
-      }), p(this, "cleanupEvents", () => {
+      }), d(this, "cleanupEvents", () => {
         this.setInitialStyles(), this.removeWindowEvents();
       });
       const {
         offsetDistance: o = 10,
-        placement: i = J,
+        placement: i = V,
         eventEffect: r = {},
         onUpdate: h
       } = n;
@@ -170,8 +167,8 @@
         throw new Error("Invalid HTMLElement for Popper");
       if (n.offsetDistance && typeof n.offsetDistance != "number")
         throw new Error("OffsetDistance must be a number");
-      const { disableOnResize: g, disableOnScroll: d } = r;
-      this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = i, this.disableOnResize = g || false, this.disableOnScroll = d || false, this.onUpdate = h;
+      const { disableOnResize: g, disableOnScroll: p } = r;
+      this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = i, this.disableOnResize = g || false, this.disableOnScroll = p || false, this.onUpdate = h;
     }
     /**
      * Updates popper configuration and recalculates position
@@ -184,6 +181,9 @@
       this.placement = e, this.offsetDistance = t || this.offsetDistance, this.initPlacement(), this.attachWindowEvent();
     }
   };
+  var oe = Object.defineProperty;
+  var re = (s, e, t) => e in s ? oe(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
+  var l = (s, e, t) => re(s, typeof e != "symbol" ? e + "" : e, t);
   var ae = (s, e = document.body) => e.querySelector(s);
   var A = (s, e) => {
     for (const [t, n] of Object.entries(e))
@@ -251,7 +251,7 @@
       }), l(this, "showOnMouseEnter", () => {
         this.show(), this.addEventOnMouseEnter();
       }), l(this, "setShowOptions", ({ placement: i, offsetDistance: r }) => {
-        var h, g, d, c;
+        var h, g, p, c;
         this.popper.setOptions({
           placement: i,
           offsetDistance: r
@@ -259,7 +259,7 @@
           state: "open",
           popper: this.contentElement,
           trigger: this.triggerElement
-        }), this.onToggleState(false), (c = (d = this.options).onShow) == null || c.call(d);
+        }), this.onToggleState(false), (c = (p = this.options).onShow) == null || c.call(p);
       }), l(this, "setPopperOptions", ({ placement: i, offsetDistance: r }) => {
         this.popper.setOptions({
           placement: i,
@@ -278,7 +278,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 = n, 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 re(
+      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 || 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 ie(
         this.triggerElement,
         this.contentElement,
         {
@@ -334,16 +334,16 @@
       }), this.triggerElement.addEventListener("click", this.toggleStateOnClick), this.triggerStrategy === "hover" && this.triggerElement.addEventListener("mouseenter", this.showOnMouseEnter);
     }
   };
-  var W = (s, e = document.body) => e.querySelector(s);
+  var P = (s, e = document.body) => e.querySelector(s);
   var U = (s, e = document.body) => Array.from(e.querySelectorAll(s));
-  var de = (s) => typeof s == "string" ? W(s) : s;
-  var pe = ({ containerElement: s, targetChildren: e = "a:not([disabled]), button:not([disabled])", direction: t }) => {
+  var pe = (s) => typeof s == "string" ? P(s) : s;
+  var de = ({ containerElement: s, targetChildren: e = "a:not([disabled]), button:not([disabled])", direction: t }) => {
     let n = false;
-    const o = de(s) || document.body, i = typeof e == "string" ? U(e, o) : e, r = (h) => {
+    const o = pe(s) || document.body, i = typeof e == "string" ? U(e, o) : e, r = (h) => {
       if (h.preventDefault(), o.focus(), i.length === 0)
         return;
-      const g = h.key, d = document.activeElement;
-      let c = i.findIndex((m) => m === d);
+      const g = h.key, p = document.activeElement;
+      let c = i.findIndex((m) => m === p);
       if (c === -1) {
         g === "ArrowUp" || g === "ArrowLeft" ? i[i.length - 1].focus() : i[0].focus();
         return;
@@ -369,7 +369,7 @@
         default:
           return;
       }
-      i[c] !== d && i[c].focus();
+      i[c] !== p && i[c].focus();
     };
     return {
       make: () => {
@@ -380,7 +380,7 @@
       }
     };
   };
-  var K = (s, e, t) => {
+  var z = (s, e, t) => {
     const n = new CustomEvent(e, { detail: t });
     s.dispatchEvent(n);
   };
@@ -434,13 +434,13 @@
       });
       a(this, "onShow", () => {
         var e2, t2;
-        K(this.contentElement, "dropdown-show", {
+        z(this.contentElement, "dropdown-show", {
           isHidden: false
         }), (t2 = (e2 = this.options).onShow) == null || t2.call(e2);
       });
       a(this, "onHide", () => {
         var e2, t2;
-        K(this.contentElement, "dropdown-hide", {
+        z(this.contentElement, "dropdown-hide", {
           isHidden: true
         }), (t2 = (e2 = this.options).onHide) == null || t2.call(e2);
       });
@@ -462,7 +462,7 @@
       a(this, "cleanup", () => {
         this.OverlayInstance.cleanup(), x.removeInstance("dropdown", this.contentElement);
       });
-      const n = typeof e == "string" ? W(e) : e;
+      const n = typeof e == "string" ? P(e) : e;
       if (!(n instanceof HTMLElement))
         throw new Error(
           "Invalid dropdown content element: Must provide either a valid HTMLElement or a selector string that resolves to an existing HTMLElement"
@@ -474,7 +474,7 @@
       if (o)
         return o;
       const i = `[data-dropdown-trigger][data-dropdown-id=${this.contentElement.id}]`;
-      if (this.triggerElement = W(i), !(this.triggerElement instanceof HTMLElement))
+      if (this.triggerElement = P(i), !(this.triggerElement instanceof HTMLElement))
         throw new Error(`No valid trigger element found. Ensure a trigger element exists with attributes: data-dropdown-trigger and data-dropdown-id="${this.contentElement.id}"`);
       this.options = t, this.triggerStrategy = this.options.triggerStrategy || this.contentElement.dataset.triggerStrategy || "click", this.placement = this.options.placement || this.contentElement.dataset.placement || "bottom-start", this.offsetDistance = this.options.offsetDistance || parseInt(`${this.contentElement.dataset.offsetDistance}`) | 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || this.contentElement.hasAttribute("data-prevent-close-outside") || false, this.preventFromCloseInside = this.options.preventCloseFromInside || this.contentElement.hasAttribute("data-prevent-close-inside") || false, this.defaultState = this.options.defaultState || this.contentElement.dataset.defaultState || "close", this.OverlayInstance = new ce({
         trigger: this.triggerElement,
@@ -495,7 +495,7 @@
           },
           popper: this.options.popper
         }
-      }), this.navigationKeys = pe({
+      }), this.navigationKeys = de({
         containerElement: this.contentElement,
         targetChildren: "a:not([disabled]), button:not([disabled])",
         direction: "up-down"
@@ -516,12 +516,12 @@
     for (const n of t)
       new S(n);
   });
-  var z = S;
+  var K = S;
   // src/index.js
   function Dropdown(Alpine) {
     Alpine.directive("dropdown", (el, {}, { cleanup }) => {
-      const dropdown_ = new z(el);
+      const dropdown_ = new K(el);
       cleanup(() => {
         dropdown_.cleanup();
       });

package/dist/cdn.min.js CHANGED Viewed

	@@ -1 +1 @@
1	- (()=>{var J=Object.defineProperty,Q=(n,e,t)=>e in n?J(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,h=(n,e,t)=>Q(n,typeof e!="symbol"?e+"":e,t),V=Object.defineProperty,X=(n,e,t)=>e in n?V(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,l=(n,e,t)=>X(n,typeof e!="symbol"?e+"":e,t),Y="bottom",Z=({reference:n,popper:e})=>{if(!n\|\|!e)throw new Error("Reference or popper element is null or undefined");let t=new WeakMap,i=o=>(t.has(o)\|\|t.set(o,o.getBoundingClientRect()),t.get(o)),r=i(e),s=i(n);return{popperHeight:r.height,popperWidth:r.width,refHeight:s.height,refWidth:s.width,refLeft:s.left,refTop:s.top,refRight:s.right}},_=Object.defineProperty,ee=(n,e,t)=>e in n?_(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,m=(n,e,t)=>ee(n,typeof e!="symbol"?e+"":e,t),te=(n,e,t,i)=>{let r=t,s=i-(t+e);return r>=(n-e)/2&&s>=(n-e)/2},ne=(n,e,t,i)=>(n-e)/2<=t&&t+n/2+e/2<=i,ie=(n,e,t,i,r)=>t>r-i?e()?window.innerHeight-r:t-r:n()?0:t+i,se=(n,e,t,i)=>n<=i&&t-n<=e,oe=(n,e,t,i)=>t<=i&&-n<=e,re=(n,e,t,i,r,s)=>{let o=r-t-s,a=t-i,c=t+s-i+(r-t-s),d=o>=0?r-i:a>=0?t-i:t;return n()?0:e()?c:d},ae=(n,e,t,i)=>n<=t&&e-n-i>=n,le=(n,e)=>n>=e,he=({placement:n,refWidth:e,refTop:t,refLeft:i,refHeight:r,popperWidth:s,popperHeight:o,windowHeight:a,windowWidth:c,offsetDistance:d})=>{let p=c-i-e,f=i,E=a-t-r,g=t,w=()=>ie(()=>oe(t,r,o,a),()=>se(t,r,o,a),t,r,o),y=()=>re(()=>ae(i,c,s,e),()=>le(i,s),i,s,c,e),I=()=>te(s,e,i,c)?i+e/2-s/2:y(),T=()=>ne(o,r,t,a)?t+r/2-o/2:w(),C=()=>i+s<=c?i:y(),O=()=>i+e-s>=0?i+e-s:y(),D=()=>t+o<=a?t:w(),N=()=>t+r-o>=0?t+r-o:w(),v=0,u=0,M=t-o-d,L=t+r+d,k=i-s-d,H=i+e+d,R=g>=o+d,$=E>=o+d,A=f>=s+d,K=p>=s+d;switch(n.startsWith("top")?u=R?M:$?L:Math.max(M,L):n.startsWith("bottom")?u=$?L:R?M:Math.max(L):n.startsWith("left")?v=A?k:K?H:Math.max(k,H):n.startsWith("right")&&(v=K?H:A?k:Math.max(H,k)),n){case"bottom":case"bottom-middle":case"top":case"top-middle":v=I();break;case"left":case"left-middle":case"right":case"right-middle":u=T();break;case"bottom-start":case"top-start":v=C();break;case"bottom-end":case"top-end":v=O();break;case"left-start":case"right-start":u=D();break;case"left-end":case"right-end":u=N();break}return{x:v,y:u}},x=class{constructor(e,t,i={}){m(this,"reference"),m(this,"popper"),m(this,"offsetDistance"),m(this,"placement"),m(this,"disableOnResize"),m(this,"disableOnScroll"),m(this,"onUpdate"),m(this,"isWindowEventsRegistered"),m(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")}),m(this,"setPopperStyleProperty",(p,f)=>{this.popper.style.setProperty("--fx-popper-placement-x",`${p}px`),this.popper.style.setProperty("--fx-popper-placement-y",`${f}px`)}),m(this,"setInitialStyles",()=>{this.popper.style.setProperty("--fx-popper-placement-x",""),this.popper.style.setProperty("--fx-popper-placement-y","")}),m(this,"initPlacement",()=>{var p;this.validateElements(),this.setInitialStyles();let f=window.innerWidth,E=window.innerHeight,{popperHeight:g,popperWidth:w,refHeight:y,refWidth:I,refLeft:T,refTop:C}=Z({reference:this.reference,popper:this.popper}),{x:O,y:D}=he({placement:this.placement,refWidth:I,refTop:C,refLeft:T,popperWidth:w,refHeight:y,popperHeight:g,windowHeight:E,windowWidth:f,offsetDistance:this.offsetDistance});this.setPopperStyleProperty(O,D),(p=this.onUpdate)==null\|\|p.call(this,{x:O,y:D,placement:this.placement})}),m(this,"removeWindowEvents",()=>{this.isWindowEventsRegistered&&(!this.disableOnResize&&window.removeEventListener("resize",this.updatePosition),!this.disableOnScroll&&window.removeEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!1)}),m(this,"attachWindowEvent",()=>{this.isWindowEventsRegistered&&this.removeWindowEvents(),this.disableOnResize\|\|window.addEventListener("resize",this.updatePosition),this.disableOnScroll\|\|window.addEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!0}),m(this,"resetPosition",()=>{this.setInitialStyles()}),m(this,"updatePosition",()=>{this.initPlacement(),this.attachWindowEvent()}),m(this,"cleanupEvents",()=>{this.setInitialStyles(),this.removeWindowEvents()});let{offsetDistance:r=10,placement:s=Y,eventEffect:o={},onUpdate:a}=i;if(!(e instanceof HTMLElement))throw new Error("Invalid HTMLElement for Reference Element");if(!(t instanceof HTMLElement))throw new Error("Invalid HTMLElement for Popper");if(i.offsetDistance&&typeof i.offsetDistance!="number")throw new Error("OffsetDistance must be a number");let{disableOnResize:c,disableOnScroll:d}=o;this.isWindowEventsRegistered=!1,this.reference=e,this.popper=t,this.offsetDistance=r,this.placement=s,this.disableOnResize=c\|\|!1,this.disableOnScroll=d\|\|!1,this.onUpdate=a}setOptions({placement:e,offsetDistance:t}){this.placement=e,this.offsetDistance=t\|\|this.offsetDistance,this.initPlacement(),this.attachWindowEvent()}},ce=(n,e=document.body)=>e.querySelector(n),z=(n,e)=>{for(let[t,i]of Object.entries(e))n.setAttribute(t,i)},pe=({element:n,callback:e,type:t,keysCheck:i})=>{let r=getComputedStyle(n),s=r.transition;if(s!=="none"&&s!==""&&!i.includes(s)){let o="transitionend",a=()=>{n.removeEventListener(o,a),e()};n.addEventListener(o,a,{once:!0})}else e()},de=({element:n,callback:e})=>{pe({element:n,callback:e,type:"transition",keysCheck:["all 0s ease 0s","all"]})},b=({state:n,trigger:e,popper:t})=>{let i=n==="open";z(t,{"data-state":n}),z(e,{"aria-expanded":`${i}`})},P=class{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"?ce(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 a,c,d,p;this.popper.setOptions({placement:s,offsetDistance:o}),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleDocumentClick),(c=(a=this.options).beforeShow)==null\|\|c.call(a),b({state:"open",popper:this.contentElement,trigger:this.triggerElement}),this.onToggleState(!1),(p=(d=this.options).onShow)==null\|\|p.call(d)}),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=i,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 x(this.triggerElement,this.contentElement,{placement:this.placement,offsetDistance:this.offsetDistance,eventEffect:this.eventEffect}),this.initInstance()}onToggleState(e){var t,i;(i=(t=this.options).onToggle)==null\|\|i.call(t,{isHidden:e})}show(){var e,t,i,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=(i=this.options).onShow)==null\|\|r.call(i)}hide(){var e,t;(t=(e=this.options).beforeHide)==null\|\|t.call(e),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)),de({element:this.contentElement,callback:()=>{var i,r;this.onToggleState(!0),this.popper.cleanupEvents(),(r=(i=this.options).onHide)==null\|\|r.call(i)}})}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)}},W=(n,e=document.body)=>e.querySelector(n),j=(n,e=document.body)=>Array.from(e.querySelectorAll(n)),me=n=>typeof n=="string"?W(n):n,ge=({containerElement:n,targetChildren:e="a:not([disabled]), button:not([disabled])",direction:t})=>{let i=!1,r=me(n)\|\|document.body,s=typeof e=="string"?j(e,r):e,o=a=>{if(a.preventDefault(),r.focus(),s.length===0)return;let c=a.key,d=document.activeElement,p=s.findIndex(g=>g===d);if(p===-1){c==="ArrowUp"\|\|c==="ArrowLeft"?s[s.length-1].focus():s[0].focus();return}let f=g=>g>0?g-1:s.length-1,E=g=>g<s.length-1?g+1:0;switch(c){case"ArrowDown":a.preventDefault(),p=E(p);break;case"ArrowRight":break;case"ArrowUp":a.preventDefault(),p=f(p);break;case"ArrowLeft":break;case"Home":a.preventDefault(),p=0;break;case"End":a.preventDefault(),p=s.length-1;break;default:return}s[p]!==d&&s[p].focus()};return{make:()=>{i\|\|(document.addEventListener("keydown",o),i=!0)},destroy:()=>{i&&(document.removeEventListener("keydown",o),i=!1)}}},U=(n,e,t)=>{let i=new CustomEvent(e,{detail:t});n.dispatchEvent(i)},S=class{static initGlobalRegistry(){window.$flexillaInstances\|\|(window.$flexillaInstances={})}static register(e,t,i){return this.initGlobalRegistry(),window.$flexillaInstances[e]\|\|(window.$flexillaInstances[e]=[]),this.getInstance(e,t)\|\|(window.$flexillaInstances[e].push({element:t,instance:i}),i)}static getInstance(e,t){var i,r;return this.initGlobalRegistry(),(r=(i=window.$flexillaInstances[e])==null?void 0:i.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(i=>i.element!==t))}},F=class G{constructor(e,t={}){h(this,"triggerElement"),h(this,"contentElement"),h(this,"options"),h(this,"OverlayInstance"),h(this,"navigationKeys"),h(this,"triggerStrategy"),h(this,"placement"),h(this,"offsetDistance"),h(this,"preventFromCloseOutside"),h(this,"preventFromCloseInside"),h(this,"defaultState"),h(this,"onToggle",({isHidden:o})=>{var a,c;(c=(a=this.options).onToggle)==null\|\|c.call(a,{isHidden:o})}),h(this,"beforeShow",()=>{this.contentElement.focus(),this.navigationKeys.make()}),h(this,"beforeHide",()=>{this.contentElement.blur(),this.navigationKeys.destroy()}),h(this,"onShow",()=>{var o,a;U(this.contentElement,"dropdown-show",{isHidden:!1}),(a=(o=this.options).onShow)==null\|\|a.call(o)}),h(this,"onHide",()=>{var o,a;U(this.contentElement,"dropdown-hide",{isHidden:!0}),(a=(o=this.options).onHide)==null\|\|a.call(o)}),h(this,"show",()=>{this.OverlayInstance.show()}),h(this,"hide",()=>{this.OverlayInstance.hide()}),h(this,"setShowOptions",({placement:o,offsetDistance:a})=>{this.OverlayInstance.setShowOptions({placement:o,offsetDistance:a})}),h(this,"setOptions",({placement:o,offsetDistance:a})=>{this.OverlayInstance.setPopperOptions({placement:o,offsetDistance:a})}),h(this,"setPopperTrigger",(o,a)=>{this.OverlayInstance.setPopperTrigger(o,a)}),h(this,"cleanup",()=>{this.OverlayInstance.cleanup(),S.removeInstance("dropdown",this.contentElement)});let i=typeof e=="string"?W(e):e;if(!(i instanceof HTMLElement))throw new Error("Invalid dropdown content element: Must provide either a valid HTMLElement or a selector string that resolves to an existing HTMLElement");if(!i.id)throw new Error("Dropdown content element must have an 'id' attribute for trigger association");this.contentElement=i;let r=S.getInstance("dropdown",this.contentElement);if(r)return r;let s=`[data-dropdown-trigger][data-dropdown-id=${this.contentElement.id}]`;if(this.triggerElement=W(s),!(this.triggerElement instanceof HTMLElement))throw new Error(`No valid trigger element found. Ensure a trigger element exists with attributes: data-dropdown-trigger and data-dropdown-id="${this.contentElement.id}"`);this.options=t,this.triggerStrategy=this.options.triggerStrategy\|\|this.contentElement.dataset.triggerStrategy\|\|"click",this.placement=this.options.placement\|\|this.contentElement.dataset.placement\|\|"bottom-start",this.offsetDistance=this.options.offsetDistance\|\|parseInt(`${this.contentElement.dataset.offsetDistance}`)\|6,this.preventFromCloseOutside=this.options.preventFromCloseOutside\|\|this.contentElement.hasAttribute("data-prevent-close-outside")\|\|!1,this.preventFromCloseInside=this.options.preventCloseFromInside\|\|this.contentElement.hasAttribute("data-prevent-close-inside")\|\|!1,this.defaultState=this.options.defaultState\|\|this.contentElement.dataset.defaultState\|\|"close",this.OverlayInstance=new P({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,beforeHide:this.beforeHide,onShow:this.onShow,onHide:this.onHide,onToggle:({isHidden:o})=>{this.onToggle({isHidden:o})},popper:this.options.popper}}),this.navigationKeys=ge({containerElement:this.contentElement,targetChildren:"a:not([disabled]), button:not([disabled])",direction:"up-down"}),S.register("dropdown",this.contentElement,this)}static init(e,t={}){new G(e,t)}};h(F,"autoInit",(n="[data-fx-dropdown]")=>{let e=j(n);for(let t of e)new F(t)});var q=F;function fe(n){n.directive("dropdown",(e,{},{cleanup:t})=>{let i=new q(e);t(()=>{i.cleanup()})})}var B=fe;document.addEventListener("alpine:init",()=>{B(window.Alpine)});})();
1	+ (()=>{var J=Object.defineProperty,Q=(n,e,t)=>e in n?J(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,h=(n,e,t)=>Q(n,typeof e!="symbol"?e+"":e,t),V=Object.defineProperty,X=(n,e,t)=>e in n?V(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,m=(n,e,t)=>X(n,typeof e!="symbol"?e+"":e,t),Y="bottom",Z=({reference:n,popper:e})=>{if(!n\|\|!e)throw new Error("Reference or popper element is null or undefined");let t=new WeakMap,i=o=>(t.has(o)\|\|t.set(o,o.getBoundingClientRect()),t.get(o)),r=i(e),s=i(n);return{popperHeight:r.height,popperWidth:r.width,refHeight:s.height,refWidth:s.width,refLeft:s.left,refTop:s.top,refRight:s.right}},_=(n,e,t,i)=>{let r=t,s=i-(t+e);return r>=(n-e)/2&&s>=(n-e)/2},ee=(n,e,t,i)=>(n-e)/2<=t&&t+n/2+e/2<=i,te=(n,e,t,i,r)=>t>r-i?e()?window.innerHeight-r:t-r:n()?0:t+i,ne=(n,e,t,i)=>n<=i&&t-n<=e,ie=(n,e,t,i)=>t<=i&&-n<=e,se=(n,e,t,i,r,s)=>{let o=r-t-s,a=t-i,c=t+s-i+(r-t-s),p=o>=0?r-i:a>=0?t-i:t;return n()?0:e()?c:p},oe=(n,e,t,i)=>n<=t&&e-n-i>=n,re=(n,e)=>n>=e,ae=({placement:n,refWidth:e,refTop:t,refLeft:i,refHeight:r,popperWidth:s,popperHeight:o,windowHeight:a,windowWidth:c,offsetDistance:p})=>{let d=c-i-e,f=i,E=a-t-r,g=t,w=()=>te(()=>ie(t,r,o,a),()=>ne(t,r,o,a),t,r,o),y=()=>se(()=>oe(i,c,s,e),()=>re(i,s),i,s,c,e),I=()=>_(s,e,i,c)?i+e/2-s/2:y(),T=()=>ee(o,r,t,a)?t+r/2-o/2:w(),C=()=>i+s<=c?i:y(),O=()=>i+e-s>=0?i+e-s:y(),D=()=>t+o<=a?t:w(),N=()=>t+r-o>=0?t+r-o:w(),v=0,u=0,M=t-o-p,L=t+r+p,k=i-s-p,H=i+e+p,R=g>=o+p,$=E>=o+p,A=f>=s+p,K=d>=s+p;switch(n.startsWith("top")?u=R?M:$?L:Math.max(M,L):n.startsWith("bottom")?u=$?L:R?M:Math.max(L):n.startsWith("left")?v=A?k:K?H:Math.max(k,H):n.startsWith("right")&&(v=K?H:A?k:Math.max(H,k)),n){case"bottom":case"bottom-middle":case"top":case"top-middle":v=I();break;case"left":case"left-middle":case"right":case"right-middle":u=T();break;case"bottom-start":case"top-start":v=C();break;case"bottom-end":case"top-end":v=O();break;case"left-start":case"right-start":u=D();break;case"left-end":case"right-end":u=N();break}return{x:v,y:u}},x=class{constructor(e,t,i={}){m(this,"reference"),m(this,"popper"),m(this,"offsetDistance"),m(this,"placement"),m(this,"disableOnResize"),m(this,"disableOnScroll"),m(this,"onUpdate"),m(this,"isWindowEventsRegistered"),m(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")}),m(this,"setPopperStyleProperty",(d,f)=>{this.popper.style.setProperty("--fx-popper-placement-x",`${d}px`),this.popper.style.setProperty("--fx-popper-placement-y",`${f}px`)}),m(this,"setInitialStyles",()=>{this.popper.style.setProperty("--fx-popper-placement-x",""),this.popper.style.setProperty("--fx-popper-placement-y","")}),m(this,"initPlacement",()=>{var d;this.validateElements(),this.setInitialStyles();let f=window.innerWidth,E=window.innerHeight,{popperHeight:g,popperWidth:w,refHeight:y,refWidth:I,refLeft:T,refTop:C}=Z({reference:this.reference,popper:this.popper}),{x:O,y:D}=ae({placement:this.placement,refWidth:I,refTop:C,refLeft:T,popperWidth:w,refHeight:y,popperHeight:g,windowHeight:E,windowWidth:f,offsetDistance:this.offsetDistance});this.setPopperStyleProperty(O,D),(d=this.onUpdate)==null\|\|d.call(this,{x:O,y:D,placement:this.placement})}),m(this,"removeWindowEvents",()=>{this.isWindowEventsRegistered&&(!this.disableOnResize&&window.removeEventListener("resize",this.updatePosition),!this.disableOnScroll&&window.removeEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!1)}),m(this,"attachWindowEvent",()=>{this.isWindowEventsRegistered&&this.removeWindowEvents(),this.disableOnResize\|\|window.addEventListener("resize",this.updatePosition),this.disableOnScroll\|\|window.addEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!0}),m(this,"resetPosition",()=>{this.setInitialStyles()}),m(this,"updatePosition",()=>{this.initPlacement(),this.attachWindowEvent()}),m(this,"cleanupEvents",()=>{this.setInitialStyles(),this.removeWindowEvents()});let{offsetDistance:r=10,placement:s=Y,eventEffect:o={},onUpdate:a}=i;if(!(e instanceof HTMLElement))throw new Error("Invalid HTMLElement for Reference Element");if(!(t instanceof HTMLElement))throw new Error("Invalid HTMLElement for Popper");if(i.offsetDistance&&typeof i.offsetDistance!="number")throw new Error("OffsetDistance must be a number");let{disableOnResize:c,disableOnScroll:p}=o;this.isWindowEventsRegistered=!1,this.reference=e,this.popper=t,this.offsetDistance=r,this.placement=s,this.disableOnResize=c\|\|!1,this.disableOnScroll=p\|\|!1,this.onUpdate=a}setOptions({placement:e,offsetDistance:t}){this.placement=e,this.offsetDistance=t\|\|this.offsetDistance,this.initPlacement(),this.attachWindowEvent()}},le=Object.defineProperty,he=(n,e,t)=>e in n?le(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t,l=(n,e,t)=>he(n,typeof e!="symbol"?e+"":e,t),ce=(n,e=document.body)=>e.querySelector(n),z=(n,e)=>{for(let[t,i]of Object.entries(e))n.setAttribute(t,i)},de=({element:n,callback:e,type:t,keysCheck:i})=>{let r=getComputedStyle(n),s=r.transition;if(s!=="none"&&s!==""&&!i.includes(s)){let o="transitionend",a=()=>{n.removeEventListener(o,a),e()};n.addEventListener(o,a,{once:!0})}else e()},pe=({element:n,callback:e})=>{de({element:n,callback:e,type:"transition",keysCheck:["all 0s ease 0s","all"]})},b=({state:n,trigger:e,popper:t})=>{let i=n==="open";z(t,{"data-state":n}),z(e,{"aria-expanded":`${i}`})},P=class{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"?ce(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 a,c,p,d;this.popper.setOptions({placement:s,offsetDistance:o}),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleDocumentClick),(c=(a=this.options).beforeShow)==null\|\|c.call(a),b({state:"open",popper:this.contentElement,trigger:this.triggerElement}),this.onToggleState(!1),(d=(p=this.options).onShow)==null\|\|d.call(p)}),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=i,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 x(this.triggerElement,this.contentElement,{placement:this.placement,offsetDistance:this.offsetDistance,eventEffect:this.eventEffect}),this.initInstance()}onToggleState(e){var t,i;(i=(t=this.options).onToggle)==null\|\|i.call(t,{isHidden:e})}show(){var e,t,i,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=(i=this.options).onShow)==null\|\|r.call(i)}hide(){var e,t;(t=(e=this.options).beforeHide)==null\|\|t.call(e),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)),pe({element:this.contentElement,callback:()=>{var i,r;this.onToggleState(!0),this.popper.cleanupEvents(),(r=(i=this.options).onHide)==null\|\|r.call(i)}})}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)}},W=(n,e=document.body)=>e.querySelector(n),j=(n,e=document.body)=>Array.from(e.querySelectorAll(n)),me=n=>typeof n=="string"?W(n):n,ge=({containerElement:n,targetChildren:e="a:not([disabled]), button:not([disabled])",direction:t})=>{let i=!1,r=me(n)\|\|document.body,s=typeof e=="string"?j(e,r):e,o=a=>{if(a.preventDefault(),r.focus(),s.length===0)return;let c=a.key,p=document.activeElement,d=s.findIndex(g=>g===p);if(d===-1){c==="ArrowUp"\|\|c==="ArrowLeft"?s[s.length-1].focus():s[0].focus();return}let f=g=>g>0?g-1:s.length-1,E=g=>g<s.length-1?g+1:0;switch(c){case"ArrowDown":a.preventDefault(),d=E(d);break;case"ArrowRight":break;case"ArrowUp":a.preventDefault(),d=f(d);break;case"ArrowLeft":break;case"Home":a.preventDefault(),d=0;break;case"End":a.preventDefault(),d=s.length-1;break;default:return}s[d]!==p&&s[d].focus()};return{make:()=>{i\|\|(document.addEventListener("keydown",o),i=!0)},destroy:()=>{i&&(document.removeEventListener("keydown",o),i=!1)}}},U=(n,e,t)=>{let i=new CustomEvent(e,{detail:t});n.dispatchEvent(i)},S=class{static initGlobalRegistry(){window.$flexillaInstances\|\|(window.$flexillaInstances={})}static register(e,t,i){return this.initGlobalRegistry(),window.$flexillaInstances[e]\|\|(window.$flexillaInstances[e]=[]),this.getInstance(e,t)\|\|(window.$flexillaInstances[e].push({element:t,instance:i}),i)}static getInstance(e,t){var i,r;return this.initGlobalRegistry(),(r=(i=window.$flexillaInstances[e])==null?void 0:i.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(i=>i.element!==t))}},F=class G{constructor(e,t={}){h(this,"triggerElement"),h(this,"contentElement"),h(this,"options"),h(this,"OverlayInstance"),h(this,"navigationKeys"),h(this,"triggerStrategy"),h(this,"placement"),h(this,"offsetDistance"),h(this,"preventFromCloseOutside"),h(this,"preventFromCloseInside"),h(this,"defaultState"),h(this,"onToggle",({isHidden:o})=>{var a,c;(c=(a=this.options).onToggle)==null\|\|c.call(a,{isHidden:o})}),h(this,"beforeShow",()=>{this.contentElement.focus(),this.navigationKeys.make()}),h(this,"beforeHide",()=>{this.contentElement.blur(),this.navigationKeys.destroy()}),h(this,"onShow",()=>{var o,a;U(this.contentElement,"dropdown-show",{isHidden:!1}),(a=(o=this.options).onShow)==null\|\|a.call(o)}),h(this,"onHide",()=>{var o,a;U(this.contentElement,"dropdown-hide",{isHidden:!0}),(a=(o=this.options).onHide)==null\|\|a.call(o)}),h(this,"show",()=>{this.OverlayInstance.show()}),h(this,"hide",()=>{this.OverlayInstance.hide()}),h(this,"setShowOptions",({placement:o,offsetDistance:a})=>{this.OverlayInstance.setShowOptions({placement:o,offsetDistance:a})}),h(this,"setOptions",({placement:o,offsetDistance:a})=>{this.OverlayInstance.setPopperOptions({placement:o,offsetDistance:a})}),h(this,"setPopperTrigger",(o,a)=>{this.OverlayInstance.setPopperTrigger(o,a)}),h(this,"cleanup",()=>{this.OverlayInstance.cleanup(),S.removeInstance("dropdown",this.contentElement)});let i=typeof e=="string"?W(e):e;if(!(i instanceof HTMLElement))throw new Error("Invalid dropdown content element: Must provide either a valid HTMLElement or a selector string that resolves to an existing HTMLElement");if(!i.id)throw new Error("Dropdown content element must have an 'id' attribute for trigger association");this.contentElement=i;let r=S.getInstance("dropdown",this.contentElement);if(r)return r;let s=`[data-dropdown-trigger][data-dropdown-id=${this.contentElement.id}]`;if(this.triggerElement=W(s),!(this.triggerElement instanceof HTMLElement))throw new Error(`No valid trigger element found. Ensure a trigger element exists with attributes: data-dropdown-trigger and data-dropdown-id="${this.contentElement.id}"`);this.options=t,this.triggerStrategy=this.options.triggerStrategy\|\|this.contentElement.dataset.triggerStrategy\|\|"click",this.placement=this.options.placement\|\|this.contentElement.dataset.placement\|\|"bottom-start",this.offsetDistance=this.options.offsetDistance\|\|parseInt(`${this.contentElement.dataset.offsetDistance}`)\|6,this.preventFromCloseOutside=this.options.preventFromCloseOutside\|\|this.contentElement.hasAttribute("data-prevent-close-outside")\|\|!1,this.preventFromCloseInside=this.options.preventCloseFromInside\|\|this.contentElement.hasAttribute("data-prevent-close-inside")\|\|!1,this.defaultState=this.options.defaultState\|\|this.contentElement.dataset.defaultState\|\|"close",this.OverlayInstance=new P({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,beforeHide:this.beforeHide,onShow:this.onShow,onHide:this.onHide,onToggle:({isHidden:o})=>{this.onToggle({isHidden:o})},popper:this.options.popper}}),this.navigationKeys=ge({containerElement:this.contentElement,targetChildren:"a:not([disabled]), button:not([disabled])",direction:"up-down"}),S.register("dropdown",this.contentElement,this)}static init(e,t={}){new G(e,t)}};h(F,"autoInit",(n="[data-fx-dropdown]")=>{let e=j(n);for(let t of e)new F(t)});var q=F;function fe(n){n.directive("dropdown",(e,{},{cleanup:t})=>{let i=new q(e);t(()=>{i.cleanup()})})}var B=fe;document.addEventListener("alpine:init",()=>{B(window.Alpine)});})();

package/dist/module.cjs.js CHANGED Viewed

@@ -29,9 +29,9 @@ var q = (s, e, t) => e in s ? j(s, e, { enumerable: true, configurable: true, wr
 var a = (s, e, t) => q(s, typeof e != "symbol" ? e + "" : e, t);
 var B = Object.defineProperty;
 var N = (s, e, t) => e in s ? B(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
-var l = (s, e, t) => N(s, typeof e != "symbol" ? e + "" : e, t);
-var J = "bottom";
-var Q = ({ reference: s, popper: e }) => {
+var d = (s, e, t) => N(s, typeof e != "symbol" ? e + "" : e, t);
+var V = "bottom";
+var X = ({ reference: s, popper: e }) => {
   if (!s || !e)
     throw new Error("Reference or popper element is null or undefined");
   const t = /* @__PURE__ */ new WeakMap(), n = (r) => (t.has(r) || t.set(r, r.getBoundingClientRect()), t.get(r)), o = n(e), i = n(s);
@@ -45,24 +45,21 @@ var Q = ({ reference: s, popper: e }) => {
     refRight: i.right
   };
 };
-var V = Object.defineProperty;
-var X = (s, e, t) => e in s ? V(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
-var p = (s, e, t) => X(s, typeof e != "symbol" ? e + "" : e, t);
 var Y = (s, e, t, n) => {
   const o = t, i = n - (t + e);
   return o >= (s - e) / 2 && i >= (s - e) / 2;
 };
-var Z = (s, e, t, n) => (s - e) / 2 <= t && t + s / 2 + e / 2 <= n;
-var _ = (s, e, t, n, o) => t > o - n ? e() ? window.innerHeight - o : t - o : s() ? 0 : t + n;
-var ee = (s, e, t, n) => s <= n && t - s <= e;
-var te = (s, e, t, n) => t <= n && -s <= e;
-var ne = (s, e, t, n, o, i) => {
-  const r = o - t - i, h = t - n, g = t + i - n + (o - t - i), d = r >= 0 ? o - n : h >= 0 ? t - n : t;
-  return s() ? 0 : e() ? g : d;
+var J = (s, e, t, n) => (s - e) / 2 <= t && t + s / 2 + e / 2 <= n;
+var Q = (s, e, t, n, o) => t > o - n ? e() ? window.innerHeight - o : t - o : s() ? 0 : t + n;
+var Z = (s, e, t, n) => s <= n && t - s <= e;
+var _ = (s, e, t, n) => t <= n && -s <= e;
+var ee = (s, e, t, n, o, i) => {
+  const r = o - t - i, h = t - n, g = t + i - n + (o - t - i), p = r >= 0 ? o - n : h >= 0 ? t - n : t;
+  return s() ? 0 : e() ? g : p;
 };
-var se = (s, e, t, n) => s <= t && e - s - n >= s;
-var ie = (s, e) => s >= e;
-var oe = ({
+var te = (s, e, t, n) => s <= t && e - s - n >= s;
+var ne = (s, e) => s >= e;
+var se = ({
   placement: s,
   refWidth: e,
   refTop: t,
@@ -72,25 +69,25 @@ var oe = ({
   popperHeight: r,
   windowHeight: h,
   windowWidth: g,
-  offsetDistance: d
+  offsetDistance: p
 }) => {
-  const c = g - n - e, f = n, v = h - t - o, m = t, w = () => _(
-    () => te(t, o, r, h),
-    () => ee(t, o, r, h),
+  const c = g - n - e, f = n, v = h - t - o, m = t, w = () => Q(
+    () => _(t, o, r, h),
+    () => Z(t, o, r, h),
     t,
     o,
     r
-  ), y = () => ne(
-    () => se(n, g, i, e),
-    () => ie(n, i),
+  ), y = () => ee(
+    () => te(n, g, i, e),
+    () => ne(n, i),
     n,
     i,
     g,
     e
-  ), H = () => Y(i, e, n, g) ? n + e / 2 - i / 2 : y(), T = () => Z(r, o, t, h) ? t + o / 2 - r / 2 : w(), C = () => n + i <= g ? n : y(), O = () => n + e - i >= 0 ? n + e - i : y(), L = () => t + r <= h ? t : w(), G = () => t + o - r >= 0 ? t + o - r : w();
+  ), H = () => Y(i, e, n, g) ? n + e / 2 - i / 2 : y(), T = () => J(r, o, t, h) ? t + o / 2 - r / 2 : w(), C = () => n + i <= g ? n : y(), O = () => n + e - i >= 0 ? n + e - i : y(), L = () => t + r <= h ? t : w(), G = () => t + o - r >= 0 ? t + o - r : w();
   let u = 0, E = 0;
-  const M = t - r - d, k = t + o + d, D = n - i - d, I = n + e + d, P = m >= r + d, F = v >= r + d, R = f >= i + d, $ = c >= i + d;
-  switch (s.startsWith("top") ? E = P ? M : F ? k : Math.max(M, k) : s.startsWith("bottom") ? E = F ? k : P ? M : Math.max(k) : s.startsWith("left") ? u = R ? D : $ ? I : Math.max(D, I) : s.startsWith("right") && (u = $ ? I : R ? D : Math.max(I, D)), s) {
+  const M = t - r - p, k = t + o + p, D = n - i - p, I = n + e + p, W = m >= r + p, F = v >= r + p, R = f >= i + p, $ = c >= i + p;
+  switch (s.startsWith("top") ? E = W ? M : F ? k : Math.max(M, k) : s.startsWith("bottom") ? E = F ? k : W ? M : Math.max(k) : s.startsWith("left") ? u = R ? D : $ ? I : Math.max(D, I) : s.startsWith("right") && (u = $ ? I : R ? D : Math.max(I, D)), s) {
     case "bottom":
     case "bottom-middle":
     case "top":
@@ -122,7 +119,7 @@ var oe = ({
   }
   return { x: u, y: E };
 };
-var re = class {
+var ie = class {
   /**
    * Flexilla Popper
    * @param reference
@@ -142,21 +139,21 @@ var re = class {
    * @param {Function} [options.onUpdate] - Callback function when position updates
    */
   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", () => {
+    d(this, "reference"), d(this, "popper"), d(this, "offsetDistance"), d(this, "placement"), d(this, "disableOnResize"), d(this, "disableOnScroll"), d(this, "onUpdate"), d(this, "isWindowEventsRegistered"), d(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", (c, f) => {
+    }), d(this, "setPopperStyleProperty", (c, f) => {
       this.popper.style.setProperty("--fx-popper-placement-x", `${c}px`), this.popper.style.setProperty("--fx-popper-placement-y", `${f}px`);
-    }), p(this, "setInitialStyles", () => {
+    }), d(this, "setInitialStyles", () => {
       this.popper.style.setProperty("--fx-popper-placement-x", ""), this.popper.style.setProperty("--fx-popper-placement-y", "");
-    }), p(this, "initPlacement", () => {
+    }), d(this, "initPlacement", () => {
       var c;
       this.validateElements(), this.setInitialStyles();
-      const f = window.innerWidth, v = window.innerHeight, { popperHeight: m, popperWidth: w, refHeight: y, refWidth: H, refLeft: T, refTop: C } = Q({ reference: this.reference, popper: this.popper }), { x: O, y: L } = oe(
+      const f = window.innerWidth, v = window.innerHeight, { popperHeight: m, popperWidth: w, refHeight: y, refWidth: H, refLeft: T, refTop: C } = X({ reference: this.reference, popper: this.popper }), { x: O, y: L } = se(
         {
           placement: this.placement,
           refWidth: H,
@@ -171,20 +168,20 @@ var re = class {
         }
       );
       this.setPopperStyleProperty(O, L), (c = this.onUpdate) == null || c.call(this, { x: O, y: L, placement: this.placement });
-    }), p(this, "removeWindowEvents", () => {
+    }), d(this, "removeWindowEvents", () => {
       this.isWindowEventsRegistered && (!this.disableOnResize && window.removeEventListener("resize", this.updatePosition), !this.disableOnScroll && window.removeEventListener("scroll", this.updatePosition), this.isWindowEventsRegistered = false);
-    }), p(this, "attachWindowEvent", () => {
+    }), d(this, "attachWindowEvent", () => {
       this.isWindowEventsRegistered && this.removeWindowEvents(), this.disableOnResize || window.addEventListener("resize", this.updatePosition), this.disableOnScroll || window.addEventListener("scroll", this.updatePosition), this.isWindowEventsRegistered = true;
-    }), p(this, "resetPosition", () => {
+    }), d(this, "resetPosition", () => {
       this.setInitialStyles();
-    }), p(this, "updatePosition", () => {
+    }), d(this, "updatePosition", () => {
       this.initPlacement(), this.attachWindowEvent();
-    }), p(this, "cleanupEvents", () => {
+    }), d(this, "cleanupEvents", () => {
       this.setInitialStyles(), this.removeWindowEvents();
     });
     const {
       offsetDistance: o = 10,
-      placement: i = J,
+      placement: i = V,
       eventEffect: r = {},
       onUpdate: h
     } = n;
@@ -194,8 +191,8 @@ var re = class {
       throw new Error("Invalid HTMLElement for Popper");
     if (n.offsetDistance && typeof n.offsetDistance != "number")
       throw new Error("OffsetDistance must be a number");
-    const { disableOnResize: g, disableOnScroll: d } = r;
-    this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = i, this.disableOnResize = g || false, this.disableOnScroll = d || false, this.onUpdate = h;
+    const { disableOnResize: g, disableOnScroll: p } = r;
+    this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = i, this.disableOnResize = g || false, this.disableOnScroll = p || false, this.onUpdate = h;
   }
   /**
    * Updates popper configuration and recalculates position
@@ -208,6 +205,9 @@ var re = class {
     this.placement = e, this.offsetDistance = t || this.offsetDistance, this.initPlacement(), this.attachWindowEvent();
   }
 };
+var oe = Object.defineProperty;
+var re = (s, e, t) => e in s ? oe(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
+var l = (s, e, t) => re(s, typeof e != "symbol" ? e + "" : e, t);
 var ae = (s, e = document.body) => e.querySelector(s);
 var A = (s, e) => {
   for (const [t, n] of Object.entries(e))
@@ -275,7 +275,7 @@ var ce = class {
     }), l(this, "showOnMouseEnter", () => {
       this.show(), this.addEventOnMouseEnter();
     }), l(this, "setShowOptions", ({ placement: i, offsetDistance: r }) => {
-      var h, g, d, c;
+      var h, g, p, c;
       this.popper.setOptions({
         placement: i,
         offsetDistance: r
@@ -283,7 +283,7 @@ var ce = class {
         state: "open",
         popper: this.contentElement,
         trigger: this.triggerElement
-      }), this.onToggleState(false), (c = (d = this.options).onShow) == null || c.call(d);
+      }), this.onToggleState(false), (c = (p = this.options).onShow) == null || c.call(p);
     }), l(this, "setPopperOptions", ({ placement: i, offsetDistance: r }) => {
       this.popper.setOptions({
         placement: i,
@@ -302,7 +302,7 @@ var ce = 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 = n, 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 re(
+    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 || 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 ie(
       this.triggerElement,
       this.contentElement,
       {
@@ -358,16 +358,16 @@ var ce = class {
     }), this.triggerElement.addEventListener("click", this.toggleStateOnClick), this.triggerStrategy === "hover" && this.triggerElement.addEventListener("mouseenter", this.showOnMouseEnter);
   }
 };
-var W = (s, e = document.body) => e.querySelector(s);
+var P = (s, e = document.body) => e.querySelector(s);
 var U = (s, e = document.body) => Array.from(e.querySelectorAll(s));
-var de = (s) => typeof s == "string" ? W(s) : s;
-var pe = ({ containerElement: s, targetChildren: e = "a:not([disabled]), button:not([disabled])", direction: t }) => {
+var pe = (s) => typeof s == "string" ? P(s) : s;
+var de = ({ containerElement: s, targetChildren: e = "a:not([disabled]), button:not([disabled])", direction: t }) => {
   let n = false;
-  const o = de(s) || document.body, i = typeof e == "string" ? U(e, o) : e, r = (h) => {
+  const o = pe(s) || document.body, i = typeof e == "string" ? U(e, o) : e, r = (h) => {
     if (h.preventDefault(), o.focus(), i.length === 0)
       return;
-    const g = h.key, d = document.activeElement;
-    let c = i.findIndex((m) => m === d);
+    const g = h.key, p = document.activeElement;
+    let c = i.findIndex((m) => m === p);
     if (c === -1) {
       g === "ArrowUp" || g === "ArrowLeft" ? i[i.length - 1].focus() : i[0].focus();
       return;
@@ -393,7 +393,7 @@ var pe = ({ containerElement: s, targetChildren: e = "a:not([disabled]), button:
       default:
         return;
     }
-    i[c] !== d && i[c].focus();
+    i[c] !== p && i[c].focus();
   };
   return {
     make: () => {
@@ -404,7 +404,7 @@ var pe = ({ containerElement: s, targetChildren: e = "a:not([disabled]), button:
     }
   };
 };
-var K = (s, e, t) => {
+var z = (s, e, t) => {
   const n = new CustomEvent(e, { detail: t });
   s.dispatchEvent(n);
 };
@@ -458,13 +458,13 @@ var S = class S2 {
     });
     a(this, "onShow", () => {
       var e2, t2;
-      K(this.contentElement, "dropdown-show", {
+      z(this.contentElement, "dropdown-show", {
         isHidden: false
       }), (t2 = (e2 = this.options).onShow) == null || t2.call(e2);
     });
     a(this, "onHide", () => {
       var e2, t2;
-      K(this.contentElement, "dropdown-hide", {
+      z(this.contentElement, "dropdown-hide", {
         isHidden: true
       }), (t2 = (e2 = this.options).onHide) == null || t2.call(e2);
     });
@@ -486,7 +486,7 @@ var S = class S2 {
     a(this, "cleanup", () => {
       this.OverlayInstance.cleanup(), x.removeInstance("dropdown", this.contentElement);
     });
-    const n = typeof e == "string" ? W(e) : e;
+    const n = typeof e == "string" ? P(e) : e;
     if (!(n instanceof HTMLElement))
       throw new Error(
         "Invalid dropdown content element: Must provide either a valid HTMLElement or a selector string that resolves to an existing HTMLElement"
@@ -498,7 +498,7 @@ var S = class S2 {
     if (o)
       return o;
     const i = `[data-dropdown-trigger][data-dropdown-id=${this.contentElement.id}]`;
-    if (this.triggerElement = W(i), !(this.triggerElement instanceof HTMLElement))
+    if (this.triggerElement = P(i), !(this.triggerElement instanceof HTMLElement))
       throw new Error(`No valid trigger element found. Ensure a trigger element exists with attributes: data-dropdown-trigger and data-dropdown-id="${this.contentElement.id}"`);
     this.options = t, this.triggerStrategy = this.options.triggerStrategy || this.contentElement.dataset.triggerStrategy || "click", this.placement = this.options.placement || this.contentElement.dataset.placement || "bottom-start", this.offsetDistance = this.options.offsetDistance || parseInt(`${this.contentElement.dataset.offsetDistance}`) | 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || this.contentElement.hasAttribute("data-prevent-close-outside") || false, this.preventFromCloseInside = this.options.preventCloseFromInside || this.contentElement.hasAttribute("data-prevent-close-inside") || false, this.defaultState = this.options.defaultState || this.contentElement.dataset.defaultState || "close", this.OverlayInstance = new ce({
       trigger: this.triggerElement,
@@ -519,7 +519,7 @@ var S = class S2 {
         },
         popper: this.options.popper
       }
-    }), this.navigationKeys = pe({
+    }), this.navigationKeys = de({
       containerElement: this.contentElement,
       targetChildren: "a:not([disabled]), button:not([disabled])",
       direction: "up-down"
@@ -540,12 +540,12 @@ a(S, "autoInit", (e = "[data-fx-dropdown]") => {
   for (const n of t)
     new S(n);
 });
-var z = S;
+var K = S;
 // src/index.js
 function Dropdown(Alpine) {
   Alpine.directive("dropdown", (el, {}, { cleanup }) => {
-    const dropdown_ = new z(el);
+    const dropdown_ = new K(el);
     cleanup(() => {
       dropdown_.cleanup();
     });

package/dist/module.esm.js CHANGED Viewed

@@ -4,9 +4,9 @@ var q = (s, e, t) => e in s ? j(s, e, { enumerable: true, configurable: true, wr
 var a = (s, e, t) => q(s, typeof e != "symbol" ? e + "" : e, t);
 var B = Object.defineProperty;
 var N = (s, e, t) => e in s ? B(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
-var l = (s, e, t) => N(s, typeof e != "symbol" ? e + "" : e, t);
-var J = "bottom";
-var Q = ({ reference: s, popper: e }) => {
+var d = (s, e, t) => N(s, typeof e != "symbol" ? e + "" : e, t);
+var V = "bottom";
+var X = ({ reference: s, popper: e }) => {
   if (!s || !e)
     throw new Error("Reference or popper element is null or undefined");
   const t = /* @__PURE__ */ new WeakMap(), n = (r) => (t.has(r) || t.set(r, r.getBoundingClientRect()), t.get(r)), o = n(e), i = n(s);
@@ -20,24 +20,21 @@ var Q = ({ reference: s, popper: e }) => {
     refRight: i.right
   };
 };
-var V = Object.defineProperty;
-var X = (s, e, t) => e in s ? V(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
-var p = (s, e, t) => X(s, typeof e != "symbol" ? e + "" : e, t);
 var Y = (s, e, t, n) => {
   const o = t, i = n - (t + e);
   return o >= (s - e) / 2 && i >= (s - e) / 2;
 };
-var Z = (s, e, t, n) => (s - e) / 2 <= t && t + s / 2 + e / 2 <= n;
-var _ = (s, e, t, n, o) => t > o - n ? e() ? window.innerHeight - o : t - o : s() ? 0 : t + n;
-var ee = (s, e, t, n) => s <= n && t - s <= e;
-var te = (s, e, t, n) => t <= n && -s <= e;
-var ne = (s, e, t, n, o, i) => {
-  const r = o - t - i, h = t - n, g = t + i - n + (o - t - i), d = r >= 0 ? o - n : h >= 0 ? t - n : t;
-  return s() ? 0 : e() ? g : d;
+var J = (s, e, t, n) => (s - e) / 2 <= t && t + s / 2 + e / 2 <= n;
+var Q = (s, e, t, n, o) => t > o - n ? e() ? window.innerHeight - o : t - o : s() ? 0 : t + n;
+var Z = (s, e, t, n) => s <= n && t - s <= e;
+var _ = (s, e, t, n) => t <= n && -s <= e;
+var ee = (s, e, t, n, o, i) => {
+  const r = o - t - i, h = t - n, g = t + i - n + (o - t - i), p = r >= 0 ? o - n : h >= 0 ? t - n : t;
+  return s() ? 0 : e() ? g : p;
 };
-var se = (s, e, t, n) => s <= t && e - s - n >= s;
-var ie = (s, e) => s >= e;
-var oe = ({
+var te = (s, e, t, n) => s <= t && e - s - n >= s;
+var ne = (s, e) => s >= e;
+var se = ({
   placement: s,
   refWidth: e,
   refTop: t,
@@ -47,25 +44,25 @@ var oe = ({
   popperHeight: r,
   windowHeight: h,
   windowWidth: g,
-  offsetDistance: d
+  offsetDistance: p
 }) => {
-  const c = g - n - e, f = n, v = h - t - o, m = t, w = () => _(
-    () => te(t, o, r, h),
-    () => ee(t, o, r, h),
+  const c = g - n - e, f = n, v = h - t - o, m = t, w = () => Q(
+    () => _(t, o, r, h),
+    () => Z(t, o, r, h),
     t,
     o,
     r
-  ), y = () => ne(
-    () => se(n, g, i, e),
-    () => ie(n, i),
+  ), y = () => ee(
+    () => te(n, g, i, e),
+    () => ne(n, i),
     n,
     i,
     g,
     e
-  ), H = () => Y(i, e, n, g) ? n + e / 2 - i / 2 : y(), T = () => Z(r, o, t, h) ? t + o / 2 - r / 2 : w(), C = () => n + i <= g ? n : y(), O = () => n + e - i >= 0 ? n + e - i : y(), L = () => t + r <= h ? t : w(), G = () => t + o - r >= 0 ? t + o - r : w();
+  ), H = () => Y(i, e, n, g) ? n + e / 2 - i / 2 : y(), T = () => J(r, o, t, h) ? t + o / 2 - r / 2 : w(), C = () => n + i <= g ? n : y(), O = () => n + e - i >= 0 ? n + e - i : y(), L = () => t + r <= h ? t : w(), G = () => t + o - r >= 0 ? t + o - r : w();
   let u = 0, E = 0;
-  const M = t - r - d, k = t + o + d, D = n - i - d, I = n + e + d, P = m >= r + d, F = v >= r + d, R = f >= i + d, $ = c >= i + d;
-  switch (s.startsWith("top") ? E = P ? M : F ? k : Math.max(M, k) : s.startsWith("bottom") ? E = F ? k : P ? M : Math.max(k) : s.startsWith("left") ? u = R ? D : $ ? I : Math.max(D, I) : s.startsWith("right") && (u = $ ? I : R ? D : Math.max(I, D)), s) {
+  const M = t - r - p, k = t + o + p, D = n - i - p, I = n + e + p, W = m >= r + p, F = v >= r + p, R = f >= i + p, $ = c >= i + p;
+  switch (s.startsWith("top") ? E = W ? M : F ? k : Math.max(M, k) : s.startsWith("bottom") ? E = F ? k : W ? M : Math.max(k) : s.startsWith("left") ? u = R ? D : $ ? I : Math.max(D, I) : s.startsWith("right") && (u = $ ? I : R ? D : Math.max(I, D)), s) {
     case "bottom":
     case "bottom-middle":
     case "top":
@@ -97,7 +94,7 @@ var oe = ({
   }
   return { x: u, y: E };
 };
-var re = class {
+var ie = class {
   /**
    * Flexilla Popper
    * @param reference
@@ -117,21 +114,21 @@ var re = class {
    * @param {Function} [options.onUpdate] - Callback function when position updates
    */
   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", () => {
+    d(this, "reference"), d(this, "popper"), d(this, "offsetDistance"), d(this, "placement"), d(this, "disableOnResize"), d(this, "disableOnScroll"), d(this, "onUpdate"), d(this, "isWindowEventsRegistered"), d(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", (c, f) => {
+    }), d(this, "setPopperStyleProperty", (c, f) => {
       this.popper.style.setProperty("--fx-popper-placement-x", `${c}px`), this.popper.style.setProperty("--fx-popper-placement-y", `${f}px`);
-    }), p(this, "setInitialStyles", () => {
+    }), d(this, "setInitialStyles", () => {
       this.popper.style.setProperty("--fx-popper-placement-x", ""), this.popper.style.setProperty("--fx-popper-placement-y", "");
-    }), p(this, "initPlacement", () => {
+    }), d(this, "initPlacement", () => {
       var c;
       this.validateElements(), this.setInitialStyles();
-      const f = window.innerWidth, v = window.innerHeight, { popperHeight: m, popperWidth: w, refHeight: y, refWidth: H, refLeft: T, refTop: C } = Q({ reference: this.reference, popper: this.popper }), { x: O, y: L } = oe(
+      const f = window.innerWidth, v = window.innerHeight, { popperHeight: m, popperWidth: w, refHeight: y, refWidth: H, refLeft: T, refTop: C } = X({ reference: this.reference, popper: this.popper }), { x: O, y: L } = se(
         {
           placement: this.placement,
           refWidth: H,
@@ -146,20 +143,20 @@ var re = class {
         }
       );
       this.setPopperStyleProperty(O, L), (c = this.onUpdate) == null || c.call(this, { x: O, y: L, placement: this.placement });
-    }), p(this, "removeWindowEvents", () => {
+    }), d(this, "removeWindowEvents", () => {
       this.isWindowEventsRegistered && (!this.disableOnResize && window.removeEventListener("resize", this.updatePosition), !this.disableOnScroll && window.removeEventListener("scroll", this.updatePosition), this.isWindowEventsRegistered = false);
-    }), p(this, "attachWindowEvent", () => {
+    }), d(this, "attachWindowEvent", () => {
       this.isWindowEventsRegistered && this.removeWindowEvents(), this.disableOnResize || window.addEventListener("resize", this.updatePosition), this.disableOnScroll || window.addEventListener("scroll", this.updatePosition), this.isWindowEventsRegistered = true;
-    }), p(this, "resetPosition", () => {
+    }), d(this, "resetPosition", () => {
       this.setInitialStyles();
-    }), p(this, "updatePosition", () => {
+    }), d(this, "updatePosition", () => {
       this.initPlacement(), this.attachWindowEvent();
-    }), p(this, "cleanupEvents", () => {
+    }), d(this, "cleanupEvents", () => {
       this.setInitialStyles(), this.removeWindowEvents();
     });
     const {
       offsetDistance: o = 10,
-      placement: i = J,
+      placement: i = V,
       eventEffect: r = {},
       onUpdate: h
     } = n;
@@ -169,8 +166,8 @@ var re = class {
       throw new Error("Invalid HTMLElement for Popper");
     if (n.offsetDistance && typeof n.offsetDistance != "number")
       throw new Error("OffsetDistance must be a number");
-    const { disableOnResize: g, disableOnScroll: d } = r;
-    this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = i, this.disableOnResize = g || false, this.disableOnScroll = d || false, this.onUpdate = h;
+    const { disableOnResize: g, disableOnScroll: p } = r;
+    this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = i, this.disableOnResize = g || false, this.disableOnScroll = p || false, this.onUpdate = h;
   }
   /**
    * Updates popper configuration and recalculates position
@@ -183,6 +180,9 @@ var re = class {
     this.placement = e, this.offsetDistance = t || this.offsetDistance, this.initPlacement(), this.attachWindowEvent();
   }
 };
+var oe = Object.defineProperty;
+var re = (s, e, t) => e in s ? oe(s, e, { enumerable: true, configurable: true, writable: true, value: t }) : s[e] = t;
+var l = (s, e, t) => re(s, typeof e != "symbol" ? e + "" : e, t);
 var ae = (s, e = document.body) => e.querySelector(s);
 var A = (s, e) => {
   for (const [t, n] of Object.entries(e))
@@ -250,7 +250,7 @@ var ce = class {
     }), l(this, "showOnMouseEnter", () => {
       this.show(), this.addEventOnMouseEnter();
     }), l(this, "setShowOptions", ({ placement: i, offsetDistance: r }) => {
-      var h, g, d, c;
+      var h, g, p, c;
       this.popper.setOptions({
         placement: i,
         offsetDistance: r
@@ -258,7 +258,7 @@ var ce = class {
         state: "open",
         popper: this.contentElement,
         trigger: this.triggerElement
-      }), this.onToggleState(false), (c = (d = this.options).onShow) == null || c.call(d);
+      }), this.onToggleState(false), (c = (p = this.options).onShow) == null || c.call(p);
     }), l(this, "setPopperOptions", ({ placement: i, offsetDistance: r }) => {
       this.popper.setOptions({
         placement: i,
@@ -277,7 +277,7 @@ var ce = 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 = n, 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 re(
+    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 || 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 ie(
       this.triggerElement,
       this.contentElement,
       {
@@ -333,16 +333,16 @@ var ce = class {
     }), this.triggerElement.addEventListener("click", this.toggleStateOnClick), this.triggerStrategy === "hover" && this.triggerElement.addEventListener("mouseenter", this.showOnMouseEnter);
   }
 };
-var W = (s, e = document.body) => e.querySelector(s);
+var P = (s, e = document.body) => e.querySelector(s);
 var U = (s, e = document.body) => Array.from(e.querySelectorAll(s));
-var de = (s) => typeof s == "string" ? W(s) : s;
-var pe = ({ containerElement: s, targetChildren: e = "a:not([disabled]), button:not([disabled])", direction: t }) => {
+var pe = (s) => typeof s == "string" ? P(s) : s;
+var de = ({ containerElement: s, targetChildren: e = "a:not([disabled]), button:not([disabled])", direction: t }) => {
   let n = false;
-  const o = de(s) || document.body, i = typeof e == "string" ? U(e, o) : e, r = (h) => {
+  const o = pe(s) || document.body, i = typeof e == "string" ? U(e, o) : e, r = (h) => {
     if (h.preventDefault(), o.focus(), i.length === 0)
       return;
-    const g = h.key, d = document.activeElement;
-    let c = i.findIndex((m) => m === d);
+    const g = h.key, p = document.activeElement;
+    let c = i.findIndex((m) => m === p);
     if (c === -1) {
       g === "ArrowUp" || g === "ArrowLeft" ? i[i.length - 1].focus() : i[0].focus();
       return;
@@ -368,7 +368,7 @@ var pe = ({ containerElement: s, targetChildren: e = "a:not([disabled]), button:
       default:
         return;
     }
-    i[c] !== d && i[c].focus();
+    i[c] !== p && i[c].focus();
   };
   return {
     make: () => {
@@ -379,7 +379,7 @@ var pe = ({ containerElement: s, targetChildren: e = "a:not([disabled]), button:
     }
   };
 };
-var K = (s, e, t) => {
+var z = (s, e, t) => {
   const n = new CustomEvent(e, { detail: t });
   s.dispatchEvent(n);
 };
@@ -433,13 +433,13 @@ var S = class S2 {
     });
     a(this, "onShow", () => {
       var e2, t2;
-      K(this.contentElement, "dropdown-show", {
+      z(this.contentElement, "dropdown-show", {
         isHidden: false
       }), (t2 = (e2 = this.options).onShow) == null || t2.call(e2);
     });
     a(this, "onHide", () => {
       var e2, t2;
-      K(this.contentElement, "dropdown-hide", {
+      z(this.contentElement, "dropdown-hide", {
         isHidden: true
       }), (t2 = (e2 = this.options).onHide) == null || t2.call(e2);
     });
@@ -461,7 +461,7 @@ var S = class S2 {
     a(this, "cleanup", () => {
       this.OverlayInstance.cleanup(), x.removeInstance("dropdown", this.contentElement);
     });
-    const n = typeof e == "string" ? W(e) : e;
+    const n = typeof e == "string" ? P(e) : e;
     if (!(n instanceof HTMLElement))
       throw new Error(
         "Invalid dropdown content element: Must provide either a valid HTMLElement or a selector string that resolves to an existing HTMLElement"
@@ -473,7 +473,7 @@ var S = class S2 {
     if (o)
       return o;
     const i = `[data-dropdown-trigger][data-dropdown-id=${this.contentElement.id}]`;
-    if (this.triggerElement = W(i), !(this.triggerElement instanceof HTMLElement))
+    if (this.triggerElement = P(i), !(this.triggerElement instanceof HTMLElement))
       throw new Error(`No valid trigger element found. Ensure a trigger element exists with attributes: data-dropdown-trigger and data-dropdown-id="${this.contentElement.id}"`);
     this.options = t, this.triggerStrategy = this.options.triggerStrategy || this.contentElement.dataset.triggerStrategy || "click", this.placement = this.options.placement || this.contentElement.dataset.placement || "bottom-start", this.offsetDistance = this.options.offsetDistance || parseInt(`${this.contentElement.dataset.offsetDistance}`) | 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || this.contentElement.hasAttribute("data-prevent-close-outside") || false, this.preventFromCloseInside = this.options.preventCloseFromInside || this.contentElement.hasAttribute("data-prevent-close-inside") || false, this.defaultState = this.options.defaultState || this.contentElement.dataset.defaultState || "close", this.OverlayInstance = new ce({
       trigger: this.triggerElement,
@@ -494,7 +494,7 @@ var S = class S2 {
         },
         popper: this.options.popper
       }
-    }), this.navigationKeys = pe({
+    }), this.navigationKeys = de({
       containerElement: this.contentElement,
       targetChildren: "a:not([disabled]), button:not([disabled])",
       direction: "up-down"
@@ -515,12 +515,12 @@ a(S, "autoInit", (e = "[data-fx-dropdown]") => {
   for (const n of t)
     new S(n);
 });
-var z = S;
+var K = S;
 // src/index.js
 function Dropdown(Alpine) {
   Alpine.directive("dropdown", (el, {}, { cleanup }) => {
-    const dropdown_ = new z(el);
+    const dropdown_ = new K(el);
     cleanup(() => {
       dropdown_.cleanup();
     });

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@flexilla/alpine-dropdown",
-  "version": "0.0.2",
+  "version": "0.1.0",
   "description": "AlpineJS plugin for adding Dropdown functionality to your AlpineJS components",
   "type": "module",
   "private": false,
@@ -18,6 +18,7 @@
   },
   "main": "src/index.js",
   "module": "dist/module.esm.js",
+  "types": "src/index.d.ts",
   "scripts": {
     "build": "node ./scripts/build.js",
     "watch": "node ./scripts/build.js --watch",
@@ -41,6 +42,7 @@
     "LICENSE",
     "README.md",
     "src/index.js",
+    "src/index.d.ts",
     "package.json",
     "dist"
   ],
@@ -58,7 +60,7 @@
     "Flexilla"
   ],
   "dependencies": {
-    "@flexilla/dropdown": "^2.1.3"
+    "@flexilla/dropdown": "^2.2.0"
   },
-  "gitHead": "584636c3f3b85dfa71666f5354221dcfc385f9e6"
+  "gitHead": "34cb017e7b29fb1ee10ded1d4317256fa7167093"
 }

package/src/index.d.ts ADDED Viewed

@@ -0,0 +1,7 @@
+declare module '@flexilla/alpine-dropdown' {
+    import { Alpine } from 'alpinejs';
+    const PluginDropdown: (alpine: Alpine) => void;
+    export default PluginDropdown;
+}