@flexilla/alpine-popover 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 (6) hide show
  1. package/dist/cdn.js +74 -74
  2. package/dist/cdn.min.js +1 -1
  3. package/dist/module.cjs.js +74 -74
  4. package/dist/module.esm.js +74 -74
  5. package/package.json +5 -3
  6. package/src/index.d.ts +7 -0
package/dist/cdn.js CHANGED
@@ -1,18 +1,12 @@
1
1
  (() => {
2
2
  // ../../node_modules/@flexilla/popover/dist/popover.js
3
+ var U = Object.defineProperty;
4
+ var j = (i, e, t) => e in i ? U(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
5
+ var l = (i, e, t) => j(i, typeof e != "symbol" ? e + "" : e, t);
3
6
  var K = Object.defineProperty;
4
- var U = (i, e, t) => e in i ? K(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
5
- var h = (i, e, t) => U(i, typeof e != "symbol" ? e + "" : e, t);
6
- var A = (i, e = document.body) => e.querySelector(i);
7
- var j = (i, e = document.body) => Array.from(e.querySelectorAll(i));
8
- var M = (i, e, t) => {
9
- const s = new CustomEvent(e, { detail: t });
10
- i.dispatchEvent(s);
11
- };
12
- var q = Object.defineProperty;
13
- var B = (i, e, t) => e in i ? q(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
14
- var a = (i, e, t) => B(i, typeof e != "symbol" ? e + "" : e, t);
15
- var J = "bottom";
7
+ var q = (i, e, t) => e in i ? K(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
8
+ var p = (i, e, t) => q(i, typeof e != "symbol" ? e + "" : e, t);
9
+ var B = "bottom";
16
10
  var N = ({ reference: i, popper: e }) => {
17
11
  if (!i || !e)
18
12
  throw new Error("Reference or popper element is null or undefined");
@@ -27,24 +21,21 @@
27
21
  refRight: n.right
28
22
  };
29
23
  };
30
- var Q = Object.defineProperty;
31
- var V = (i, e, t) => e in i ? Q(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
32
- var p = (i, e, t) => V(i, typeof e != "symbol" ? e + "" : e, t);
33
- var X = (i, e, t, s) => {
24
+ var V = (i, e, t, s) => {
34
25
  const o = t, n = s - (t + e);
35
26
  return o >= (i - e) / 2 && n >= (i - e) / 2;
36
27
  };
37
- var Y = (i, e, t, s) => (i - e) / 2 <= t && t + i / 2 + e / 2 <= s;
38
- var Z = (i, e, t, s, o) => t > o - s ? e() ? window.innerHeight - o : t - o : i() ? 0 : t + s;
39
- var _ = (i, e, t, s) => i <= s && t - i <= e;
40
- var ee = (i, e, t, s) => t <= s && -i <= e;
41
- var te = (i, e, t, s, o, n) => {
42
- const r = o - t - n, l = t - s, d = t + n - s + (o - t - n), c = r >= 0 ? o - s : l >= 0 ? t - s : t;
28
+ var X = (i, e, t, s) => (i - e) / 2 <= t && t + i / 2 + e / 2 <= s;
29
+ var Y = (i, e, t, s, o) => t > o - s ? e() ? window.innerHeight - o : t - o : i() ? 0 : t + s;
30
+ var J = (i, e, t, s) => i <= s && t - i <= e;
31
+ var Q = (i, e, t, s) => t <= s && -i <= e;
32
+ var Z = (i, e, t, s, o, n) => {
33
+ const r = o - t - n, h = t - s, d = t + n - s + (o - t - n), c = r >= 0 ? o - s : h >= 0 ? t - s : t;
43
34
  return i() ? 0 : e() ? d : c;
44
35
  };
45
- var se = (i, e, t, s) => i <= t && e - i - s >= i;
46
- var ie = (i, e) => i >= e;
47
- var ne = ({
36
+ var _ = (i, e, t, s) => i <= t && e - i - s >= i;
37
+ var ee = (i, e) => i >= e;
38
+ var te = ({
48
39
  placement: i,
49
40
  refWidth: e,
50
41
  refTop: t,
@@ -52,24 +43,24 @@
52
43
  refHeight: o,
53
44
  popperWidth: n,
54
45
  popperHeight: r,
55
- windowHeight: l,
46
+ windowHeight: h,
56
47
  windowWidth: d,
57
48
  offsetDistance: c
58
49
  }) => {
59
- const g = d - s - e, v = s, L = l - t - o, D = t, u = () => Z(
60
- () => ee(t, o, r, l),
61
- () => _(t, o, r, l),
50
+ const g = d - s - e, v = s, L = h - t - o, D = t, u = () => Y(
51
+ () => Q(t, o, r, h),
52
+ () => J(t, o, r, h),
62
53
  t,
63
54
  o,
64
55
  r
65
- ), E = () => te(
66
- () => se(s, d, n, e),
67
- () => ie(s, n),
56
+ ), E = () => Z(
57
+ () => _(s, d, n, e),
58
+ () => ee(s, n),
68
59
  s,
69
60
  n,
70
61
  d,
71
62
  e
72
- ), k = () => X(n, e, s, d) ? s + e / 2 - n / 2 : E(), C = () => Y(r, o, t, l) ? t + o / 2 - r / 2 : u(), P = () => s + n <= d ? s : E(), y = () => s + e - n >= 0 ? s + e - n : E(), b = () => t + r <= l ? t : u(), G = () => t + o - r >= 0 ? t + o - r : u();
63
+ ), k = () => V(n, e, s, d) ? s + e / 2 - n / 2 : E(), C = () => X(r, o, t, h) ? t + o / 2 - r / 2 : u(), P = () => s + n <= d ? s : E(), y = () => s + e - n >= 0 ? s + e - n : E(), b = () => t + r <= h ? t : u(), G = () => t + o - r >= 0 ? t + o - r : u();
73
64
  let m = 0, f = 0;
74
65
  const T = t - r - c, S = t + o + c, O = s - n - c, I = s + e + c, W = D >= r + c, F = L >= r + c, R = v >= n + c, $ = g >= n + c;
75
66
  switch (i.startsWith("top") ? f = W ? T : F ? S : Math.max(T, S) : i.startsWith("bottom") ? f = F ? S : W ? T : Math.max(S) : i.startsWith("left") ? m = R ? O : $ ? I : Math.max(O, I) : i.startsWith("right") && (m = $ ? I : R ? O : Math.max(I, O)), i) {
@@ -104,7 +95,7 @@
104
95
  }
105
96
  return { x: m, y: f };
106
97
  };
107
- var oe = class {
98
+ var se = class {
108
99
  /**
109
100
  * Flexilla Popper
110
101
  * @param reference
@@ -138,7 +129,7 @@
138
129
  }), p(this, "initPlacement", () => {
139
130
  var g;
140
131
  this.validateElements(), this.setInitialStyles();
141
- const v = window.innerWidth, L = window.innerHeight, { popperHeight: D, popperWidth: u, refHeight: E, refWidth: k, refLeft: C, refTop: P } = N({ reference: this.reference, popper: this.popper }), { x: y, y: b } = ne(
132
+ const v = window.innerWidth, L = window.innerHeight, { popperHeight: D, popperWidth: u, refHeight: E, refWidth: k, refLeft: C, refTop: P } = N({ reference: this.reference, popper: this.popper }), { x: y, y: b } = te(
142
133
  {
143
134
  placement: this.placement,
144
135
  refWidth: k,
@@ -166,9 +157,9 @@
166
157
  });
167
158
  const {
168
159
  offsetDistance: o = 10,
169
- placement: n = J,
160
+ placement: n = B,
170
161
  eventEffect: r = {},
171
- onUpdate: l
162
+ onUpdate: h
172
163
  } = s;
173
164
  if (!(e instanceof HTMLElement))
174
165
  throw new Error("Invalid HTMLElement for Reference Element");
@@ -177,7 +168,7 @@
177
168
  if (s.offsetDistance && typeof s.offsetDistance != "number")
178
169
  throw new Error("OffsetDistance must be a number");
179
170
  const { disableOnResize: d, disableOnScroll: c } = r;
180
- this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = n, this.disableOnResize = d || false, this.disableOnScroll = c || false, this.onUpdate = l;
171
+ this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = n, this.disableOnResize = d || false, this.disableOnScroll = c || false, this.onUpdate = h;
181
172
  }
182
173
  /**
183
174
  * Updates popper configuration and recalculates position
@@ -190,12 +181,15 @@
190
181
  this.placement = e, this.offsetDistance = t || this.offsetDistance, this.initPlacement(), this.attachWindowEvent();
191
182
  }
192
183
  };
193
- var re = (i, e = document.body) => e.querySelector(i);
194
- var z = (i, e) => {
184
+ var ie = Object.defineProperty;
185
+ var ne = (i, e, t) => e in i ? ie(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
186
+ var a = (i, e, t) => ne(i, typeof e != "symbol" ? e + "" : e, t);
187
+ var oe = (i, e = document.body) => e.querySelector(i);
188
+ var A = (i, e) => {
195
189
  for (const [t, s] of Object.entries(e))
196
190
  i.setAttribute(t, s);
197
191
  };
198
- var ae = ({
192
+ var re = ({
199
193
  element: i,
200
194
  callback: e,
201
195
  type: t,
@@ -203,18 +197,18 @@
203
197
  }) => {
204
198
  const o = getComputedStyle(i), n = o.transition;
205
199
  if (n !== "none" && n !== "" && !s.includes(n)) {
206
- const r = "transitionend", l = () => {
207
- i.removeEventListener(r, l), e();
200
+ const r = "transitionend", h = () => {
201
+ i.removeEventListener(r, h), e();
208
202
  };
209
- i.addEventListener(r, l, { once: true });
203
+ i.addEventListener(r, h, { once: true });
210
204
  } else
211
205
  e();
212
206
  };
213
- var le = ({
207
+ var ae = ({
214
208
  element: i,
215
209
  callback: e
216
210
  }) => {
217
- ae({
211
+ re({
218
212
  element: i,
219
213
  callback: e,
220
214
  type: "transition",
@@ -223,9 +217,9 @@
223
217
  };
224
218
  var w = ({ state: i, trigger: e, popper: t }) => {
225
219
  const s = i === "open";
226
- z(t, {
220
+ A(t, {
227
221
  "data-state": i
228
- }), z(e, {
222
+ }), A(e, {
229
223
  "aria-expanded": `${s}`
230
224
  });
231
225
  };
@@ -238,7 +232,7 @@
238
232
  * @param {OverlayOptions} [params.options] - Configuration options for the overlay
239
233
  */
240
234
  constructor({ trigger: e, content: t, options: s = {} }) {
241
- a(this, "triggerElement"), a(this, "contentElement"), a(this, "triggerStrategy"), a(this, "placement"), a(this, "offsetDistance"), a(this, "preventFromCloseOutside"), a(this, "preventFromCloseInside"), a(this, "options"), a(this, "defaultState"), a(this, "popper"), a(this, "eventEffect"), a(this, "getElement", (n) => typeof n == "string" ? re(n) : n instanceof HTMLElement ? n : void 0), a(this, "handleDocumentClick", (n) => {
235
+ a(this, "triggerElement"), a(this, "contentElement"), a(this, "triggerStrategy"), a(this, "placement"), a(this, "offsetDistance"), a(this, "preventFromCloseOutside"), a(this, "preventFromCloseInside"), a(this, "options"), a(this, "defaultState"), a(this, "popper"), a(this, "eventEffect"), a(this, "getElement", (n) => typeof n == "string" ? oe(n) : n instanceof HTMLElement ? n : void 0), a(this, "handleDocumentClick", (n) => {
242
236
  this.contentElement.getAttribute("data-state") === "open" && (!this.triggerElement.contains(n.target) && !this.preventFromCloseInside && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(n.target) && !this.contentElement.contains(n.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(n.target) && !this.contentElement.contains(n.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(n.target) && this.contentElement.contains(n.target) && !this.preventFromCloseInside && this.hide());
243
237
  }), a(this, "handleKeyDown", (n) => {
244
238
  n.preventDefault(), this.triggerStrategy !== "hover" && n.key === "Escape" && this.contentElement.getAttribute("data-state") === "open" && (this.preventFromCloseOutside || this.hide());
@@ -257,11 +251,11 @@
257
251
  }), a(this, "showOnMouseEnter", () => {
258
252
  this.show(), this.addEventOnMouseEnter();
259
253
  }), a(this, "setShowOptions", ({ placement: n, offsetDistance: r }) => {
260
- var l, d, c, g;
254
+ var h, d, c, g;
261
255
  this.popper.setOptions({
262
256
  placement: n,
263
257
  offsetDistance: r
264
- }), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("click", this.handleDocumentClick), (d = (l = this.options).beforeShow) == null || d.call(l), w({
258
+ }), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("click", this.handleDocumentClick), (d = (h = this.options).beforeShow) == null || d.call(h), w({
265
259
  state: "open",
266
260
  popper: this.contentElement,
267
261
  trigger: this.triggerElement
@@ -284,7 +278,7 @@
284
278
  throw new Error("Trigger element must be a valid HTML element");
285
279
  if (!(this.contentElement instanceof HTMLElement))
286
280
  throw new Error("Content element must be a valid HTML element");
287
- this.options = s, 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 oe(
281
+ this.options = s, 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(
288
282
  this.triggerElement,
289
283
  this.contentElement,
290
284
  {
@@ -320,7 +314,7 @@
320
314
  state: "close",
321
315
  popper: this.contentElement,
322
316
  trigger: this.triggerElement
323
- }), 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)), le({
317
+ }), 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({
324
318
  element: this.contentElement,
325
319
  callback: () => {
326
320
  var s, o;
@@ -340,6 +334,12 @@
340
334
  }), this.triggerElement.addEventListener("click", this.toggleStateOnClick), this.triggerStrategy === "hover" && this.triggerElement.addEventListener("mouseenter", this.showOnMouseEnter);
341
335
  }
342
336
  };
337
+ var z = (i, e = document.body) => e.querySelector(i);
338
+ var le = (i, e = document.body) => Array.from(e.querySelectorAll(i));
339
+ var M = (i, e, t) => {
340
+ const s = new CustomEvent(e, { detail: t });
341
+ i.dispatchEvent(s);
342
+ };
343
343
  var H = class {
344
344
  static initGlobalRegistry() {
345
345
  window.$flexillaInstances || (window.$flexillaInstances = {});
@@ -376,44 +376,44 @@
376
376
  * });
377
377
  */
378
378
  constructor(e, t = {}) {
379
- h(this, "triggerElement");
380
- h(this, "contentElement");
381
- h(this, "options");
382
- h(this, "PopoverInstance");
383
- h(this, "triggerStrategy");
384
- h(this, "placement");
385
- h(this, "offsetDistance");
386
- h(this, "preventFromCloseOutside");
387
- h(this, "preventFromCloseInside");
388
- h(this, "defaultState");
389
- h(this, "setShowOptions", ({ placement: e2, offsetDistance: t2 }) => {
379
+ l(this, "triggerElement");
380
+ l(this, "contentElement");
381
+ l(this, "options");
382
+ l(this, "PopoverInstance");
383
+ l(this, "triggerStrategy");
384
+ l(this, "placement");
385
+ l(this, "offsetDistance");
386
+ l(this, "preventFromCloseOutside");
387
+ l(this, "preventFromCloseInside");
388
+ l(this, "defaultState");
389
+ l(this, "setShowOptions", ({ placement: e2, offsetDistance: t2 }) => {
390
390
  this.PopoverInstance.setShowOptions({ placement: e2, offsetDistance: t2 });
391
391
  });
392
- h(this, "setOptions", ({ placement: e2, offsetDistance: t2 }) => {
392
+ l(this, "setOptions", ({ placement: e2, offsetDistance: t2 }) => {
393
393
  this.PopoverInstance.setPopperOptions({ placement: e2, offsetDistance: t2 });
394
394
  });
395
- h(this, "setPopperTrigger", (e2, t2) => {
395
+ l(this, "setPopperTrigger", (e2, t2) => {
396
396
  this.PopoverInstance.setPopperTrigger(e2, t2);
397
397
  });
398
- h(this, "show", () => {
398
+ l(this, "show", () => {
399
399
  this.PopoverInstance.show(), M(this.contentElement, "popover-show", {
400
400
  isHidden: false
401
401
  });
402
402
  });
403
- h(this, "hide", () => {
403
+ l(this, "hide", () => {
404
404
  this.PopoverInstance.hide(), M(this.contentElement, "popover-hide", {
405
405
  isHidden: true
406
406
  });
407
407
  });
408
- h(this, "cleanup", () => {
408
+ l(this, "cleanup", () => {
409
409
  this.PopoverInstance.cleanup(), H.removeInstance("popover", this.contentElement);
410
410
  });
411
- const s = typeof e == "string" ? A(e) : e;
411
+ const s = typeof e == "string" ? z(e) : e;
412
412
  this.contentElement = s;
413
413
  const o = H.getInstance("popover", this.contentElement);
414
414
  if (o)
415
415
  return o;
416
- this.triggerElement = A(`[data-popover-trigger][data-popover-id=${s.getAttribute("id")}]`), this.options = t, this.triggerStrategy = this.options.triggerStrategy || s.dataset.triggerStrategy || "click", this.placement = this.options.placement || s.dataset.placement || "bottom-middle", this.offsetDistance = this.options.offsetDistance || parseInt(`${s.dataset.offsetDistance}`) | 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || s.hasAttribute("data-prevent-close-outside") || false, this.preventFromCloseInside = this.options.preventCloseFromInside || s.hasAttribute("data-prevent-close-inside") || false, this.defaultState = this.options.defaultState || s.dataset.defaultState || "close", this.PopoverInstance = new he({
416
+ this.triggerElement = z(`[data-popover-trigger][data-popover-id=${s.getAttribute("id")}]`), this.options = t, this.triggerStrategy = this.options.triggerStrategy || s.dataset.triggerStrategy || "click", this.placement = this.options.placement || s.dataset.placement || "bottom-middle", this.offsetDistance = this.options.offsetDistance || parseInt(`${s.dataset.offsetDistance}`) | 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || s.hasAttribute("data-prevent-close-outside") || false, this.preventFromCloseInside = this.options.preventCloseFromInside || s.hasAttribute("data-prevent-close-inside") || false, this.defaultState = this.options.defaultState || s.dataset.defaultState || "close", this.PopoverInstance = new he({
417
417
  trigger: this.triggerElement,
418
418
  content: this.contentElement,
419
419
  options: {
@@ -426,8 +426,8 @@
426
426
  onShow: this.options.onShow,
427
427
  onHide: this.options.onHide,
428
428
  onToggle: ({ isHidden: n }) => {
429
- var r, l;
430
- (l = (r = this.options).onToggle) == null || l.call(r, { isHidden: n }), M(this.contentElement, "popover-toggle", {
429
+ var r, h;
430
+ (h = (r = this.options).onToggle) == null || h.call(r, { isHidden: n }), M(this.contentElement, "popover-toggle", {
431
431
  isHidden: n
432
432
  });
433
433
  },
@@ -460,7 +460,7 @@
460
460
  * Popover.autoInit('.custom-popover');
461
461
  */
462
462
  static autoInit(e = "[data-fx-popover]") {
463
- const t = j(e);
463
+ const t = le(e);
464
464
  for (const s of t)
465
465
  new _x(s);
466
466
  }
package/dist/cdn.min.js CHANGED
@@ -1 +1 @@
1
- (()=>{var q=Object.defineProperty,B=(i,e,t)=>e in i?q(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,p=(i,e,t)=>B(i,typeof e!="symbol"?e+"":e,t),j=(i,e=document.body)=>e.querySelector(i),J=(i,e=document.body)=>Array.from(e.querySelectorAll(i)),W=(i,e,t)=>{let s=new CustomEvent(e,{detail:t});i.dispatchEvent(s)},N=Object.defineProperty,Q=(i,e,t)=>e in i?N(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,a=(i,e,t)=>Q(i,typeof e!="symbol"?e+"":e,t),V="bottom",X=({reference:i,popper:e})=>{if(!i||!e)throw new Error("Reference or popper element is null or undefined");let t=new WeakMap,s=r=>(t.has(r)||t.set(r,r.getBoundingClientRect()),t.get(r)),o=s(e),n=s(i);return{popperHeight:o.height,popperWidth:o.width,refHeight:n.height,refWidth:n.width,refLeft:n.left,refTop:n.top,refRight:n.right}},Y=Object.defineProperty,Z=(i,e,t)=>e in i?Y(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t,h=(i,e,t)=>Z(i,typeof e!="symbol"?e+"":e,t),_=(i,e,t,s)=>{let o=t,n=s-(t+e);return o>=(i-e)/2&&n>=(i-e)/2},ee=(i,e,t,s)=>(i-e)/2<=t&&t+i/2+e/2<=s,te=(i,e,t,s,o)=>t>o-s?e()?window.innerHeight-o:t-o:i()?0:t+s,se=(i,e,t,s)=>i<=s&&t-i<=e,ie=(i,e,t,s)=>t<=s&&-i<=e,ne=(i,e,t,s,o,n)=>{let r=o-t-n,l=t-s,d=t+n-s+(o-t-n),c=r>=0?o-s:l>=0?t-s:t;return i()?0:e()?d:c},oe=(i,e,t,s)=>i<=t&&e-i-s>=i,re=(i,e)=>i>=e,ae=({placement:i,refWidth:e,refTop:t,refLeft:s,refHeight:o,popperWidth:n,popperHeight:r,windowHeight:l,windowWidth:d,offsetDistance:c})=>{let m=d-s-e,v=s,P=l-t-o,k=t,E=()=>te(()=>ie(t,o,r,l),()=>se(t,o,r,l),t,o,r),u=()=>ne(()=>oe(s,d,n,e),()=>re(s,n),s,n,d,e),C=()=>_(n,e,s,d)?s+e/2-n/2:u(),H=()=>ee(r,o,t,l)?t+o/2-r/2:E(),T=()=>s+n<=d?s:u(),b=()=>s+e-n>=0?s+e-n:u(),S=()=>t+r<=l?t:E(),U=()=>t+o-r>=0?t+o-r:E(),g=0,f=0,M=t-r-c,O=t+o+c,D=s-n-c,L=s+e+c,R=k>=r+c,$=P>=r+c,A=v>=n+c,z=m>=n+c;switch(i.startsWith("top")?f=R?M:$?O:Math.max(M,O):i.startsWith("bottom")?f=$?O:R?M:Math.max(O):i.startsWith("left")?g=A?D:z?L:Math.max(D,L):i.startsWith("right")&&(g=z?L:A?D:Math.max(L,D)),i){case"bottom":case"bottom-middle":case"top":case"top-middle":g=C();break;case"left":case"left-middle":case"right":case"right-middle":f=H();break;case"bottom-start":case"top-start":g=T();break;case"bottom-end":case"top-end":g=b();break;case"left-start":case"right-start":f=S();break;case"left-end":case"right-end":f=U();break}return{x:g,y:f}},x=class{constructor(e,t,s={}){h(this,"reference"),h(this,"popper"),h(this,"offsetDistance"),h(this,"placement"),h(this,"disableOnResize"),h(this,"disableOnScroll"),h(this,"onUpdate"),h(this,"isWindowEventsRegistered"),h(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")}),h(this,"setPopperStyleProperty",(m,v)=>{this.popper.style.setProperty("--fx-popper-placement-x",`${m}px`),this.popper.style.setProperty("--fx-popper-placement-y",`${v}px`)}),h(this,"setInitialStyles",()=>{this.popper.style.setProperty("--fx-popper-placement-x",""),this.popper.style.setProperty("--fx-popper-placement-y","")}),h(this,"initPlacement",()=>{var m;this.validateElements(),this.setInitialStyles();let v=window.innerWidth,P=window.innerHeight,{popperHeight:k,popperWidth:E,refHeight:u,refWidth:C,refLeft:H,refTop:T}=X({reference:this.reference,popper:this.popper}),{x:b,y:S}=ae({placement:this.placement,refWidth:C,refTop:T,refLeft:H,popperWidth:E,refHeight:u,popperHeight:k,windowHeight:P,windowWidth:v,offsetDistance:this.offsetDistance});this.setPopperStyleProperty(b,S),(m=this.onUpdate)==null||m.call(this,{x:b,y:S,placement:this.placement})}),h(this,"removeWindowEvents",()=>{this.isWindowEventsRegistered&&(!this.disableOnResize&&window.removeEventListener("resize",this.updatePosition),!this.disableOnScroll&&window.removeEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!1)}),h(this,"attachWindowEvent",()=>{this.isWindowEventsRegistered&&this.removeWindowEvents(),this.disableOnResize||window.addEventListener("resize",this.updatePosition),this.disableOnScroll||window.addEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!0}),h(this,"resetPosition",()=>{this.setInitialStyles()}),h(this,"updatePosition",()=>{this.initPlacement(),this.attachWindowEvent()}),h(this,"cleanupEvents",()=>{this.setInitialStyles(),this.removeWindowEvents()});let{offsetDistance:o=10,placement:n=V,eventEffect:r={},onUpdate:l}=s;if(!(e instanceof HTMLElement))throw new Error("Invalid HTMLElement for Reference Element");if(!(t instanceof HTMLElement))throw new Error("Invalid HTMLElement for Popper");if(s.offsetDistance&&typeof s.offsetDistance!="number")throw new Error("OffsetDistance must be a number");let{disableOnResize:d,disableOnScroll:c}=r;this.isWindowEventsRegistered=!1,this.reference=e,this.popper=t,this.offsetDistance=o,this.placement=n,this.disableOnResize=d||!1,this.disableOnScroll=c||!1,this.onUpdate=l}setOptions({placement:e,offsetDistance:t}){this.placement=e,this.offsetDistance=t||this.offsetDistance,this.initPlacement(),this.attachWindowEvent()}},le=(i,e=document.body)=>e.querySelector(i),G=(i,e)=>{for(let[t,s]of Object.entries(e))i.setAttribute(t,s)},he=({element:i,callback:e,type:t,keysCheck:s})=>{let o=getComputedStyle(i),n=o.transition;if(n!=="none"&&n!==""&&!s.includes(n)){let r="transitionend",l=()=>{i.removeEventListener(r,l),e()};i.addEventListener(r,l,{once:!0})}else e()},pe=({element:i,callback:e})=>{he({element:i,callback:e,type:"transition",keysCheck:["all 0s ease 0s","all"]})},w=({state:i,trigger:e,popper:t})=>{let s=i==="open";G(t,{"data-state":i}),G(e,{"aria-expanded":`${s}`})},F=class{constructor({trigger:e,content:t,options:s={}}){a(this,"triggerElement"),a(this,"contentElement"),a(this,"triggerStrategy"),a(this,"placement"),a(this,"offsetDistance"),a(this,"preventFromCloseOutside"),a(this,"preventFromCloseInside"),a(this,"options"),a(this,"defaultState"),a(this,"popper"),a(this,"eventEffect"),a(this,"getElement",n=>typeof n=="string"?le(n):n instanceof HTMLElement?n:void 0),a(this,"handleDocumentClick",n=>{this.contentElement.getAttribute("data-state")==="open"&&(!this.triggerElement.contains(n.target)&&!this.preventFromCloseInside&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(n.target)&&!this.contentElement.contains(n.target)&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(n.target)&&!this.contentElement.contains(n.target)&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(n.target)&&this.contentElement.contains(n.target)&&!this.preventFromCloseInside&&this.hide())}),a(this,"handleKeyDown",n=>{n.preventDefault(),this.triggerStrategy!=="hover"&&n.key==="Escape"&&this.contentElement.getAttribute("data-state")==="open"&&(this.preventFromCloseOutside||this.hide())}),a(this,"toggleStateOnClick",()=>{(this.contentElement.dataset.state||"close")==="close"?(this.show(),this.triggerStrategy==="hover"&&this.addEventOnMouseEnter()):this.hide()}),a(this,"hideOnMouseLeaseTrigger",()=>{setTimeout(()=>{this.contentElement.matches(":hover")||this.hide()},150)}),a(this,"hideOnMouseLeave",()=>{setTimeout(()=>{this.triggerElement.matches(":hover")||this.hide()},150)}),a(this,"addEventOnMouseEnter",()=>{this.triggerElement.addEventListener("mouseleave",this.hideOnMouseLeaseTrigger),this.contentElement.addEventListener("mouseleave",this.hideOnMouseLeave)}),a(this,"showOnMouseEnter",()=>{this.show(),this.addEventOnMouseEnter()}),a(this,"setShowOptions",({placement:n,offsetDistance:r})=>{var l,d,c,m;this.popper.setOptions({placement:n,offsetDistance:r}),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleDocumentClick),(d=(l=this.options).beforeShow)==null||d.call(l),w({state:"open",popper:this.contentElement,trigger:this.triggerElement}),this.onToggleState(!1),(m=(c=this.options).onShow)==null||m.call(c)}),a(this,"setPopperOptions",({placement:n,offsetDistance:r})=>{this.popper.setOptions({placement:n,offsetDistance:r||this.offsetDistance})}),a(this,"setPopperTrigger",(n,r)=>{this.cleanup(),this.popper.setOptions({placement:r.placement||this.placement,offsetDistance:r.offsetDistance||this.offsetDistance}),this.triggerElement=n,this.triggerElement.addEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.addEventListener("mouseenter",this.showOnMouseEnter)}),a(this,"cleanup",()=>{this.triggerElement.removeEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.removeEventListener("mouseenter",this.showOnMouseEnter)});var o;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=s,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 x(this.triggerElement,this.contentElement,{placement:this.placement,offsetDistance:this.offsetDistance,eventEffect:this.eventEffect}),this.initInstance()}onToggleState(e){var t,s;(s=(t=this.options).onToggle)==null||s.call(t,{isHidden:e})}show(){var e,t,s,o;this.popper.updatePosition(),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleDocumentClick),(t=(e=this.options).beforeShow)==null||t.call(e),w({state:"open",popper:this.contentElement,trigger:this.triggerElement}),this.onToggleState(!1),(o=(s=this.options).onShow)==null||o.call(s)}hide(){var e,t;(t=(e=this.options).beforeHide)==null||t.call(e),w({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 s,o;this.onToggleState(!0),this.popper.cleanupEvents(),(o=(s=this.options).onHide)==null||o.call(s)}})}initInstance(){w({state:this.defaultState,popper:this.contentElement,trigger:this.triggerElement}),this.defaultState==="open"?this.show():w({state:"close",popper:this.contentElement,trigger:this.triggerElement}),this.triggerElement.addEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.addEventListener("mouseenter",this.showOnMouseEnter)}},y=class{static initGlobalRegistry(){window.$flexillaInstances||(window.$flexillaInstances={})}static register(e,t,s){return this.initGlobalRegistry(),window.$flexillaInstances[e]||(window.$flexillaInstances[e]=[]),this.getInstance(e,t)||(window.$flexillaInstances[e].push({element:t,instance:s}),s)}static getInstance(e,t){var s,o;return this.initGlobalRegistry(),(o=(s=window.$flexillaInstances[e])==null?void 0:s.find(n=>n.element===t))==null?void 0:o.instance}static removeInstance(e,t){this.initGlobalRegistry(),window.$flexillaInstances[e]&&(window.$flexillaInstances[e]=window.$flexillaInstances[e].filter(s=>s.element!==t))}},I=class i{constructor(e,t={}){p(this,"triggerElement"),p(this,"contentElement"),p(this,"options"),p(this,"PopoverInstance"),p(this,"triggerStrategy"),p(this,"placement"),p(this,"offsetDistance"),p(this,"preventFromCloseOutside"),p(this,"preventFromCloseInside"),p(this,"defaultState"),p(this,"setShowOptions",({placement:n,offsetDistance:r})=>{this.PopoverInstance.setShowOptions({placement:n,offsetDistance:r})}),p(this,"setOptions",({placement:n,offsetDistance:r})=>{this.PopoverInstance.setPopperOptions({placement:n,offsetDistance:r})}),p(this,"setPopperTrigger",(n,r)=>{this.PopoverInstance.setPopperTrigger(n,r)}),p(this,"show",()=>{this.PopoverInstance.show(),W(this.contentElement,"popover-show",{isHidden:!1})}),p(this,"hide",()=>{this.PopoverInstance.hide(),W(this.contentElement,"popover-hide",{isHidden:!0})}),p(this,"cleanup",()=>{this.PopoverInstance.cleanup(),y.removeInstance("popover",this.contentElement)});let s=typeof e=="string"?j(e):e;this.contentElement=s;let o=y.getInstance("popover",this.contentElement);if(o)return o;this.triggerElement=j(`[data-popover-trigger][data-popover-id=${s.getAttribute("id")}]`),this.options=t,this.triggerStrategy=this.options.triggerStrategy||s.dataset.triggerStrategy||"click",this.placement=this.options.placement||s.dataset.placement||"bottom-middle",this.offsetDistance=this.options.offsetDistance||parseInt(`${s.dataset.offsetDistance}`)|6,this.preventFromCloseOutside=this.options.preventFromCloseOutside||s.hasAttribute("data-prevent-close-outside")||!1,this.preventFromCloseInside=this.options.preventCloseFromInside||s.hasAttribute("data-prevent-close-inside")||!1,this.defaultState=this.options.defaultState||s.dataset.defaultState||"close",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,onShow:this.options.onShow,onHide:this.options.onHide,onToggle:({isHidden:n})=>{var r,l;(l=(r=this.options).onToggle)==null||l.call(r,{isHidden:n}),W(this.contentElement,"popover-toggle",{isHidden:n})},popper:this.options.popper}}),y.register("popover",this.contentElement,this)}static init(e,t){return new i(e,t)}static autoInit(e="[data-fx-popover]"){let t=J(e);for(let s of t)new i(s)}};function ce(i){i.directive("popover",(e,{},{cleanup:t})=>{let s=new I(e);t(()=>{s.cleanup()})})}var K=ce;document.addEventListener("alpine:init",()=>{K(window.Alpine)});})();
1
+ (()=>{var q=Object.defineProperty,B=(s,e,t)=>e in s?q(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,p=(s,e,t)=>B(s,typeof e!="symbol"?e+"":e,t),J=Object.defineProperty,N=(s,e,t)=>e in s?J(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,h=(s,e,t)=>N(s,typeof e!="symbol"?e+"":e,t),Q="bottom",V=({reference:s,popper:e})=>{if(!s||!e)throw new Error("Reference or popper element is null or undefined");let t=new WeakMap,i=r=>(t.has(r)||t.set(r,r.getBoundingClientRect()),t.get(r)),o=i(e),n=i(s);return{popperHeight:o.height,popperWidth:o.width,refHeight:n.height,refWidth:n.width,refLeft:n.left,refTop:n.top,refRight:n.right}},X=(s,e,t,i)=>{let o=t,n=i-(t+e);return o>=(s-e)/2&&n>=(s-e)/2},Y=(s,e,t,i)=>(s-e)/2<=t&&t+s/2+e/2<=i,Z=(s,e,t,i,o)=>t>o-i?e()?window.innerHeight-o:t-o:s()?0:t+i,_=(s,e,t,i)=>s<=i&&t-s<=e,ee=(s,e,t,i)=>t<=i&&-s<=e,te=(s,e,t,i,o,n)=>{let r=o-t-n,l=t-i,d=t+n-i+(o-t-n),c=r>=0?o-i:l>=0?t-i:t;return s()?0:e()?d:c},ie=(s,e,t,i)=>s<=t&&e-s-i>=s,se=(s,e)=>s>=e,ne=({placement:s,refWidth:e,refTop:t,refLeft:i,refHeight:o,popperWidth:n,popperHeight:r,windowHeight:l,windowWidth:d,offsetDistance:c})=>{let m=d-i-e,v=i,P=l-t-o,k=t,E=()=>Z(()=>ee(t,o,r,l),()=>_(t,o,r,l),t,o,r),u=()=>te(()=>ie(i,d,n,e),()=>se(i,n),i,n,d,e),C=()=>X(n,e,i,d)?i+e/2-n/2:u(),H=()=>Y(r,o,t,l)?t+o/2-r/2:E(),T=()=>i+n<=d?i:u(),b=()=>i+e-n>=0?i+e-n:u(),S=()=>t+r<=l?t:E(),U=()=>t+o-r>=0?t+o-r:E(),g=0,f=0,M=t-r-c,O=t+o+c,D=i-n-c,L=i+e+c,R=k>=r+c,$=P>=r+c,A=v>=n+c,z=m>=n+c;switch(s.startsWith("top")?f=R?M:$?O:Math.max(M,O):s.startsWith("bottom")?f=$?O:R?M:Math.max(O):s.startsWith("left")?g=A?D:z?L:Math.max(D,L):s.startsWith("right")&&(g=z?L:A?D:Math.max(L,D)),s){case"bottom":case"bottom-middle":case"top":case"top-middle":g=C();break;case"left":case"left-middle":case"right":case"right-middle":f=H();break;case"bottom-start":case"top-start":g=T();break;case"bottom-end":case"top-end":g=b();break;case"left-start":case"right-start":f=S();break;case"left-end":case"right-end":f=U();break}return{x:g,y:f}},x=class{constructor(e,t,i={}){h(this,"reference"),h(this,"popper"),h(this,"offsetDistance"),h(this,"placement"),h(this,"disableOnResize"),h(this,"disableOnScroll"),h(this,"onUpdate"),h(this,"isWindowEventsRegistered"),h(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")}),h(this,"setPopperStyleProperty",(m,v)=>{this.popper.style.setProperty("--fx-popper-placement-x",`${m}px`),this.popper.style.setProperty("--fx-popper-placement-y",`${v}px`)}),h(this,"setInitialStyles",()=>{this.popper.style.setProperty("--fx-popper-placement-x",""),this.popper.style.setProperty("--fx-popper-placement-y","")}),h(this,"initPlacement",()=>{var m;this.validateElements(),this.setInitialStyles();let v=window.innerWidth,P=window.innerHeight,{popperHeight:k,popperWidth:E,refHeight:u,refWidth:C,refLeft:H,refTop:T}=V({reference:this.reference,popper:this.popper}),{x:b,y:S}=ne({placement:this.placement,refWidth:C,refTop:T,refLeft:H,popperWidth:E,refHeight:u,popperHeight:k,windowHeight:P,windowWidth:v,offsetDistance:this.offsetDistance});this.setPopperStyleProperty(b,S),(m=this.onUpdate)==null||m.call(this,{x:b,y:S,placement:this.placement})}),h(this,"removeWindowEvents",()=>{this.isWindowEventsRegistered&&(!this.disableOnResize&&window.removeEventListener("resize",this.updatePosition),!this.disableOnScroll&&window.removeEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!1)}),h(this,"attachWindowEvent",()=>{this.isWindowEventsRegistered&&this.removeWindowEvents(),this.disableOnResize||window.addEventListener("resize",this.updatePosition),this.disableOnScroll||window.addEventListener("scroll",this.updatePosition),this.isWindowEventsRegistered=!0}),h(this,"resetPosition",()=>{this.setInitialStyles()}),h(this,"updatePosition",()=>{this.initPlacement(),this.attachWindowEvent()}),h(this,"cleanupEvents",()=>{this.setInitialStyles(),this.removeWindowEvents()});let{offsetDistance:o=10,placement:n=Q,eventEffect:r={},onUpdate:l}=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:d,disableOnScroll:c}=r;this.isWindowEventsRegistered=!1,this.reference=e,this.popper=t,this.offsetDistance=o,this.placement=n,this.disableOnResize=d||!1,this.disableOnScroll=c||!1,this.onUpdate=l}setOptions({placement:e,offsetDistance:t}){this.placement=e,this.offsetDistance=t||this.offsetDistance,this.initPlacement(),this.attachWindowEvent()}},oe=Object.defineProperty,re=(s,e,t)=>e in s?oe(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t,a=(s,e,t)=>re(s,typeof e!="symbol"?e+"":e,t),ae=(s,e=document.body)=>e.querySelector(s),j=(s,e)=>{for(let[t,i]of Object.entries(e))s.setAttribute(t,i)},le=({element:s,callback:e,type:t,keysCheck:i})=>{let o=getComputedStyle(s),n=o.transition;if(n!=="none"&&n!==""&&!i.includes(n)){let r="transitionend",l=()=>{s.removeEventListener(r,l),e()};s.addEventListener(r,l,{once:!0})}else e()},he=({element:s,callback:e})=>{le({element:s,callback:e,type:"transition",keysCheck:["all 0s ease 0s","all"]})},w=({state:s,trigger:e,popper:t})=>{let i=s==="open";j(t,{"data-state":s}),j(e,{"aria-expanded":`${i}`})},F=class{constructor({trigger:e,content:t,options:i={}}){a(this,"triggerElement"),a(this,"contentElement"),a(this,"triggerStrategy"),a(this,"placement"),a(this,"offsetDistance"),a(this,"preventFromCloseOutside"),a(this,"preventFromCloseInside"),a(this,"options"),a(this,"defaultState"),a(this,"popper"),a(this,"eventEffect"),a(this,"getElement",n=>typeof n=="string"?ae(n):n instanceof HTMLElement?n:void 0),a(this,"handleDocumentClick",n=>{this.contentElement.getAttribute("data-state")==="open"&&(!this.triggerElement.contains(n.target)&&!this.preventFromCloseInside&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(n.target)&&!this.contentElement.contains(n.target)&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(n.target)&&!this.contentElement.contains(n.target)&&!this.preventFromCloseOutside?this.hide():!this.triggerElement.contains(n.target)&&this.contentElement.contains(n.target)&&!this.preventFromCloseInside&&this.hide())}),a(this,"handleKeyDown",n=>{n.preventDefault(),this.triggerStrategy!=="hover"&&n.key==="Escape"&&this.contentElement.getAttribute("data-state")==="open"&&(this.preventFromCloseOutside||this.hide())}),a(this,"toggleStateOnClick",()=>{(this.contentElement.dataset.state||"close")==="close"?(this.show(),this.triggerStrategy==="hover"&&this.addEventOnMouseEnter()):this.hide()}),a(this,"hideOnMouseLeaseTrigger",()=>{setTimeout(()=>{this.contentElement.matches(":hover")||this.hide()},150)}),a(this,"hideOnMouseLeave",()=>{setTimeout(()=>{this.triggerElement.matches(":hover")||this.hide()},150)}),a(this,"addEventOnMouseEnter",()=>{this.triggerElement.addEventListener("mouseleave",this.hideOnMouseLeaseTrigger),this.contentElement.addEventListener("mouseleave",this.hideOnMouseLeave)}),a(this,"showOnMouseEnter",()=>{this.show(),this.addEventOnMouseEnter()}),a(this,"setShowOptions",({placement:n,offsetDistance:r})=>{var l,d,c,m;this.popper.setOptions({placement:n,offsetDistance:r}),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleDocumentClick),(d=(l=this.options).beforeShow)==null||d.call(l),w({state:"open",popper:this.contentElement,trigger:this.triggerElement}),this.onToggleState(!1),(m=(c=this.options).onShow)==null||m.call(c)}),a(this,"setPopperOptions",({placement:n,offsetDistance:r})=>{this.popper.setOptions({placement:n,offsetDistance:r||this.offsetDistance})}),a(this,"setPopperTrigger",(n,r)=>{this.cleanup(),this.popper.setOptions({placement:r.placement||this.placement,offsetDistance:r.offsetDistance||this.offsetDistance}),this.triggerElement=n,this.triggerElement.addEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.addEventListener("mouseenter",this.showOnMouseEnter)}),a(this,"cleanup",()=>{this.triggerElement.removeEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.removeEventListener("mouseenter",this.showOnMouseEnter)});var o;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=(o=this.options.popper)==null?void 0:o.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,o;this.popper.updatePosition(),document.addEventListener("keydown",this.handleKeyDown),document.addEventListener("click",this.handleDocumentClick),(t=(e=this.options).beforeShow)==null||t.call(e),w({state:"open",popper:this.contentElement,trigger:this.triggerElement}),this.onToggleState(!1),(o=(i=this.options).onShow)==null||o.call(i)}hide(){var e,t;(t=(e=this.options).beforeHide)==null||t.call(e),w({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 i,o;this.onToggleState(!0),this.popper.cleanupEvents(),(o=(i=this.options).onHide)==null||o.call(i)}})}initInstance(){w({state:this.defaultState,popper:this.contentElement,trigger:this.triggerElement}),this.defaultState==="open"?this.show():w({state:"close",popper:this.contentElement,trigger:this.triggerElement}),this.triggerElement.addEventListener("click",this.toggleStateOnClick),this.triggerStrategy==="hover"&&this.triggerElement.addEventListener("mouseenter",this.showOnMouseEnter)}},G=(s,e=document.body)=>e.querySelector(s),pe=(s,e=document.body)=>Array.from(e.querySelectorAll(s)),W=(s,e,t)=>{let i=new CustomEvent(e,{detail:t});s.dispatchEvent(i)},y=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,o;return this.initGlobalRegistry(),(o=(i=window.$flexillaInstances[e])==null?void 0:i.find(n=>n.element===t))==null?void 0:o.instance}static removeInstance(e,t){this.initGlobalRegistry(),window.$flexillaInstances[e]&&(window.$flexillaInstances[e]=window.$flexillaInstances[e].filter(i=>i.element!==t))}},I=class s{constructor(e,t={}){p(this,"triggerElement"),p(this,"contentElement"),p(this,"options"),p(this,"PopoverInstance"),p(this,"triggerStrategy"),p(this,"placement"),p(this,"offsetDistance"),p(this,"preventFromCloseOutside"),p(this,"preventFromCloseInside"),p(this,"defaultState"),p(this,"setShowOptions",({placement:n,offsetDistance:r})=>{this.PopoverInstance.setShowOptions({placement:n,offsetDistance:r})}),p(this,"setOptions",({placement:n,offsetDistance:r})=>{this.PopoverInstance.setPopperOptions({placement:n,offsetDistance:r})}),p(this,"setPopperTrigger",(n,r)=>{this.PopoverInstance.setPopperTrigger(n,r)}),p(this,"show",()=>{this.PopoverInstance.show(),W(this.contentElement,"popover-show",{isHidden:!1})}),p(this,"hide",()=>{this.PopoverInstance.hide(),W(this.contentElement,"popover-hide",{isHidden:!0})}),p(this,"cleanup",()=>{this.PopoverInstance.cleanup(),y.removeInstance("popover",this.contentElement)});let i=typeof e=="string"?G(e):e;this.contentElement=i;let o=y.getInstance("popover",this.contentElement);if(o)return o;this.triggerElement=G(`[data-popover-trigger][data-popover-id=${i.getAttribute("id")}]`),this.options=t,this.triggerStrategy=this.options.triggerStrategy||i.dataset.triggerStrategy||"click",this.placement=this.options.placement||i.dataset.placement||"bottom-middle",this.offsetDistance=this.options.offsetDistance||parseInt(`${i.dataset.offsetDistance}`)|6,this.preventFromCloseOutside=this.options.preventFromCloseOutside||i.hasAttribute("data-prevent-close-outside")||!1,this.preventFromCloseInside=this.options.preventCloseFromInside||i.hasAttribute("data-prevent-close-inside")||!1,this.defaultState=this.options.defaultState||i.dataset.defaultState||"close",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,onShow:this.options.onShow,onHide:this.options.onHide,onToggle:({isHidden:n})=>{var r,l;(l=(r=this.options).onToggle)==null||l.call(r,{isHidden:n}),W(this.contentElement,"popover-toggle",{isHidden:n})},popper:this.options.popper}}),y.register("popover",this.contentElement,this)}static init(e,t){return new s(e,t)}static autoInit(e="[data-fx-popover]"){let t=pe(e);for(let i of t)new s(i)}};function ce(s){s.directive("popover",(e,{},{cleanup:t})=>{let i=new I(e);t(()=>{i.cleanup()})})}var K=ce;document.addEventListener("alpine:init",()=>{K(window.Alpine)});})();
package/dist/module.cjs.js CHANGED
@@ -24,19 +24,13 @@ __export(module_exports, {
24
24
  module.exports = __toCommonJS(module_exports);
25
25
 
26
26
  // ../../node_modules/@flexilla/popover/dist/popover.js
27
+ var U = Object.defineProperty;
28
+ var j = (i, e, t) => e in i ? U(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
29
+ var l = (i, e, t) => j(i, typeof e != "symbol" ? e + "" : e, t);
27
30
  var K = Object.defineProperty;
28
- var U = (i, e, t) => e in i ? K(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
29
- var h = (i, e, t) => U(i, typeof e != "symbol" ? e + "" : e, t);
30
- var A = (i, e = document.body) => e.querySelector(i);
31
- var j = (i, e = document.body) => Array.from(e.querySelectorAll(i));
32
- var M = (i, e, t) => {
33
- const s = new CustomEvent(e, { detail: t });
34
- i.dispatchEvent(s);
35
- };
36
- var q = Object.defineProperty;
37
- var B = (i, e, t) => e in i ? q(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
38
- var a = (i, e, t) => B(i, typeof e != "symbol" ? e + "" : e, t);
39
- var J = "bottom";
31
+ var q = (i, e, t) => e in i ? K(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
32
+ var p = (i, e, t) => q(i, typeof e != "symbol" ? e + "" : e, t);
33
+ var B = "bottom";
40
34
  var N = ({ reference: i, popper: e }) => {
41
35
  if (!i || !e)
42
36
  throw new Error("Reference or popper element is null or undefined");
@@ -51,24 +45,21 @@ var N = ({ reference: i, popper: e }) => {
51
45
  refRight: n.right
52
46
  };
53
47
  };
54
- var Q = Object.defineProperty;
55
- var V = (i, e, t) => e in i ? Q(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
56
- var p = (i, e, t) => V(i, typeof e != "symbol" ? e + "" : e, t);
57
- var X = (i, e, t, s) => {
48
+ var V = (i, e, t, s) => {
58
49
  const o = t, n = s - (t + e);
59
50
  return o >= (i - e) / 2 && n >= (i - e) / 2;
60
51
  };
61
- var Y = (i, e, t, s) => (i - e) / 2 <= t && t + i / 2 + e / 2 <= s;
62
- var Z = (i, e, t, s, o) => t > o - s ? e() ? window.innerHeight - o : t - o : i() ? 0 : t + s;
63
- var _ = (i, e, t, s) => i <= s && t - i <= e;
64
- var ee = (i, e, t, s) => t <= s && -i <= e;
65
- var te = (i, e, t, s, o, n) => {
66
- const r = o - t - n, l = t - s, d = t + n - s + (o - t - n), c = r >= 0 ? o - s : l >= 0 ? t - s : t;
52
+ var X = (i, e, t, s) => (i - e) / 2 <= t && t + i / 2 + e / 2 <= s;
53
+ var Y = (i, e, t, s, o) => t > o - s ? e() ? window.innerHeight - o : t - o : i() ? 0 : t + s;
54
+ var J = (i, e, t, s) => i <= s && t - i <= e;
55
+ var Q = (i, e, t, s) => t <= s && -i <= e;
56
+ var Z = (i, e, t, s, o, n) => {
57
+ const r = o - t - n, h = t - s, d = t + n - s + (o - t - n), c = r >= 0 ? o - s : h >= 0 ? t - s : t;
67
58
  return i() ? 0 : e() ? d : c;
68
59
  };
69
- var se = (i, e, t, s) => i <= t && e - i - s >= i;
70
- var ie = (i, e) => i >= e;
71
- var ne = ({
60
+ var _ = (i, e, t, s) => i <= t && e - i - s >= i;
61
+ var ee = (i, e) => i >= e;
62
+ var te = ({
72
63
  placement: i,
73
64
  refWidth: e,
74
65
  refTop: t,
@@ -76,24 +67,24 @@ var ne = ({
76
67
  refHeight: o,
77
68
  popperWidth: n,
78
69
  popperHeight: r,
79
- windowHeight: l,
70
+ windowHeight: h,
80
71
  windowWidth: d,
81
72
  offsetDistance: c
82
73
  }) => {
83
- const g = d - s - e, v = s, L = l - t - o, D = t, u = () => Z(
84
- () => ee(t, o, r, l),
85
- () => _(t, o, r, l),
74
+ const g = d - s - e, v = s, L = h - t - o, D = t, u = () => Y(
75
+ () => Q(t, o, r, h),
76
+ () => J(t, o, r, h),
86
77
  t,
87
78
  o,
88
79
  r
89
- ), E = () => te(
90
- () => se(s, d, n, e),
91
- () => ie(s, n),
80
+ ), E = () => Z(
81
+ () => _(s, d, n, e),
82
+ () => ee(s, n),
92
83
  s,
93
84
  n,
94
85
  d,
95
86
  e
96
- ), k = () => X(n, e, s, d) ? s + e / 2 - n / 2 : E(), C = () => Y(r, o, t, l) ? t + o / 2 - r / 2 : u(), P = () => s + n <= d ? s : E(), y = () => s + e - n >= 0 ? s + e - n : E(), b = () => t + r <= l ? t : u(), G = () => t + o - r >= 0 ? t + o - r : u();
87
+ ), k = () => V(n, e, s, d) ? s + e / 2 - n / 2 : E(), C = () => X(r, o, t, h) ? t + o / 2 - r / 2 : u(), P = () => s + n <= d ? s : E(), y = () => s + e - n >= 0 ? s + e - n : E(), b = () => t + r <= h ? t : u(), G = () => t + o - r >= 0 ? t + o - r : u();
97
88
  let m = 0, f = 0;
98
89
  const T = t - r - c, S = t + o + c, O = s - n - c, I = s + e + c, W = D >= r + c, F = L >= r + c, R = v >= n + c, $ = g >= n + c;
99
90
  switch (i.startsWith("top") ? f = W ? T : F ? S : Math.max(T, S) : i.startsWith("bottom") ? f = F ? S : W ? T : Math.max(S) : i.startsWith("left") ? m = R ? O : $ ? I : Math.max(O, I) : i.startsWith("right") && (m = $ ? I : R ? O : Math.max(I, O)), i) {
@@ -128,7 +119,7 @@ var ne = ({
128
119
  }
129
120
  return { x: m, y: f };
130
121
  };
131
- var oe = class {
122
+ var se = class {
132
123
  /**
133
124
  * Flexilla Popper
134
125
  * @param reference
@@ -162,7 +153,7 @@ var oe = class {
162
153
  }), p(this, "initPlacement", () => {
163
154
  var g;
164
155
  this.validateElements(), this.setInitialStyles();
165
- const v = window.innerWidth, L = window.innerHeight, { popperHeight: D, popperWidth: u, refHeight: E, refWidth: k, refLeft: C, refTop: P } = N({ reference: this.reference, popper: this.popper }), { x: y, y: b } = ne(
156
+ const v = window.innerWidth, L = window.innerHeight, { popperHeight: D, popperWidth: u, refHeight: E, refWidth: k, refLeft: C, refTop: P } = N({ reference: this.reference, popper: this.popper }), { x: y, y: b } = te(
166
157
  {
167
158
  placement: this.placement,
168
159
  refWidth: k,
@@ -190,9 +181,9 @@ var oe = class {
190
181
  });
191
182
  const {
192
183
  offsetDistance: o = 10,
193
- placement: n = J,
184
+ placement: n = B,
194
185
  eventEffect: r = {},
195
- onUpdate: l
186
+ onUpdate: h
196
187
  } = s;
197
188
  if (!(e instanceof HTMLElement))
198
189
  throw new Error("Invalid HTMLElement for Reference Element");
@@ -201,7 +192,7 @@ var oe = class {
201
192
  if (s.offsetDistance && typeof s.offsetDistance != "number")
202
193
  throw new Error("OffsetDistance must be a number");
203
194
  const { disableOnResize: d, disableOnScroll: c } = r;
204
- this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = n, this.disableOnResize = d || false, this.disableOnScroll = c || false, this.onUpdate = l;
195
+ this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = n, this.disableOnResize = d || false, this.disableOnScroll = c || false, this.onUpdate = h;
205
196
  }
206
197
  /**
207
198
  * Updates popper configuration and recalculates position
@@ -214,12 +205,15 @@ var oe = class {
214
205
  this.placement = e, this.offsetDistance = t || this.offsetDistance, this.initPlacement(), this.attachWindowEvent();
215
206
  }
216
207
  };
217
- var re = (i, e = document.body) => e.querySelector(i);
218
- var z = (i, e) => {
208
+ var ie = Object.defineProperty;
209
+ var ne = (i, e, t) => e in i ? ie(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
210
+ var a = (i, e, t) => ne(i, typeof e != "symbol" ? e + "" : e, t);
211
+ var oe = (i, e = document.body) => e.querySelector(i);
212
+ var A = (i, e) => {
219
213
  for (const [t, s] of Object.entries(e))
220
214
  i.setAttribute(t, s);
221
215
  };
222
- var ae = ({
216
+ var re = ({
223
217
  element: i,
224
218
  callback: e,
225
219
  type: t,
@@ -227,18 +221,18 @@ var ae = ({
227
221
  }) => {
228
222
  const o = getComputedStyle(i), n = o.transition;
229
223
  if (n !== "none" && n !== "" && !s.includes(n)) {
230
- const r = "transitionend", l = () => {
231
- i.removeEventListener(r, l), e();
224
+ const r = "transitionend", h = () => {
225
+ i.removeEventListener(r, h), e();
232
226
  };
233
- i.addEventListener(r, l, { once: true });
227
+ i.addEventListener(r, h, { once: true });
234
228
  } else
235
229
  e();
236
230
  };
237
- var le = ({
231
+ var ae = ({
238
232
  element: i,
239
233
  callback: e
240
234
  }) => {
241
- ae({
235
+ re({
242
236
  element: i,
243
237
  callback: e,
244
238
  type: "transition",
@@ -247,9 +241,9 @@ var le = ({
247
241
  };
248
242
  var w = ({ state: i, trigger: e, popper: t }) => {
249
243
  const s = i === "open";
250
- z(t, {
244
+ A(t, {
251
245
  "data-state": i
252
- }), z(e, {
246
+ }), A(e, {
253
247
  "aria-expanded": `${s}`
254
248
  });
255
249
  };
@@ -262,7 +256,7 @@ var he = class {
262
256
  * @param {OverlayOptions} [params.options] - Configuration options for the overlay
263
257
  */
264
258
  constructor({ trigger: e, content: t, options: s = {} }) {
265
- a(this, "triggerElement"), a(this, "contentElement"), a(this, "triggerStrategy"), a(this, "placement"), a(this, "offsetDistance"), a(this, "preventFromCloseOutside"), a(this, "preventFromCloseInside"), a(this, "options"), a(this, "defaultState"), a(this, "popper"), a(this, "eventEffect"), a(this, "getElement", (n) => typeof n == "string" ? re(n) : n instanceof HTMLElement ? n : void 0), a(this, "handleDocumentClick", (n) => {
259
+ a(this, "triggerElement"), a(this, "contentElement"), a(this, "triggerStrategy"), a(this, "placement"), a(this, "offsetDistance"), a(this, "preventFromCloseOutside"), a(this, "preventFromCloseInside"), a(this, "options"), a(this, "defaultState"), a(this, "popper"), a(this, "eventEffect"), a(this, "getElement", (n) => typeof n == "string" ? oe(n) : n instanceof HTMLElement ? n : void 0), a(this, "handleDocumentClick", (n) => {
266
260
  this.contentElement.getAttribute("data-state") === "open" && (!this.triggerElement.contains(n.target) && !this.preventFromCloseInside && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(n.target) && !this.contentElement.contains(n.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(n.target) && !this.contentElement.contains(n.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(n.target) && this.contentElement.contains(n.target) && !this.preventFromCloseInside && this.hide());
267
261
  }), a(this, "handleKeyDown", (n) => {
268
262
  n.preventDefault(), this.triggerStrategy !== "hover" && n.key === "Escape" && this.contentElement.getAttribute("data-state") === "open" && (this.preventFromCloseOutside || this.hide());
@@ -281,11 +275,11 @@ var he = class {
281
275
  }), a(this, "showOnMouseEnter", () => {
282
276
  this.show(), this.addEventOnMouseEnter();
283
277
  }), a(this, "setShowOptions", ({ placement: n, offsetDistance: r }) => {
284
- var l, d, c, g;
278
+ var h, d, c, g;
285
279
  this.popper.setOptions({
286
280
  placement: n,
287
281
  offsetDistance: r
288
- }), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("click", this.handleDocumentClick), (d = (l = this.options).beforeShow) == null || d.call(l), w({
282
+ }), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("click", this.handleDocumentClick), (d = (h = this.options).beforeShow) == null || d.call(h), w({
289
283
  state: "open",
290
284
  popper: this.contentElement,
291
285
  trigger: this.triggerElement
@@ -308,7 +302,7 @@ var he = class {
308
302
  throw new Error("Trigger element must be a valid HTML element");
309
303
  if (!(this.contentElement instanceof HTMLElement))
310
304
  throw new Error("Content element must be a valid HTML element");
311
- this.options = s, 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 oe(
305
+ this.options = s, 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(
312
306
  this.triggerElement,
313
307
  this.contentElement,
314
308
  {
@@ -344,7 +338,7 @@ var he = class {
344
338
  state: "close",
345
339
  popper: this.contentElement,
346
340
  trigger: this.triggerElement
347
- }), 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)), le({
341
+ }), 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({
348
342
  element: this.contentElement,
349
343
  callback: () => {
350
344
  var s, o;
@@ -364,6 +358,12 @@ var he = class {
364
358
  }), this.triggerElement.addEventListener("click", this.toggleStateOnClick), this.triggerStrategy === "hover" && this.triggerElement.addEventListener("mouseenter", this.showOnMouseEnter);
365
359
  }
366
360
  };
361
+ var z = (i, e = document.body) => e.querySelector(i);
362
+ var le = (i, e = document.body) => Array.from(e.querySelectorAll(i));
363
+ var M = (i, e, t) => {
364
+ const s = new CustomEvent(e, { detail: t });
365
+ i.dispatchEvent(s);
366
+ };
367
367
  var H = class {
368
368
  static initGlobalRegistry() {
369
369
  window.$flexillaInstances || (window.$flexillaInstances = {});
@@ -400,44 +400,44 @@ var x = class _x {
400
400
  * });
401
401
  */
402
402
  constructor(e, t = {}) {
403
- h(this, "triggerElement");
404
- h(this, "contentElement");
405
- h(this, "options");
406
- h(this, "PopoverInstance");
407
- h(this, "triggerStrategy");
408
- h(this, "placement");
409
- h(this, "offsetDistance");
410
- h(this, "preventFromCloseOutside");
411
- h(this, "preventFromCloseInside");
412
- h(this, "defaultState");
413
- h(this, "setShowOptions", ({ placement: e2, offsetDistance: t2 }) => {
403
+ l(this, "triggerElement");
404
+ l(this, "contentElement");
405
+ l(this, "options");
406
+ l(this, "PopoverInstance");
407
+ l(this, "triggerStrategy");
408
+ l(this, "placement");
409
+ l(this, "offsetDistance");
410
+ l(this, "preventFromCloseOutside");
411
+ l(this, "preventFromCloseInside");
412
+ l(this, "defaultState");
413
+ l(this, "setShowOptions", ({ placement: e2, offsetDistance: t2 }) => {
414
414
  this.PopoverInstance.setShowOptions({ placement: e2, offsetDistance: t2 });
415
415
  });
416
- h(this, "setOptions", ({ placement: e2, offsetDistance: t2 }) => {
416
+ l(this, "setOptions", ({ placement: e2, offsetDistance: t2 }) => {
417
417
  this.PopoverInstance.setPopperOptions({ placement: e2, offsetDistance: t2 });
418
418
  });
419
- h(this, "setPopperTrigger", (e2, t2) => {
419
+ l(this, "setPopperTrigger", (e2, t2) => {
420
420
  this.PopoverInstance.setPopperTrigger(e2, t2);
421
421
  });
422
- h(this, "show", () => {
422
+ l(this, "show", () => {
423
423
  this.PopoverInstance.show(), M(this.contentElement, "popover-show", {
424
424
  isHidden: false
425
425
  });
426
426
  });
427
- h(this, "hide", () => {
427
+ l(this, "hide", () => {
428
428
  this.PopoverInstance.hide(), M(this.contentElement, "popover-hide", {
429
429
  isHidden: true
430
430
  });
431
431
  });
432
- h(this, "cleanup", () => {
432
+ l(this, "cleanup", () => {
433
433
  this.PopoverInstance.cleanup(), H.removeInstance("popover", this.contentElement);
434
434
  });
435
- const s = typeof e == "string" ? A(e) : e;
435
+ const s = typeof e == "string" ? z(e) : e;
436
436
  this.contentElement = s;
437
437
  const o = H.getInstance("popover", this.contentElement);
438
438
  if (o)
439
439
  return o;
440
- this.triggerElement = A(`[data-popover-trigger][data-popover-id=${s.getAttribute("id")}]`), this.options = t, this.triggerStrategy = this.options.triggerStrategy || s.dataset.triggerStrategy || "click", this.placement = this.options.placement || s.dataset.placement || "bottom-middle", this.offsetDistance = this.options.offsetDistance || parseInt(`${s.dataset.offsetDistance}`) | 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || s.hasAttribute("data-prevent-close-outside") || false, this.preventFromCloseInside = this.options.preventCloseFromInside || s.hasAttribute("data-prevent-close-inside") || false, this.defaultState = this.options.defaultState || s.dataset.defaultState || "close", this.PopoverInstance = new he({
440
+ this.triggerElement = z(`[data-popover-trigger][data-popover-id=${s.getAttribute("id")}]`), this.options = t, this.triggerStrategy = this.options.triggerStrategy || s.dataset.triggerStrategy || "click", this.placement = this.options.placement || s.dataset.placement || "bottom-middle", this.offsetDistance = this.options.offsetDistance || parseInt(`${s.dataset.offsetDistance}`) | 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || s.hasAttribute("data-prevent-close-outside") || false, this.preventFromCloseInside = this.options.preventCloseFromInside || s.hasAttribute("data-prevent-close-inside") || false, this.defaultState = this.options.defaultState || s.dataset.defaultState || "close", this.PopoverInstance = new he({
441
441
  trigger: this.triggerElement,
442
442
  content: this.contentElement,
443
443
  options: {
@@ -450,8 +450,8 @@ var x = class _x {
450
450
  onShow: this.options.onShow,
451
451
  onHide: this.options.onHide,
452
452
  onToggle: ({ isHidden: n }) => {
453
- var r, l;
454
- (l = (r = this.options).onToggle) == null || l.call(r, { isHidden: n }), M(this.contentElement, "popover-toggle", {
453
+ var r, h;
454
+ (h = (r = this.options).onToggle) == null || h.call(r, { isHidden: n }), M(this.contentElement, "popover-toggle", {
455
455
  isHidden: n
456
456
  });
457
457
  },
@@ -484,7 +484,7 @@ var x = class _x {
484
484
  * Popover.autoInit('.custom-popover');
485
485
  */
486
486
  static autoInit(e = "[data-fx-popover]") {
487
- const t = j(e);
487
+ const t = le(e);
488
488
  for (const s of t)
489
489
  new _x(s);
490
490
  }
package/dist/module.esm.js CHANGED
@@ -1,17 +1,11 @@
1
1
  // ../../node_modules/@flexilla/popover/dist/popover.js
2
+ var U = Object.defineProperty;
3
+ var j = (i, e, t) => e in i ? U(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
4
+ var l = (i, e, t) => j(i, typeof e != "symbol" ? e + "" : e, t);
2
5
  var K = Object.defineProperty;
3
- var U = (i, e, t) => e in i ? K(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
4
- var h = (i, e, t) => U(i, typeof e != "symbol" ? e + "" : e, t);
5
- var A = (i, e = document.body) => e.querySelector(i);
6
- var j = (i, e = document.body) => Array.from(e.querySelectorAll(i));
7
- var M = (i, e, t) => {
8
- const s = new CustomEvent(e, { detail: t });
9
- i.dispatchEvent(s);
10
- };
11
- var q = Object.defineProperty;
12
- var B = (i, e, t) => e in i ? q(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
13
- var a = (i, e, t) => B(i, typeof e != "symbol" ? e + "" : e, t);
14
- var J = "bottom";
6
+ var q = (i, e, t) => e in i ? K(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
7
+ var p = (i, e, t) => q(i, typeof e != "symbol" ? e + "" : e, t);
8
+ var B = "bottom";
15
9
  var N = ({ reference: i, popper: e }) => {
16
10
  if (!i || !e)
17
11
  throw new Error("Reference or popper element is null or undefined");
@@ -26,24 +20,21 @@ var N = ({ reference: i, popper: e }) => {
26
20
  refRight: n.right
27
21
  };
28
22
  };
29
- var Q = Object.defineProperty;
30
- var V = (i, e, t) => e in i ? Q(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
31
- var p = (i, e, t) => V(i, typeof e != "symbol" ? e + "" : e, t);
32
- var X = (i, e, t, s) => {
23
+ var V = (i, e, t, s) => {
33
24
  const o = t, n = s - (t + e);
34
25
  return o >= (i - e) / 2 && n >= (i - e) / 2;
35
26
  };
36
- var Y = (i, e, t, s) => (i - e) / 2 <= t && t + i / 2 + e / 2 <= s;
37
- var Z = (i, e, t, s, o) => t > o - s ? e() ? window.innerHeight - o : t - o : i() ? 0 : t + s;
38
- var _ = (i, e, t, s) => i <= s && t - i <= e;
39
- var ee = (i, e, t, s) => t <= s && -i <= e;
40
- var te = (i, e, t, s, o, n) => {
41
- const r = o - t - n, l = t - s, d = t + n - s + (o - t - n), c = r >= 0 ? o - s : l >= 0 ? t - s : t;
27
+ var X = (i, e, t, s) => (i - e) / 2 <= t && t + i / 2 + e / 2 <= s;
28
+ var Y = (i, e, t, s, o) => t > o - s ? e() ? window.innerHeight - o : t - o : i() ? 0 : t + s;
29
+ var J = (i, e, t, s) => i <= s && t - i <= e;
30
+ var Q = (i, e, t, s) => t <= s && -i <= e;
31
+ var Z = (i, e, t, s, o, n) => {
32
+ const r = o - t - n, h = t - s, d = t + n - s + (o - t - n), c = r >= 0 ? o - s : h >= 0 ? t - s : t;
42
33
  return i() ? 0 : e() ? d : c;
43
34
  };
44
- var se = (i, e, t, s) => i <= t && e - i - s >= i;
45
- var ie = (i, e) => i >= e;
46
- var ne = ({
35
+ var _ = (i, e, t, s) => i <= t && e - i - s >= i;
36
+ var ee = (i, e) => i >= e;
37
+ var te = ({
47
38
  placement: i,
48
39
  refWidth: e,
49
40
  refTop: t,
@@ -51,24 +42,24 @@ var ne = ({
51
42
  refHeight: o,
52
43
  popperWidth: n,
53
44
  popperHeight: r,
54
- windowHeight: l,
45
+ windowHeight: h,
55
46
  windowWidth: d,
56
47
  offsetDistance: c
57
48
  }) => {
58
- const g = d - s - e, v = s, L = l - t - o, D = t, u = () => Z(
59
- () => ee(t, o, r, l),
60
- () => _(t, o, r, l),
49
+ const g = d - s - e, v = s, L = h - t - o, D = t, u = () => Y(
50
+ () => Q(t, o, r, h),
51
+ () => J(t, o, r, h),
61
52
  t,
62
53
  o,
63
54
  r
64
- ), E = () => te(
65
- () => se(s, d, n, e),
66
- () => ie(s, n),
55
+ ), E = () => Z(
56
+ () => _(s, d, n, e),
57
+ () => ee(s, n),
67
58
  s,
68
59
  n,
69
60
  d,
70
61
  e
71
- ), k = () => X(n, e, s, d) ? s + e / 2 - n / 2 : E(), C = () => Y(r, o, t, l) ? t + o / 2 - r / 2 : u(), P = () => s + n <= d ? s : E(), y = () => s + e - n >= 0 ? s + e - n : E(), b = () => t + r <= l ? t : u(), G = () => t + o - r >= 0 ? t + o - r : u();
62
+ ), k = () => V(n, e, s, d) ? s + e / 2 - n / 2 : E(), C = () => X(r, o, t, h) ? t + o / 2 - r / 2 : u(), P = () => s + n <= d ? s : E(), y = () => s + e - n >= 0 ? s + e - n : E(), b = () => t + r <= h ? t : u(), G = () => t + o - r >= 0 ? t + o - r : u();
72
63
  let m = 0, f = 0;
73
64
  const T = t - r - c, S = t + o + c, O = s - n - c, I = s + e + c, W = D >= r + c, F = L >= r + c, R = v >= n + c, $ = g >= n + c;
74
65
  switch (i.startsWith("top") ? f = W ? T : F ? S : Math.max(T, S) : i.startsWith("bottom") ? f = F ? S : W ? T : Math.max(S) : i.startsWith("left") ? m = R ? O : $ ? I : Math.max(O, I) : i.startsWith("right") && (m = $ ? I : R ? O : Math.max(I, O)), i) {
@@ -103,7 +94,7 @@ var ne = ({
103
94
  }
104
95
  return { x: m, y: f };
105
96
  };
106
- var oe = class {
97
+ var se = class {
107
98
  /**
108
99
  * Flexilla Popper
109
100
  * @param reference
@@ -137,7 +128,7 @@ var oe = class {
137
128
  }), p(this, "initPlacement", () => {
138
129
  var g;
139
130
  this.validateElements(), this.setInitialStyles();
140
- const v = window.innerWidth, L = window.innerHeight, { popperHeight: D, popperWidth: u, refHeight: E, refWidth: k, refLeft: C, refTop: P } = N({ reference: this.reference, popper: this.popper }), { x: y, y: b } = ne(
131
+ const v = window.innerWidth, L = window.innerHeight, { popperHeight: D, popperWidth: u, refHeight: E, refWidth: k, refLeft: C, refTop: P } = N({ reference: this.reference, popper: this.popper }), { x: y, y: b } = te(
141
132
  {
142
133
  placement: this.placement,
143
134
  refWidth: k,
@@ -165,9 +156,9 @@ var oe = class {
165
156
  });
166
157
  const {
167
158
  offsetDistance: o = 10,
168
- placement: n = J,
159
+ placement: n = B,
169
160
  eventEffect: r = {},
170
- onUpdate: l
161
+ onUpdate: h
171
162
  } = s;
172
163
  if (!(e instanceof HTMLElement))
173
164
  throw new Error("Invalid HTMLElement for Reference Element");
@@ -176,7 +167,7 @@ var oe = class {
176
167
  if (s.offsetDistance && typeof s.offsetDistance != "number")
177
168
  throw new Error("OffsetDistance must be a number");
178
169
  const { disableOnResize: d, disableOnScroll: c } = r;
179
- this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = n, this.disableOnResize = d || false, this.disableOnScroll = c || false, this.onUpdate = l;
170
+ this.isWindowEventsRegistered = false, this.reference = e, this.popper = t, this.offsetDistance = o, this.placement = n, this.disableOnResize = d || false, this.disableOnScroll = c || false, this.onUpdate = h;
180
171
  }
181
172
  /**
182
173
  * Updates popper configuration and recalculates position
@@ -189,12 +180,15 @@ var oe = class {
189
180
  this.placement = e, this.offsetDistance = t || this.offsetDistance, this.initPlacement(), this.attachWindowEvent();
190
181
  }
191
182
  };
192
- var re = (i, e = document.body) => e.querySelector(i);
193
- var z = (i, e) => {
183
+ var ie = Object.defineProperty;
184
+ var ne = (i, e, t) => e in i ? ie(i, e, { enumerable: true, configurable: true, writable: true, value: t }) : i[e] = t;
185
+ var a = (i, e, t) => ne(i, typeof e != "symbol" ? e + "" : e, t);
186
+ var oe = (i, e = document.body) => e.querySelector(i);
187
+ var A = (i, e) => {
194
188
  for (const [t, s] of Object.entries(e))
195
189
  i.setAttribute(t, s);
196
190
  };
197
- var ae = ({
191
+ var re = ({
198
192
  element: i,
199
193
  callback: e,
200
194
  type: t,
@@ -202,18 +196,18 @@ var ae = ({
202
196
  }) => {
203
197
  const o = getComputedStyle(i), n = o.transition;
204
198
  if (n !== "none" && n !== "" && !s.includes(n)) {
205
- const r = "transitionend", l = () => {
206
- i.removeEventListener(r, l), e();
199
+ const r = "transitionend", h = () => {
200
+ i.removeEventListener(r, h), e();
207
201
  };
208
- i.addEventListener(r, l, { once: true });
202
+ i.addEventListener(r, h, { once: true });
209
203
  } else
210
204
  e();
211
205
  };
212
- var le = ({
206
+ var ae = ({
213
207
  element: i,
214
208
  callback: e
215
209
  }) => {
216
- ae({
210
+ re({
217
211
  element: i,
218
212
  callback: e,
219
213
  type: "transition",
@@ -222,9 +216,9 @@ var le = ({
222
216
  };
223
217
  var w = ({ state: i, trigger: e, popper: t }) => {
224
218
  const s = i === "open";
225
- z(t, {
219
+ A(t, {
226
220
  "data-state": i
227
- }), z(e, {
221
+ }), A(e, {
228
222
  "aria-expanded": `${s}`
229
223
  });
230
224
  };
@@ -237,7 +231,7 @@ var he = class {
237
231
  * @param {OverlayOptions} [params.options] - Configuration options for the overlay
238
232
  */
239
233
  constructor({ trigger: e, content: t, options: s = {} }) {
240
- a(this, "triggerElement"), a(this, "contentElement"), a(this, "triggerStrategy"), a(this, "placement"), a(this, "offsetDistance"), a(this, "preventFromCloseOutside"), a(this, "preventFromCloseInside"), a(this, "options"), a(this, "defaultState"), a(this, "popper"), a(this, "eventEffect"), a(this, "getElement", (n) => typeof n == "string" ? re(n) : n instanceof HTMLElement ? n : void 0), a(this, "handleDocumentClick", (n) => {
234
+ a(this, "triggerElement"), a(this, "contentElement"), a(this, "triggerStrategy"), a(this, "placement"), a(this, "offsetDistance"), a(this, "preventFromCloseOutside"), a(this, "preventFromCloseInside"), a(this, "options"), a(this, "defaultState"), a(this, "popper"), a(this, "eventEffect"), a(this, "getElement", (n) => typeof n == "string" ? oe(n) : n instanceof HTMLElement ? n : void 0), a(this, "handleDocumentClick", (n) => {
241
235
  this.contentElement.getAttribute("data-state") === "open" && (!this.triggerElement.contains(n.target) && !this.preventFromCloseInside && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(n.target) && !this.contentElement.contains(n.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(n.target) && !this.contentElement.contains(n.target) && !this.preventFromCloseOutside ? this.hide() : !this.triggerElement.contains(n.target) && this.contentElement.contains(n.target) && !this.preventFromCloseInside && this.hide());
242
236
  }), a(this, "handleKeyDown", (n) => {
243
237
  n.preventDefault(), this.triggerStrategy !== "hover" && n.key === "Escape" && this.contentElement.getAttribute("data-state") === "open" && (this.preventFromCloseOutside || this.hide());
@@ -256,11 +250,11 @@ var he = class {
256
250
  }), a(this, "showOnMouseEnter", () => {
257
251
  this.show(), this.addEventOnMouseEnter();
258
252
  }), a(this, "setShowOptions", ({ placement: n, offsetDistance: r }) => {
259
- var l, d, c, g;
253
+ var h, d, c, g;
260
254
  this.popper.setOptions({
261
255
  placement: n,
262
256
  offsetDistance: r
263
- }), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("click", this.handleDocumentClick), (d = (l = this.options).beforeShow) == null || d.call(l), w({
257
+ }), document.addEventListener("keydown", this.handleKeyDown), document.addEventListener("click", this.handleDocumentClick), (d = (h = this.options).beforeShow) == null || d.call(h), w({
264
258
  state: "open",
265
259
  popper: this.contentElement,
266
260
  trigger: this.triggerElement
@@ -283,7 +277,7 @@ var he = class {
283
277
  throw new Error("Trigger element must be a valid HTML element");
284
278
  if (!(this.contentElement instanceof HTMLElement))
285
279
  throw new Error("Content element must be a valid HTML element");
286
- this.options = s, 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 oe(
280
+ this.options = s, 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(
287
281
  this.triggerElement,
288
282
  this.contentElement,
289
283
  {
@@ -319,7 +313,7 @@ var he = class {
319
313
  state: "close",
320
314
  popper: this.contentElement,
321
315
  trigger: this.triggerElement
322
- }), 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)), le({
316
+ }), 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({
323
317
  element: this.contentElement,
324
318
  callback: () => {
325
319
  var s, o;
@@ -339,6 +333,12 @@ var he = class {
339
333
  }), this.triggerElement.addEventListener("click", this.toggleStateOnClick), this.triggerStrategy === "hover" && this.triggerElement.addEventListener("mouseenter", this.showOnMouseEnter);
340
334
  }
341
335
  };
336
+ var z = (i, e = document.body) => e.querySelector(i);
337
+ var le = (i, e = document.body) => Array.from(e.querySelectorAll(i));
338
+ var M = (i, e, t) => {
339
+ const s = new CustomEvent(e, { detail: t });
340
+ i.dispatchEvent(s);
341
+ };
342
342
  var H = class {
343
343
  static initGlobalRegistry() {
344
344
  window.$flexillaInstances || (window.$flexillaInstances = {});
@@ -375,44 +375,44 @@ var x = class _x {
375
375
  * });
376
376
  */
377
377
  constructor(e, t = {}) {
378
- h(this, "triggerElement");
379
- h(this, "contentElement");
380
- h(this, "options");
381
- h(this, "PopoverInstance");
382
- h(this, "triggerStrategy");
383
- h(this, "placement");
384
- h(this, "offsetDistance");
385
- h(this, "preventFromCloseOutside");
386
- h(this, "preventFromCloseInside");
387
- h(this, "defaultState");
388
- h(this, "setShowOptions", ({ placement: e2, offsetDistance: t2 }) => {
378
+ l(this, "triggerElement");
379
+ l(this, "contentElement");
380
+ l(this, "options");
381
+ l(this, "PopoverInstance");
382
+ l(this, "triggerStrategy");
383
+ l(this, "placement");
384
+ l(this, "offsetDistance");
385
+ l(this, "preventFromCloseOutside");
386
+ l(this, "preventFromCloseInside");
387
+ l(this, "defaultState");
388
+ l(this, "setShowOptions", ({ placement: e2, offsetDistance: t2 }) => {
389
389
  this.PopoverInstance.setShowOptions({ placement: e2, offsetDistance: t2 });
390
390
  });
391
- h(this, "setOptions", ({ placement: e2, offsetDistance: t2 }) => {
391
+ l(this, "setOptions", ({ placement: e2, offsetDistance: t2 }) => {
392
392
  this.PopoverInstance.setPopperOptions({ placement: e2, offsetDistance: t2 });
393
393
  });
394
- h(this, "setPopperTrigger", (e2, t2) => {
394
+ l(this, "setPopperTrigger", (e2, t2) => {
395
395
  this.PopoverInstance.setPopperTrigger(e2, t2);
396
396
  });
397
- h(this, "show", () => {
397
+ l(this, "show", () => {
398
398
  this.PopoverInstance.show(), M(this.contentElement, "popover-show", {
399
399
  isHidden: false
400
400
  });
401
401
  });
402
- h(this, "hide", () => {
402
+ l(this, "hide", () => {
403
403
  this.PopoverInstance.hide(), M(this.contentElement, "popover-hide", {
404
404
  isHidden: true
405
405
  });
406
406
  });
407
- h(this, "cleanup", () => {
407
+ l(this, "cleanup", () => {
408
408
  this.PopoverInstance.cleanup(), H.removeInstance("popover", this.contentElement);
409
409
  });
410
- const s = typeof e == "string" ? A(e) : e;
410
+ const s = typeof e == "string" ? z(e) : e;
411
411
  this.contentElement = s;
412
412
  const o = H.getInstance("popover", this.contentElement);
413
413
  if (o)
414
414
  return o;
415
- this.triggerElement = A(`[data-popover-trigger][data-popover-id=${s.getAttribute("id")}]`), this.options = t, this.triggerStrategy = this.options.triggerStrategy || s.dataset.triggerStrategy || "click", this.placement = this.options.placement || s.dataset.placement || "bottom-middle", this.offsetDistance = this.options.offsetDistance || parseInt(`${s.dataset.offsetDistance}`) | 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || s.hasAttribute("data-prevent-close-outside") || false, this.preventFromCloseInside = this.options.preventCloseFromInside || s.hasAttribute("data-prevent-close-inside") || false, this.defaultState = this.options.defaultState || s.dataset.defaultState || "close", this.PopoverInstance = new he({
415
+ this.triggerElement = z(`[data-popover-trigger][data-popover-id=${s.getAttribute("id")}]`), this.options = t, this.triggerStrategy = this.options.triggerStrategy || s.dataset.triggerStrategy || "click", this.placement = this.options.placement || s.dataset.placement || "bottom-middle", this.offsetDistance = this.options.offsetDistance || parseInt(`${s.dataset.offsetDistance}`) | 6, this.preventFromCloseOutside = this.options.preventFromCloseOutside || s.hasAttribute("data-prevent-close-outside") || false, this.preventFromCloseInside = this.options.preventCloseFromInside || s.hasAttribute("data-prevent-close-inside") || false, this.defaultState = this.options.defaultState || s.dataset.defaultState || "close", this.PopoverInstance = new he({
416
416
  trigger: this.triggerElement,
417
417
  content: this.contentElement,
418
418
  options: {
@@ -425,8 +425,8 @@ var x = class _x {
425
425
  onShow: this.options.onShow,
426
426
  onHide: this.options.onHide,
427
427
  onToggle: ({ isHidden: n }) => {
428
- var r, l;
429
- (l = (r = this.options).onToggle) == null || l.call(r, { isHidden: n }), M(this.contentElement, "popover-toggle", {
428
+ var r, h;
429
+ (h = (r = this.options).onToggle) == null || h.call(r, { isHidden: n }), M(this.contentElement, "popover-toggle", {
430
430
  isHidden: n
431
431
  });
432
432
  },
@@ -459,7 +459,7 @@ var x = class _x {
459
459
  * Popover.autoInit('.custom-popover');
460
460
  */
461
461
  static autoInit(e = "[data-fx-popover]") {
462
- const t = j(e);
462
+ const t = le(e);
463
463
  for (const s of t)
464
464
  new _x(s);
465
465
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@flexilla/alpine-popover",
3
- "version": "0.0.2",
3
+ "version": "0.1.0",
4
4
  "description": "AlpineJS plugin for adding Popover functionality to your AlpineJS components",
5
5
  "type": "module",
6
6
  "private": false,
@@ -18,6 +18,7 @@
18
18
  },
19
19
  "main": "src/index.js",
20
20
  "module": "dist/module.esm.js",
21
+ "types": "src/index.d.ts",
21
22
  "scripts": {
22
23
  "build": "node ./scripts/build.js",
23
24
  "watch": "node ./scripts/build.js --watch",
@@ -41,6 +42,7 @@
41
42
  "LICENSE",
42
43
  "README.md",
43
44
  "src/index.js",
45
+ "src/index.d.ts",
44
46
  "package.json",
45
47
  "dist"
46
48
  ],
@@ -58,7 +60,7 @@
58
60
  "Flexilla"
59
61
  ],
60
62
  "dependencies": {
61
- "@flexilla/popover": "^0.2.3"
63
+ "@flexilla/popover": "^0.3.0"
62
64
  },
63
- "gitHead": "584636c3f3b85dfa71666f5354221dcfc385f9e6"
65
+ "gitHead": "34cb017e7b29fb1ee10ded1d4317256fa7167093"
64
66
  }
package/src/index.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ declare module '@flexilla/alpine-popover' {
2
+ import { Alpine } from 'alpinejs';
3
+
4
+ declare const PluginPopover: (alpine: Alpine) => void;
5
+
6
+ export default PluginPopover;
7
+ }