@fiscozen/composables 0.1.29 → 0.1.31

package/dist/composables.js

@@ -1,12 +1,12 @@
-import { ref as m, reactive as te, onUnmounted as j, nextTick as V, onMounted as L, watch as k, onBeforeUnmount as O, getCurrentInstance as oe, computed as ee, defineComponent as ne, useSlots as ie, toRef as K, toRefs as ae, openBlock as B, createElementBlock as Q, renderSlot as x, createElementVNode as X, unref as F, withDirectives as Y, normalizeClass as J, vShow as Z, createCommentVNode as _, createBlock as le, Teleport as se } from "vue";
+import { ref as m, reactive as ne, onUnmounted as ee, nextTick as te, onMounted as L, watch as k, onBeforeUnmount as O, getCurrentInstance as ie, computed as oe, defineComponent as ae, useSlots as se, toRef as X, toRefs as le, openBlock as B, createElementBlock as Y, renderSlot as R, createElementVNode as J, unref as F, withDirectives as Z, normalizeClass as _, vShow as j, createCommentVNode as V, createBlock as re, Teleport as ue } from "vue";
 const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e, u, i) => {
   let a = i ? "bottom" : "right", h = i ? "bottom-start" : "right-start";
   E.width = window.innerWidth, E.height = window.innerHeight, E.x = 0, E.y = 0;
-  const r = o ? o.getBoundingClientRect() : E, t = n.getBoundingClientRect(), d = e.getBoundingClientRect(), g = (d.left - r.left - t.width) / r.width, l = (r.right - d.right - t.width) / r.width, v = (d.top - r.top - t.height) / r.height, s = (r.bottom - d.bottom - t.height) / r.height;
+  const r = o ? o.getBoundingClientRect() : E, t = n.getBoundingClientRect(), d = e.getBoundingClientRect(), g = (d.left - r.left - t.width) / r.width, s = (r.right - d.right - t.width) / r.width, v = (d.top - r.top - t.height) / r.height, l = (r.bottom - d.bottom - t.height) / r.height;
   let c = [
     {
       key: "right",
-      space: l
+      space: s
     },
     {
       key: "top",
@@ -14,7 +14,7 @@ const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e
     },
     {
       key: "bottom",
-      space: s
+      space: l
     },
     {
       key: "left",
@@ -30,11 +30,11 @@ const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e
         break;
     }
   return h = u ? `${a}-${u}` : a, h;
-}, re = (o, n, e, u) => ({
+}, ve = (o, n, e, u) => ({
   x: n.x + o.width * e / 100,
   y: n.y + o.height * u / 100
-}), ue = (o) => {
-  const n = m(null), e = m(null), u = m(null), i = m(), a = m(), h = m("auto"), r = m(), t = te({
+}), pe = (o) => {
+  const n = m(null), e = m(null), u = m(null), i = m(), a = m(), h = m("auto"), r = m(), t = ne({
     position: { x: 0, y: 0 }
   }), d = {
     root: null,
@@ -42,27 +42,27 @@ const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e
     threshold: 1,
     ...o.element.value.intersectionOptions
   }, g = (c, p) => {
-  }, l = m(new IntersectionObserver(g, d)), v = m(), s = () => V(() => {
-    var $, N, z, P, S, D, M, A, W, I, q, T, H;
+  }, s = m(new IntersectionObserver(g, d)), v = m(), l = () => te(() => {
+    var $, N, z, P, S, D, M, A, W, I, q, T, G, H, U;
     if (v.value = o.position ? o.position.value : "auto", n.value = typeof o.element.value.domRef.value == "string" ? document.querySelector(o.element.value.domRef.value) : o.element.value.domRef.value, ($ = o.container) != null && $.value ? (e.value = typeof ((N = o.container.value) == null ? void 0 : N.domRef.value) == "string" ? document.querySelector(o.container.value.domRef.value) : (z = o.container.value) == null ? void 0 : z.domRef.value, e.value ?? (e.value = document.body)) : e.value = document.body, !n.value)
       throw new Error("missing reference element for floating behavior");
     (P = o.opener) != null && P.value && (u.value = typeof ((S = o.opener.value) == null ? void 0 : S.domRef.value) == "string" ? document.querySelector(o.opener.value.domRef.value) : (D = o.opener.value) == null ? void 0 : D.domRef.value), r.value = n.value.getBoundingClientRect(), i.value = (M = u.value) == null ? void 0 : M.getBoundingClientRect(), a.value = e.value.getBoundingClientRect();
     const c = window.getComputedStyle(n.value);
-    l.value.observe(n.value), l.value.observe(e.value);
+    s.value.observe(n.value), s.value.observe(e.value);
     let p = 0, f = 0;
-    if (o.opener && o.opener.value && u.value && i && i.value) {
-      const y = i.value.left - parseFloat(c.marginLeft) - parseFloat(c.marginRight), U = i.value.left - parseFloat(c.marginLeft), R = i.value.top - parseFloat(c.marginTop) - parseFloat(c.marginBottom), G = i.value.top - parseFloat(c.marginTop);
+    if ((A = o.opener) != null && A.value && u.value && (i != null && i.value)) {
+      const y = i.value.left - parseFloat(c.marginLeft) - parseFloat(c.marginRight), K = i.value.left - parseFloat(c.marginLeft), x = i.value.top - parseFloat(c.marginTop) - parseFloat(c.marginBottom), Q = i.value.top - parseFloat(c.marginTop);
       switch (v.value) {
         case "auto":
           v.value = w(
-            (A = o.useViewport) != null && A.value ? null : e.value,
+            (W = o.useViewport) != null && W.value ? null : e.value,
             n.value,
             u.value
           );
           break;
         case "auto-vertical":
           v.value = w(
-            (W = o.useViewport) != null && W.value ? null : e.value,
+            (I = o.useViewport) != null && I.value ? null : e.value,
             n.value,
             u.value,
             void 0,
@@ -71,7 +71,7 @@ const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e
           break;
         case "auto-start":
           v.value = w(
-            (I = o.useViewport) != null && I.value ? null : e.value,
+            (q = o.useViewport) != null && q.value ? null : e.value,
             n.value,
             u.value,
             "start"
@@ -79,7 +79,7 @@ const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e
           break;
         case "auto-vertical-start":
           v.value = w(
-            (q = o.useViewport) != null && q.value ? null : e.value,
+            (T = o.useViewport) != null && T.value ? null : e.value,
             n.value,
             u.value,
             "start",
@@ -88,7 +88,7 @@ const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e
           break;
         case "auto-end":
           v.value = w(
-            (T = o.useViewport) != null && T.value ? null : e.value,
+            (G = o.useViewport) != null && G.value ? null : e.value,
             n.value,
             u.value,
             "end"
@@ -106,7 +106,7 @@ const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e
       }
       switch (v.value) {
         case "bottom":
-          t.position.y = i.value.bottom, t.position.x = U + i.value.width / 2, f = -50, p = 0;
+          t.position.y = i.value.bottom, t.position.x = K + i.value.width / 2, f = -50, p = 0;
           break;
         case "bottom-start":
           t.position.y = i.value.bottom, t.position.x = y, f = 0, p = 0;
@@ -115,28 +115,28 @@ const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e
           t.position.y = i.value.bottom, t.position.x = i.value.right, f = -100, p = 0;
           break;
         case "left-start":
-          t.position.y = R, t.position.x = y, f = -100, p = 0;
+          t.position.y = x, t.position.x = y, f = -100, p = 0;
           break;
         case "left":
-          t.position.y = G + i.value.height / 2, t.position.x = y, p = -50, f = -100;
+          t.position.y = Q + i.value.height / 2, t.position.x = y, p = -50, f = -100;
           break;
         case "left-end":
           t.position.y = i.value.bottom, t.position.x = y, p = -100, f = -100;
           break;
         case "top-start":
-          t.position.y = R, t.position.x = y, p = -100, f = 0;
+          t.position.y = x, t.position.x = y, p = -100, f = 0;
           break;
         case "top":
-          t.position.y = R, t.position.x = U + i.value.width / 2, f = -50, p = -100;
+          t.position.y = x, t.position.x = K + i.value.width / 2, f = -50, p = -100;
           break;
         case "top-end":
-          t.position.y = R, t.position.x = i.value.right, f = -100, p = -100;
+          t.position.y = x, t.position.x = i.value.right, f = -100, p = -100;
           break;
         case "right-start":
-          t.position.y = R, t.position.x = i.value.right, f = 0, p = 0;
+          t.position.y = x, t.position.x = i.value.right, f = 0, p = 0;
           break;
         case "right":
-          t.position.y = G + i.value.height / 2, t.position.x = i.value.right, p = -50, f = 0;
+          t.position.y = Q + i.value.height / 2, t.position.x = i.value.right, p = -50, f = 0;
           break;
         case "right-end":
           t.position.y = i.value.bottom, t.position.x = i.value.right, p = -100, f = 0;
@@ -172,7 +172,7 @@ const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e
           t.position.y = a.value.top + (a.value.height - r.value.height) / 2, t.position.x = a.value.right - r.value.width;
           break;
       }
-    const b = re(r.value, t.position, f, p);
+    const b = ve(r.value, t.position, f, p);
     if (t.position.x = b.x, t.position.y = b.y, b.x < a.value.left && (t.position.x = a.value.left, f = 0), b.x + r.value.width > a.value.right) {
       const y = a.value.right - r.value.width;
       y > 0 && (t.position.x = y), f = 0;
@@ -181,14 +181,14 @@ const E = new DOMRect(0, 0, window.innerWidth, window.innerHeight), w = (o, n, e
       const y = a.value.bottom - r.value.height;
       y > 0 && (t.position.y = y), p = 0;
     }
-    n.value.style.top = `${t.position.y}px`, n.value.style.left = `${t.position.x}px`, n.value.style.position = "fixed", n.value.style.display = "flex", r.value = n.value.getBoundingClientRect(), o.callback && o.callback.value && o.callback.value(r, i, a, h, v);
+    n.value.style.top = `${t.position.y}px`, n.value.style.left = `${t.position.x}px`, n.value.style.position = "fixed", n.value.style.display = "flex", r.value = n.value.getBoundingClientRect(), (U = o.callback) != null && U.value && o.callback.value(r, i, a, h, v);
   });
-  return j(() => {
-    l.value.disconnect();
+  return ee(() => {
+    s.value.disconnect();
   }), {
     float: t,
     rect: r,
-    setPosition: s,
+    setPosition: l,
     position: h,
     actualPosition: v,
     openerRect: i,
@@ -202,11 +202,11 @@ function C(o) {
   }
   return L(() => {
     n.addEventListener("change", u);
-  }), j(() => {
+  }), ee(() => {
     n.removeEventListener("change", u);
   }), e;
 }
-function pe(o) {
+function fe(o) {
   return {
     isGreater(n) {
       return C(`(min-width: ${o[n]})`);
@@ -219,7 +219,7 @@ function pe(o) {
     }
   };
 }
-function ce(o, n, e) {
+function de(o, n, e) {
   if (!o)
     throw new Error("A target component has to be provided.");
   if (!n)
@@ -240,7 +240,7 @@ function ce(o, n, e) {
     document.removeEventListener("click", u);
   });
 }
-function fe(o, n) {
+function me(o, n) {
   if (!o)
     throw new Error("A target component has to be provided.");
   if (!n || typeof n != "function")
@@ -254,7 +254,7 @@ function fe(o, n) {
     o.value.removeEventListener("keydown", e);
   });
 }
-function de(o, n) {
+function he(o, n) {
   if (!o || typeof o != "function")
     throw new Error("A callback has to be provided.");
   const e = (u) => {
@@ -274,50 +274,50 @@ function de(o, n) {
     n.value.removeEventListener("keyup", e);
   });
 }
-const me = (o) => {
-  const n = m(null), e = oe(), u = ee(() => e == null ? void 0 : e.props.amount), i = m(), a = (l) => {
-    if (l === null)
+const ge = (o) => {
+  const n = m(null), e = ie(), u = oe(() => e == null ? void 0 : e.props.amount), i = m(), a = (s) => {
+    if (s === null)
       return "";
     const v = {
       minimumFractionDigits: o.minimumFractionDigits,
-      useGrouping: !1
+      useGrouping: o.useGrouping || !1
     };
-    return o.maximumFractionDigits !== null && (v.maximumFractionDigits = o.maximumFractionDigits), l.toLocaleString("it-IT", v);
-  }, h = (l) => parseFloat(l.replace(/,/g, ".")), r = (l) => {
-    if (!Number.isNaN(l) && e) {
-      if (i.value = l, e.props.nullOnEmpty && !l) {
+    return o.maximumFractionDigits !== null && (v.maximumFractionDigits = o.maximumFractionDigits), s.toLocaleString("it-IT", v);
+  }, h = (s) => parseFloat(s.replace(/,/g, ".")), r = (s) => {
+    if (!Number.isNaN(s) && e) {
+      if (i.value = s, e.props.nullOnEmpty && !s) {
         e.emit("update:amount", null);
         return;
       }
-      e.emit("update:amount", typeof u.value == "number" ? l : l == null ? void 0 : l.toString());
+      e.emit("update:amount", typeof u.value == "number" ? s : s == null ? void 0 : s.toString());
     }
-  }, t = (l) => {
+  }, t = (s) => {
     setTimeout(() => {
-      n.value && (n.value.value = l);
+      n.value && (n.value.value = s);
     }, 0);
-  }, d = (l) => (v) => {
+  }, d = (s) => (v) => {
     if (!n.value || !v.target)
       return;
-    let { value: s } = l;
-    s = s.replace(/[^0-9,.-]/g, ""), t(s);
-    const c = e != null && e.props.nullOnEmpty && s === "" ? null : h(s);
+    let { value: l } = s;
+    l = l.replace(/[^0-9,.-]/g, ""), t(l);
+    const c = e != null && e.props.nullOnEmpty && l === "" ? null : h(l);
     r(Number.isNaN(c) ? 0 : c);
-  }, g = (l) => {
-    if (!n.value || !l.target)
+  }, g = (s) => {
+    if (!n.value || !s.target)
       return;
-    const v = l.target.value.replace(/,/g, ".");
-    let s;
-    v === "" && (e != null && e.props.nullOnEmpty) ? s = null : (s = h(v), Number.isNaN(s) && (s = 0));
-    const c = a(s);
+    const v = s.target.value.replace(/,/g, ".");
+    let l;
+    v === "" && (e != null && e.props.nullOnEmpty) ? l = null : (l = h(v), Number.isNaN(l) && (l = 0));
+    const c = a(l);
     t(c), r(h(c));
   };
-  return k(n, (l, v) => {
-    l && (v && (v == null || v.removeEventListener("input", d(l)), v == null || v.removeEventListener("blur", g)), l.addEventListener("input", d(l)), l.addEventListener("blur", g), e != null && e.props.amount && (l.value = a(u.value)));
-  }), k(u, (l) => {
-    V(() => {
-      if (!(!n.value || l === null || l === void 0) && i.value !== l) {
-        const v = a(l);
-        n.value.value = v, i.value = l;
+  return k(n, (s, v) => {
+    s && (v && (v == null || v.removeEventListener("input", d(s)), v == null || v.removeEventListener("blur", g)), s.addEventListener("input", d(s)), s.addEventListener("blur", g), e != null && e.props.amount && (s.value = a(u.value)));
+  }), k(u, (s) => {
+    te(() => {
+      if (!(!n.value || s === null || s === void 0) && i.value !== s) {
+        const v = a(s);
+        n.value.value = v, i.value = s;
       }
     });
   }), {
@@ -327,7 +327,7 @@ const me = (o) => {
     emitAmount: r,
     setValue: t
   };
-}, he = /* @__PURE__ */ ne({
+}, ye = /* @__PURE__ */ ae({
   __name: "FzFloating",
   props: {
     isOpen: { type: Boolean, default: !1 },
@@ -342,7 +342,7 @@ const me = (o) => {
   },
   emits: ["fzfloating:setPosition"],
   setup(o, { emit: n }) {
-    const e = o, u = n, i = m(null), a = m(null), h = ie();
+    const e = o, u = n, i = m(null), a = m(null), h = se();
     let r = !1;
     const t = {
       position: e.position,
@@ -352,100 +352,101 @@ const me = (o) => {
       },
       container: {
         // @ts-ignore
-        domRef: K(e.container || document.body)
+        domRef: X(e.container || document.body)
       },
       opener: {
-        domRef: K(null)
+        domRef: X(null)
       },
       useViewport: e.useViewport,
-      callback(...s) {
-        u("fzfloating:setPosition", ...s);
+      callback(...l) {
+        u("fzfloating:setPosition", ...l);
       }
-    }, d = ae(t);
+    }, d = le(t);
     h.opener && (t.opener = {
+      // @ts-ignore
       domRef: a
     });
-    const g = ue(d), l = () => {
+    const g = pe(d), s = () => {
       r || (r = !0, requestAnimationFrame(() => {
         e.isOpen && g.setPosition(), r = !1;
       }));
     };
     k(
       () => e.position,
-      () => l()
+      () => s()
     ), k(
       () => e.isOpen,
-      (s) => {
-        if (!s || !i.value) {
-          window.removeEventListener("scroll", l);
+      (l) => {
+        if (!l || !i.value) {
+          window.removeEventListener("scroll", s);
           return;
         }
-        window.addEventListener("scroll", l), i.value.style.top = "0px", i.value.style.left = "0px", i.value.style.transform = "none", g.setPosition();
+        window.addEventListener("scroll", s), i.value.style.top = "0px", i.value.style.left = "0px", i.value.style.transform = "none", g.setPosition();
       }
     ), k(
       () => e.overrideOpener,
-      (s) => {
-        s && d.opener && d.opener.value && (d.opener.value = {
-          domRef: s
+      (l) => {
+        l && d.opener && d.opener.value && (d.opener.value = {
+          domRef: l
         });
       }
     ), O(() => {
-      window.removeEventListener("scroll", l);
+      window.removeEventListener("scroll", s);
     });
-    const v = ee(() => e.overrideContentClass ? e.contentClass : ["bg-core-white fixed p-4 z-10", e.contentClass]);
-    return (s, c) => (B(), Q("div", null, [
-      x(s.$slots, "opener-start"),
-      X("div", {
+    const v = oe(() => e.overrideContentClass ? e.contentClass : ["bg-core-white fixed p-4 z-10", e.contentClass]);
+    return (l, c) => (B(), Y("div", null, [
+      R(l.$slots, "opener-start"),
+      J("div", {
         ref_key: "opener",
         ref: a,
         class: "inline-flex"
       }, [
-        x(s.$slots, "opener", {
-          isOpen: s.isOpen,
+        R(l.$slots, "opener", {
+          isOpen: l.isOpen,
           floating: F(g)
         })
       ], 512),
-      x(s.$slots, "opener-end"),
-      s.teleport ? _("", !0) : Y((B(), Q("div", {
+      R(l.$slots, "opener-end"),
+      l.teleport ? V("", !0) : Z((B(), Y("div", {
         key: 0,
         ref_key: "content",
         ref: i,
-        class: J(["fz__floating__content", v.value])
+        class: _(["fz__floating__content", v.value])
       }, [
-        x(s.$slots, "default", {
-          isOpen: s.isOpen,
+        R(l.$slots, "default", {
+          isOpen: l.isOpen,
           floating: F(g)
         })
       ], 2)), [
-        [Z, s.$slots.default && (!s.$slots.opener || s.$slots.opener && s.isOpen)]
+        [j, l.$slots.default && (!l.$slots.opener || l.$slots.opener && l.isOpen)]
       ]),
-      s.teleport ? (B(), le(se, {
+      l.teleport ? (B(), re(ue, {
         key: 1,
         to: "body"
       }, [
-        Y(X("div", {
+        Z(J("div", {
           ref_key: "content",
           ref: i,
-          class: J(["fz__floating__content", v.value])
+          class: _(["fz__floating__content", v.value])
         }, [
-          x(s.$slots, "default", {
-            isOpen: s.isOpen,
+          R(l.$slots, "default", {
+            isOpen: l.isOpen,
             floating: F(g)
           })
         ], 2), [
-          [Z, s.$slots.default && (!s.$slots.opener || s.$slots.opener && s.isOpen)]
+          [j, l.$slots.default && (!l.$slots.opener || l.$slots.opener && l.isOpen)]
         ])
-      ])) : _("", !0)
+      ])) : V("", !0)
     ]));
   }
 });
 export {
-  he as FzFloating,
-  pe as useBreakpoints,
-  ce as useClickOutside,
-  me as useCurrency,
-  ue as useFloating,
-  fe as useKeyDown,
-  de as useKeyUp,
+  ye as FzFloating,
+  fe as useBreakpoints,
+  de as useClickOutside,
+  ge as useCurrency,
+  pe as useFloating,
+  me as useKeyDown,
+  he as useKeyUp,
   C as useMediaQuery
 };

package/dist/composables.umd.cjs

@@ -1 +1 @@
-(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.FzComposables={},h.Vue))})(this,function(h,e){"use strict";const R=new DOMRect(0,0,window.innerWidth,window.innerHeight),w=(n,i,t,c,a)=>{let r=a?"bottom":"right",g=a?"bottom-start":"right-start";R.width=window.innerWidth,R.height=window.innerHeight,R.x=0,R.y=0;const u=n?n.getBoundingClientRect():R,o=i.getBoundingClientRect(),m=t.getBoundingClientRect(),y=(m.left-u.left-o.width)/u.width,l=(u.right-m.right-o.width)/u.width,p=(m.top-u.top-o.height)/u.height,s=(u.bottom-m.bottom-o.height)/u.height;let d=[{key:"right",space:l},{key:"top",space:p},{key:"bottom",space:s},{key:"left",space:y}].sort((f,v)=>v.space-f.space);if(a&&(d=d.filter(f=>f.key==="top"||f.key==="bottom")),r=d[0].key,!c)switch(r){case"right":case"left":const f=(o.height-m.height)/2;u.top>m.top-f&&(c="end"),u.bottom<m.top-f&&(c="start");break}return g=c?`${r}-${c}`:r,g},I=(n,i,t,c)=>({x:i.x+n.width*t/100,y:i.y+n.height*c/100}),B=n=>{const i=e.ref(null),t=e.ref(null),c=e.ref(null),a=e.ref(),r=e.ref(),g=e.ref("auto"),u=e.ref(),o=e.reactive({position:{x:0,y:0}}),m={root:null,rootMargin:"0px",threshold:1,...n.element.value.intersectionOptions},y=(d,f)=>{},l=e.ref(new IntersectionObserver(y,m)),p=e.ref(),s=()=>e.nextTick(()=>{var C,L,O,F,S,$,N,M,z,D,P,A,T;if(p.value=n.position?n.position.value:"auto",i.value=typeof n.element.value.domRef.value=="string"?document.querySelector(n.element.value.domRef.value):n.element.value.domRef.value,(C=n.container)!=null&&C.value?(t.value=typeof((L=n.container.value)==null?void 0:L.domRef.value)=="string"?document.querySelector(n.container.value.domRef.value):(O=n.container.value)==null?void 0:O.domRef.value,t.value??(t.value=document.body)):t.value=document.body,!i.value)throw new Error("missing reference element for floating behavior");(F=n.opener)!=null&&F.value&&(c.value=typeof((S=n.opener.value)==null?void 0:S.domRef.value)=="string"?document.querySelector(n.opener.value.domRef.value):($=n.opener.value)==null?void 0:$.domRef.value),u.value=i.value.getBoundingClientRect(),a.value=(N=c.value)==null?void 0:N.getBoundingClientRect(),r.value=t.value.getBoundingClientRect();const d=window.getComputedStyle(i.value);l.value.observe(i.value),l.value.observe(t.value);let f=0,v=0;if(n.opener&&n.opener.value&&c.value&&a&&a.value){const b=a.value.left-parseFloat(d.marginLeft)-parseFloat(d.marginRight),U=a.value.left-parseFloat(d.marginLeft),E=a.value.top-parseFloat(d.marginTop)-parseFloat(d.marginBottom),W=a.value.top-parseFloat(d.marginTop);switch(p.value){case"auto":p.value=w((M=n.useViewport)!=null&&M.value?null:t.value,i.value,c.value);break;case"auto-vertical":p.value=w((z=n.useViewport)!=null&&z.value?null:t.value,i.value,c.value,void 0,!0);break;case"auto-start":p.value=w((D=n.useViewport)!=null&&D.value?null:t.value,i.value,c.value,"start");break;case"auto-vertical-start":p.value=w((P=n.useViewport)!=null&&P.value?null:t.value,i.value,c.value,"start",!0);break;case"auto-end":p.value=w((A=n.useViewport)!=null&&A.value?null:t.value,i.value,c.value,"end");break;case"auto-vertical-end":p.value=w((T=n.useViewport)!=null&&T.value?null:t.value,i.value,c.value,"end",!0);break}switch(p.value){case"bottom":o.position.y=a.value.bottom,o.position.x=U+a.value.width/2,v=-50,f=0;break;case"bottom-start":o.position.y=a.value.bottom,o.position.x=b,v=0,f=0;break;case"bottom-end":o.position.y=a.value.bottom,o.position.x=a.value.right,v=-100,f=0;break;case"left-start":o.position.y=E,o.position.x=b,v=-100,f=0;break;case"left":o.position.y=W+a.value.height/2,o.position.x=b,f=-50,v=-100;break;case"left-end":o.position.y=a.value.bottom,o.position.x=b,f=-100,v=-100;break;case"top-start":o.position.y=E,o.position.x=b,f=-100,v=0;break;case"top":o.position.y=E,o.position.x=U+a.value.width/2,v=-50,f=-100;break;case"top-end":o.position.y=E,o.position.x=a.value.right,v=-100,f=-100;break;case"right-start":o.position.y=E,o.position.x=a.value.right,v=0,f=0;break;case"right":o.position.y=W+a.value.height/2,o.position.x=a.value.right,f=-50,v=0;break;case"right-end":o.position.y=a.value.bottom,o.position.x=a.value.right,f=-100,v=0;break}}else switch(p.value){case"bottom":o.position.y=r.value.bottom-u.value.height,o.position.x=r.value.left+r.value.width/2,v=-50;break;case"left-end":case"bottom-start":o.position.y=r.value.bottom-u.value.height,o.position.x=r.value.left;break;case"right-end":case"bottom-end":o.position.y=r.value.bottom-u.value.height,o.position.x=r.value.right-u.value.width;break;case"left":o.position.y=r.value.top+(r.value.height-u.value.height)/2,o.position.x=r.value.left;break;case"top-start":case"left-start":o.position.y=r.value.top,o.position.x=r.value.left;break;case"top":o.position.y=r.value.top,o.position.x=r.value.left+(r.value.width-u.value.width)/2;break;case"top-end":case"right-start":o.position.y=r.value.top,o.position.x=r.value.right-u.value.width;case"right":o.position.y=r.value.top+(r.value.height-u.value.height)/2,o.position.x=r.value.right-u.value.width;break}const k=I(u.value,o.position,v,f);if(o.position.x=k.x,o.position.y=k.y,k.x<r.value.left&&(o.position.x=r.value.left,v=0),k.x+u.value.width>r.value.right){const b=r.value.right-u.value.width;b>0&&(o.position.x=b),v=0}if(k.y<r.value.top&&(o.position.y=r.value.top,f=0),k.y+u.value.height>r.value.bottom){const b=r.value.bottom-u.value.height;b>0&&(o.position.y=b),f=0}i.value.style.top=`${o.position.y}px`,i.value.style.left=`${o.position.x}px`,i.value.style.position="fixed",i.value.style.display="flex",u.value=i.value.getBoundingClientRect(),n.callback&&n.callback.value&&n.callback.value(u,a,r,g,p)});return e.onUnmounted(()=>{l.value.disconnect()}),{float:o,rect:u,setPosition:s,position:g,actualPosition:p,openerRect:a,containerRect:r}};function x(n){const i=window.matchMedia(n),t=e.ref(i.matches);function c(a){t.value=a.matches}return e.onMounted(()=>{i.addEventListener("change",c)}),e.onUnmounted(()=>{i.removeEventListener("change",c)}),t}function q(n){return{isGreater(i){return x(`(min-width: ${n[i]})`)},isSmaller(i){return x(`(max-width: ${n[i]})`)},isInBetween(i,t){return x(`(min-width: ${n[i]}) and (max-width: ${n[t]})`)}}}function K(n,i,t){if(!n)throw new Error("A target component has to be provided.");if(!i)throw new Error("A callback has to be provided.");const c=a=>{!n.value||a.target===n.value||a.composedPath().includes(n.value)||typeof i=="function"&&i()};t&&e.watch(t,(a,r)=>{r&&r.removeEventListener("click",c),a==null||a.addEventListener("click",c)}),e.onMounted(()=>{t||document.addEventListener("click",c)}),e.onBeforeUnmount(()=>{var a;if(t){(a=t.value)==null||a.removeEventListener("click",c);return}document.removeEventListener("click",c)})}function H(n,i){if(!n)throw new Error("A target component has to be provided.");if(!i||typeof i!="function")throw new Error("A callback has to be provided.");const t=c=>{i(c)};e.onMounted(()=>{n.value.addEventListener("keydown",t)}),e.onBeforeUnmount(()=>{n.value.removeEventListener("keydown",t)})}function Q(n,i){if(!n||typeof n!="function")throw new Error("A callback has to be provided.");const t=c=>{n(c)};e.onMounted(()=>{if(!i){document.addEventListener("keyup",t);return}i.value.addEventListener("keyup",t)}),e.onBeforeUnmount(()=>{if(!i){document.removeEventListener("keyup",t);return}i.value.removeEventListener("keyup",t)})}const G=n=>{const i=e.ref(null),t=e.getCurrentInstance(),c=e.computed(()=>t==null?void 0:t.props.amount),a=e.ref(),r=l=>{if(l===null)return"";const p={minimumFractionDigits:n.minimumFractionDigits,useGrouping:!1};return n.maximumFractionDigits!==null&&(p.maximumFractionDigits=n.maximumFractionDigits),l.toLocaleString("it-IT",p)},g=l=>parseFloat(l.replace(/,/g,".")),u=l=>{if(!Number.isNaN(l)&&t){if(a.value=l,t.props.nullOnEmpty&&!l){t.emit("update:amount",null);return}t.emit("update:amount",typeof c.value=="number"?l:l==null?void 0:l.toString())}},o=l=>{setTimeout(()=>{i.value&&(i.value.value=l)},0)},m=l=>p=>{if(!i.value||!p.target)return;let{value:s}=l;s=s.replace(/[^0-9,.-]/g,""),o(s);const d=t!=null&&t.props.nullOnEmpty&&s===""?null:g(s);u(Number.isNaN(d)?0:d)},y=l=>{if(!i.value||!l.target)return;const p=l.target.value.replace(/,/g,".");let s;p===""&&(t!=null&&t.props.nullOnEmpty)?s=null:(s=g(p),Number.isNaN(s)&&(s=0));const d=r(s);o(d),u(g(d))};return e.watch(i,(l,p)=>{l&&(p&&(p==null||p.removeEventListener("input",m(l)),p==null||p.removeEventListener("blur",y)),l.addEventListener("input",m(l)),l.addEventListener("blur",y),t!=null&&t.props.amount&&(l.value=r(c.value)))}),e.watch(c,l=>{e.nextTick(()=>{if(!(!i.value||l===null||l===void 0)&&a.value!==l){const p=r(l);i.value.value=p,a.value=l}})}),{inputRef:i,parse:g,format:r,emitAmount:u,setValue:o}},X=e.defineComponent({__name:"FzFloating",props:{isOpen:{type:Boolean,default:!1},position:{default:"auto"},container:{},contentClass:{},openerClass:{},overrideContentClass:{type:Boolean},overrideOpener:{},teleport:{type:Boolean,default:!1},useViewport:{type:Boolean}},emits:["fzfloating:setPosition"],setup(n,{emit:i}){const t=n,c=i,a=e.ref(null),r=e.ref(null),g=e.useSlots();let u=!1;const o={position:t.position,element:{domRef:a},container:{domRef:e.toRef(t.container||document.body)},opener:{domRef:e.toRef(null)},useViewport:t.useViewport,callback(...s){c("fzfloating:setPosition",...s)}},m=e.toRefs(o);g.opener&&(o.opener={domRef:r});const y=B(m),l=()=>{u||(u=!0,requestAnimationFrame(()=>{t.isOpen&&y.setPosition(),u=!1}))};e.watch(()=>t.position,()=>l()),e.watch(()=>t.isOpen,s=>{if(!s||!a.value){window.removeEventListener("scroll",l);return}window.addEventListener("scroll",l),a.value.style.top="0px",a.value.style.left="0px",a.value.style.transform="none",y.setPosition()}),e.watch(()=>t.overrideOpener,s=>{s&&m.opener&&m.opener.value&&(m.opener.value={domRef:s})}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",l)});const p=e.computed(()=>t.overrideContentClass?t.contentClass:["bg-core-white fixed p-4 z-10",t.contentClass]);return(s,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(s.$slots,"opener-start"),e.createElementVNode("div",{ref_key:"opener",ref:r,class:"inline-flex"},[e.renderSlot(s.$slots,"opener",{isOpen:s.isOpen,floating:e.unref(y)})],512),e.renderSlot(s.$slots,"opener-end"),s.teleport?e.createCommentVNode("",!0):e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"content",ref:a,class:e.normalizeClass(["fz__floating__content",p.value])},[e.renderSlot(s.$slots,"default",{isOpen:s.isOpen,floating:e.unref(y)})],2)),[[e.vShow,s.$slots.default&&(!s.$slots.opener||s.$slots.opener&&s.isOpen)]]),s.teleport?(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:"body"},[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:a,class:e.normalizeClass(["fz__floating__content",p.value])},[e.renderSlot(s.$slots,"default",{isOpen:s.isOpen,floating:e.unref(y)})],2),[[e.vShow,s.$slots.default&&(!s.$slots.opener||s.$slots.opener&&s.isOpen)]])])):e.createCommentVNode("",!0)]))}});h.FzFloating=X,h.useBreakpoints=q,h.useClickOutside=K,h.useCurrency=G,h.useFloating=B,h.useKeyDown=H,h.useKeyUp=Q,h.useMediaQuery=x,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});
+(function(h,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(h=typeof globalThis<"u"?globalThis:h||self,e(h.FzComposables={},h.Vue))})(this,function(h,e){"use strict";const E=new DOMRect(0,0,window.innerWidth,window.innerHeight),w=(n,i,t,c,a)=>{let r=a?"bottom":"right",g=a?"bottom-start":"right-start";E.width=window.innerWidth,E.height=window.innerHeight,E.x=0,E.y=0;const u=n?n.getBoundingClientRect():E,o=i.getBoundingClientRect(),m=t.getBoundingClientRect(),y=(m.left-u.left-o.width)/u.width,l=(u.right-m.right-o.width)/u.width,p=(m.top-u.top-o.height)/u.height,s=(u.bottom-m.bottom-o.height)/u.height;let d=[{key:"right",space:l},{key:"top",space:p},{key:"bottom",space:s},{key:"left",space:y}].sort((f,v)=>v.space-f.space);if(a&&(d=d.filter(f=>f.key==="top"||f.key==="bottom")),r=d[0].key,!c)switch(r){case"right":case"left":const f=(o.height-m.height)/2;u.top>m.top-f&&(c="end"),u.bottom<m.top-f&&(c="start");break}return g=c?`${r}-${c}`:r,g},K=(n,i,t,c)=>({x:i.x+n.width*t/100,y:i.y+n.height*c/100}),B=n=>{const i=e.ref(null),t=e.ref(null),c=e.ref(null),a=e.ref(),r=e.ref(),g=e.ref("auto"),u=e.ref(),o=e.reactive({position:{x:0,y:0}}),m={root:null,rootMargin:"0px",threshold:1,...n.element.value.intersectionOptions},y=(d,f)=>{},l=e.ref(new IntersectionObserver(y,m)),p=e.ref(),s=()=>e.nextTick(()=>{var C,L,O,F,S,$,N,M,z,D,P,A,T,U,W;if(p.value=n.position?n.position.value:"auto",i.value=typeof n.element.value.domRef.value=="string"?document.querySelector(n.element.value.domRef.value):n.element.value.domRef.value,(C=n.container)!=null&&C.value?(t.value=typeof((L=n.container.value)==null?void 0:L.domRef.value)=="string"?document.querySelector(n.container.value.domRef.value):(O=n.container.value)==null?void 0:O.domRef.value,t.value??(t.value=document.body)):t.value=document.body,!i.value)throw new Error("missing reference element for floating behavior");(F=n.opener)!=null&&F.value&&(c.value=typeof((S=n.opener.value)==null?void 0:S.domRef.value)=="string"?document.querySelector(n.opener.value.domRef.value):($=n.opener.value)==null?void 0:$.domRef.value),u.value=i.value.getBoundingClientRect(),a.value=(N=c.value)==null?void 0:N.getBoundingClientRect(),r.value=t.value.getBoundingClientRect();const d=window.getComputedStyle(i.value);l.value.observe(i.value),l.value.observe(t.value);let f=0,v=0;if((M=n.opener)!=null&&M.value&&c.value&&(a!=null&&a.value)){const b=a.value.left-parseFloat(d.marginLeft)-parseFloat(d.marginRight),I=a.value.left-parseFloat(d.marginLeft),R=a.value.top-parseFloat(d.marginTop)-parseFloat(d.marginBottom),q=a.value.top-parseFloat(d.marginTop);switch(p.value){case"auto":p.value=w((z=n.useViewport)!=null&&z.value?null:t.value,i.value,c.value);break;case"auto-vertical":p.value=w((D=n.useViewport)!=null&&D.value?null:t.value,i.value,c.value,void 0,!0);break;case"auto-start":p.value=w((P=n.useViewport)!=null&&P.value?null:t.value,i.value,c.value,"start");break;case"auto-vertical-start":p.value=w((A=n.useViewport)!=null&&A.value?null:t.value,i.value,c.value,"start",!0);break;case"auto-end":p.value=w((T=n.useViewport)!=null&&T.value?null:t.value,i.value,c.value,"end");break;case"auto-vertical-end":p.value=w((U=n.useViewport)!=null&&U.value?null:t.value,i.value,c.value,"end",!0);break}switch(p.value){case"bottom":o.position.y=a.value.bottom,o.position.x=I+a.value.width/2,v=-50,f=0;break;case"bottom-start":o.position.y=a.value.bottom,o.position.x=b,v=0,f=0;break;case"bottom-end":o.position.y=a.value.bottom,o.position.x=a.value.right,v=-100,f=0;break;case"left-start":o.position.y=R,o.position.x=b,v=-100,f=0;break;case"left":o.position.y=q+a.value.height/2,o.position.x=b,f=-50,v=-100;break;case"left-end":o.position.y=a.value.bottom,o.position.x=b,f=-100,v=-100;break;case"top-start":o.position.y=R,o.position.x=b,f=-100,v=0;break;case"top":o.position.y=R,o.position.x=I+a.value.width/2,v=-50,f=-100;break;case"top-end":o.position.y=R,o.position.x=a.value.right,v=-100,f=-100;break;case"right-start":o.position.y=R,o.position.x=a.value.right,v=0,f=0;break;case"right":o.position.y=q+a.value.height/2,o.position.x=a.value.right,f=-50,v=0;break;case"right-end":o.position.y=a.value.bottom,o.position.x=a.value.right,f=-100,v=0;break}}else switch(p.value){case"bottom":o.position.y=r.value.bottom-u.value.height,o.position.x=r.value.left+r.value.width/2,v=-50;break;case"left-end":case"bottom-start":o.position.y=r.value.bottom-u.value.height,o.position.x=r.value.left;break;case"right-end":case"bottom-end":o.position.y=r.value.bottom-u.value.height,o.position.x=r.value.right-u.value.width;break;case"left":o.position.y=r.value.top+(r.value.height-u.value.height)/2,o.position.x=r.value.left;break;case"top-start":case"left-start":o.position.y=r.value.top,o.position.x=r.value.left;break;case"top":o.position.y=r.value.top,o.position.x=r.value.left+(r.value.width-u.value.width)/2;break;case"top-end":case"right-start":o.position.y=r.value.top,o.position.x=r.value.right-u.value.width;case"right":o.position.y=r.value.top+(r.value.height-u.value.height)/2,o.position.x=r.value.right-u.value.width;break}const k=K(u.value,o.position,v,f);if(o.position.x=k.x,o.position.y=k.y,k.x<r.value.left&&(o.position.x=r.value.left,v=0),k.x+u.value.width>r.value.right){const b=r.value.right-u.value.width;b>0&&(o.position.x=b),v=0}if(k.y<r.value.top&&(o.position.y=r.value.top,f=0),k.y+u.value.height>r.value.bottom){const b=r.value.bottom-u.value.height;b>0&&(o.position.y=b),f=0}i.value.style.top=`${o.position.y}px`,i.value.style.left=`${o.position.x}px`,i.value.style.position="fixed",i.value.style.display="flex",u.value=i.value.getBoundingClientRect(),(W=n.callback)!=null&&W.value&&n.callback.value(u,a,r,g,p)});return e.onUnmounted(()=>{l.value.disconnect()}),{float:o,rect:u,setPosition:s,position:g,actualPosition:p,openerRect:a,containerRect:r}};function x(n){const i=window.matchMedia(n),t=e.ref(i.matches);function c(a){t.value=a.matches}return e.onMounted(()=>{i.addEventListener("change",c)}),e.onUnmounted(()=>{i.removeEventListener("change",c)}),t}function G(n){return{isGreater(i){return x(`(min-width: ${n[i]})`)},isSmaller(i){return x(`(max-width: ${n[i]})`)},isInBetween(i,t){return x(`(min-width: ${n[i]}) and (max-width: ${n[t]})`)}}}function H(n,i,t){if(!n)throw new Error("A target component has to be provided.");if(!i)throw new Error("A callback has to be provided.");const c=a=>{!n.value||a.target===n.value||a.composedPath().includes(n.value)||typeof i=="function"&&i()};t&&e.watch(t,(a,r)=>{r&&r.removeEventListener("click",c),a==null||a.addEventListener("click",c)}),e.onMounted(()=>{t||document.addEventListener("click",c)}),e.onBeforeUnmount(()=>{var a;if(t){(a=t.value)==null||a.removeEventListener("click",c);return}document.removeEventListener("click",c)})}function Q(n,i){if(!n)throw new Error("A target component has to be provided.");if(!i||typeof i!="function")throw new Error("A callback has to be provided.");const t=c=>{i(c)};e.onMounted(()=>{n.value.addEventListener("keydown",t)}),e.onBeforeUnmount(()=>{n.value.removeEventListener("keydown",t)})}function X(n,i){if(!n||typeof n!="function")throw new Error("A callback has to be provided.");const t=c=>{n(c)};e.onMounted(()=>{if(!i){document.addEventListener("keyup",t);return}i.value.addEventListener("keyup",t)}),e.onBeforeUnmount(()=>{if(!i){document.removeEventListener("keyup",t);return}i.value.removeEventListener("keyup",t)})}const Y=n=>{const i=e.ref(null),t=e.getCurrentInstance(),c=e.computed(()=>t==null?void 0:t.props.amount),a=e.ref(),r=l=>{if(l===null)return"";const p={minimumFractionDigits:n.minimumFractionDigits,useGrouping:n.useGrouping||!1};return n.maximumFractionDigits!==null&&(p.maximumFractionDigits=n.maximumFractionDigits),l.toLocaleString("it-IT",p)},g=l=>parseFloat(l.replace(/,/g,".")),u=l=>{if(!Number.isNaN(l)&&t){if(a.value=l,t.props.nullOnEmpty&&!l){t.emit("update:amount",null);return}t.emit("update:amount",typeof c.value=="number"?l:l==null?void 0:l.toString())}},o=l=>{setTimeout(()=>{i.value&&(i.value.value=l)},0)},m=l=>p=>{if(!i.value||!p.target)return;let{value:s}=l;s=s.replace(/[^0-9,.-]/g,""),o(s);const d=t!=null&&t.props.nullOnEmpty&&s===""?null:g(s);u(Number.isNaN(d)?0:d)},y=l=>{if(!i.value||!l.target)return;const p=l.target.value.replace(/,/g,".");let s;p===""&&(t!=null&&t.props.nullOnEmpty)?s=null:(s=g(p),Number.isNaN(s)&&(s=0));const d=r(s);o(d),u(g(d))};return e.watch(i,(l,p)=>{l&&(p&&(p==null||p.removeEventListener("input",m(l)),p==null||p.removeEventListener("blur",y)),l.addEventListener("input",m(l)),l.addEventListener("blur",y),t!=null&&t.props.amount&&(l.value=r(c.value)))}),e.watch(c,l=>{e.nextTick(()=>{if(!(!i.value||l===null||l===void 0)&&a.value!==l){const p=r(l);i.value.value=p,a.value=l}})}),{inputRef:i,parse:g,format:r,emitAmount:u,setValue:o}},J=e.defineComponent({__name:"FzFloating",props:{isOpen:{type:Boolean,default:!1},position:{default:"auto"},container:{},contentClass:{},openerClass:{},overrideContentClass:{type:Boolean},overrideOpener:{},teleport:{type:Boolean,default:!1},useViewport:{type:Boolean}},emits:["fzfloating:setPosition"],setup(n,{emit:i}){const t=n,c=i,a=e.ref(null),r=e.ref(null),g=e.useSlots();let u=!1;const o={position:t.position,element:{domRef:a},container:{domRef:e.toRef(t.container||document.body)},opener:{domRef:e.toRef(null)},useViewport:t.useViewport,callback(...s){c("fzfloating:setPosition",...s)}},m=e.toRefs(o);g.opener&&(o.opener={domRef:r});const y=B(m),l=()=>{u||(u=!0,requestAnimationFrame(()=>{t.isOpen&&y.setPosition(),u=!1}))};e.watch(()=>t.position,()=>l()),e.watch(()=>t.isOpen,s=>{if(!s||!a.value){window.removeEventListener("scroll",l);return}window.addEventListener("scroll",l),a.value.style.top="0px",a.value.style.left="0px",a.value.style.transform="none",y.setPosition()}),e.watch(()=>t.overrideOpener,s=>{s&&m.opener&&m.opener.value&&(m.opener.value={domRef:s})}),e.onBeforeUnmount(()=>{window.removeEventListener("scroll",l)});const p=e.computed(()=>t.overrideContentClass?t.contentClass:["bg-core-white fixed p-4 z-10",t.contentClass]);return(s,d)=>(e.openBlock(),e.createElementBlock("div",null,[e.renderSlot(s.$slots,"opener-start"),e.createElementVNode("div",{ref_key:"opener",ref:r,class:"inline-flex"},[e.renderSlot(s.$slots,"opener",{isOpen:s.isOpen,floating:e.unref(y)})],512),e.renderSlot(s.$slots,"opener-end"),s.teleport?e.createCommentVNode("",!0):e.withDirectives((e.openBlock(),e.createElementBlock("div",{key:0,ref_key:"content",ref:a,class:e.normalizeClass(["fz__floating__content",p.value])},[e.renderSlot(s.$slots,"default",{isOpen:s.isOpen,floating:e.unref(y)})],2)),[[e.vShow,s.$slots.default&&(!s.$slots.opener||s.$slots.opener&&s.isOpen)]]),s.teleport?(e.openBlock(),e.createBlock(e.Teleport,{key:1,to:"body"},[e.withDirectives(e.createElementVNode("div",{ref_key:"content",ref:a,class:e.normalizeClass(["fz__floating__content",p.value])},[e.renderSlot(s.$slots,"default",{isOpen:s.isOpen,floating:e.unref(y)})],2),[[e.vShow,s.$slots.default&&(!s.$slots.opener||s.$slots.opener&&s.isOpen)]])])):e.createCommentVNode("",!0)]))}});h.FzFloating=J,h.useBreakpoints=G,h.useClickOutside=H,h.useCurrency=Y,h.useFloating=B,h.useKeyDown=Q,h.useKeyUp=X,h.useMediaQuery=x,Object.defineProperty(h,Symbol.toStringTag,{value:"Module"})});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fiscozen/composables",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "description": "Design System utility composables",
   "main": "src/index.ts",
   "type": "module",
@@ -25,9 +25,9 @@
     "vite": "^5.0.10",
     "vitest": "^1.2.0",
     "vue-tsc": "^1.8.25",
+    "@fiscozen/tsconfig": "^0.1.0",
     "@fiscozen/eslint-config": "^0.1.0",
-    "@fiscozen/prettier-config": "^0.1.0",
-    "@fiscozen/tsconfig": "^0.1.0"
+    "@fiscozen/prettier-config": "^0.1.0"
   },
   "license": "ISC",
   "scripts": {

package/src/FzFloating.vue

@@ -40,6 +40,7 @@ const useFloatingOpts: FzUseFloatingArgs = {
 const dynamicOpts = toRefs(useFloatingOpts)
 if (slots.opener) {
   useFloatingOpts.opener = {
+    // @ts-ignore
     domRef: opener
   }
 }

package/src/composables/useCurrency.ts

@@ -1,5 +1,6 @@
 import { Ref, watch, getCurrentInstance, computed, ref, nextTick } from 'vue'
 import { FzUseCurrencyOptions } from '../types'
+import { format as formatNumber, parse } from '../utils'
 
 export const useCurrency = (options: FzUseCurrencyOptions) => {
   const inputRef: Ref<HTMLInputElement | null | undefined> = ref(null)
@@ -8,24 +9,7 @@ export const useCurrency = (options: FzUseCurrencyOptions) => {
   const computedModel = computed<number | null>(() => vm?.props.amount as unknown as number | null)
   const internalVal = ref<number | null>()
 
-  const format = (input: number | null) => {
-    if (input === null) {
-      return ''
-    }
-    const safeOptions: Intl.NumberFormatOptions = {
-      minimumFractionDigits: options.minimumFractionDigits,
-      useGrouping: false
-    }
-    if (options.maximumFractionDigits !== null) {
-      safeOptions.maximumFractionDigits = options.maximumFractionDigits
-    }
-    return input.toLocaleString('it-IT', safeOptions)
-  }
-
-  const parse = (text: string) => {
-    // strip currency, handle edge cases...
-    return parseFloat(text.replace(/,/g, '.'))
-  }
+  const format = formatNumber(options)
 
   const emitAmount = (val: number | null) => {
     if (Number.isNaN(val)) {

package/src/composables/useFloating.ts

@@ -82,11 +82,7 @@ export const useFloating = (
       let translateY = 0
       let translateX = 0
 
-      if (
-        args.opener?.value &&
-        safeOpenerDomRef.value &&
-        openerRect?.value
-      ) {
+      if (args.opener?.value && safeOpenerDomRef.value && openerRect?.value) {
         const leftWithoutXMargin =
           openerRect.value.left - parseFloat(elStyle.marginLeft) - parseFloat(elStyle.marginRight)
         const leftWithoutLeftMargin = openerRect.value.left - parseFloat(elStyle.marginLeft)
@@ -310,7 +306,7 @@ export const useFloating = (
 
       if (args.callback?.value) {
         args.callback.value(rect, openerRect, containerRect, position, actualPosition)
-      } 
+      }
     })
 
   onUnmounted(() => {

package/src/types.ts

@@ -54,5 +54,6 @@ export interface FzUseFloatingArgs {
 
 export interface FzUseCurrencyOptions {
   minimumFractionDigits: number
-  maximumFractionDigits: number | null
+  maximumFractionDigits?: number
+  useGrouping?: boolean
 }

package/src/utils/index.ts

@@ -1,93 +1,2 @@
-import { FzAbsolutePosition, FzFloatingPosition } from '../types'
-
-type MainPosition = 'right' | 'left' | 'top' | 'bottom'
-interface PositionListItem {
-  key: MainPosition
-  space: number
-}
-const windowDOMrect = new DOMRect(0, 0, window.innerWidth, window.innerHeight)
-export const getHighestAvailableSpacePos = (
-  container: HTMLElement | null,
-  el: HTMLElement,
-  opener: HTMLElement,
-  justify?: 'start' | 'end',
-  verticalOnly?: boolean
-): FzFloatingPosition => {
-  let mainPosition: MainPosition = verticalOnly ? 'bottom' : 'right'
-
-  let positionRes: FzFloatingPosition = verticalOnly ? 'bottom-start' : 'right-start'
-
-  windowDOMrect.width = window.innerWidth
-  windowDOMrect.height = window.innerHeight
-  windowDOMrect.x = 0
-  windowDOMrect.y = 0
-  const containerRect = container ? container.getBoundingClientRect() : windowDOMrect
-  const elRect = el.getBoundingClientRect()
-  const openerRect = opener.getBoundingClientRect()
-
-  const spaceLeftNormalized =
-    (openerRect.left - containerRect.left - elRect.width) / containerRect.width
-  const spaceRightNormalized =
-    (containerRect.right - openerRect.right - elRect.width) / containerRect.width
-  const spaceTopNormalized =
-    (openerRect.top - containerRect.top - elRect.height) / containerRect.height
-  const spaceBottomNormalized =
-    (containerRect.bottom - openerRect.bottom - elRect.height) / containerRect.height
-
-  let positionList = [
-    {
-      key: 'right',
-      space: spaceRightNormalized
-    } as PositionListItem,
-    {
-      key: 'top',
-      space: spaceTopNormalized
-    } as PositionListItem,
-    {
-      key: 'bottom',
-      space: spaceBottomNormalized
-    } as PositionListItem,
-    {
-      key: 'left',
-      space: spaceLeftNormalized
-    } as PositionListItem
-  ].sort((a, b) => b.space - a.space)
-
-  if (verticalOnly) {
-    positionList = positionList.filter((pos) => pos.key === 'top' || pos.key === 'bottom')
-  }
-
-  mainPosition = positionList[0].key
-
-  if (!justify) {
-    switch (mainPosition) {
-      case 'right':
-      case 'left':
-        const centerDiff = (elRect.height - openerRect.height) / 2
-        if (containerRect.top > openerRect.top - centerDiff) {
-          justify = 'end'
-        }
-        if (containerRect.bottom < openerRect.top - centerDiff) {
-          justify = 'start'
-        }
-        break
-      default:
-        break
-    }
-  }
-
-  positionRes = justify ? `${mainPosition}-${justify}` : mainPosition
-  return positionRes
-}
-
-export const calcRealPos = (
-  rect: DOMRect,
-  pos: FzAbsolutePosition,
-  translateX: number,
-  translateY: number
-): FzAbsolutePosition => {
-  return {
-    x: pos.x + (rect.width * translateX) / 100,
-    y: pos.y + (rect.height * translateY) / 100
-  }
-}
+export * from './number'
+export * from './position'

package/src/utils/number/index.ts

@@ -0,0 +1,19 @@
+import { FzUseCurrencyOptions } from '../../types'
+
+export const format = (options: FzUseCurrencyOptions) => (input: number | null) => {
+  if (input === null) {
+    return ''
+  }
+  const safeOptions: FzUseCurrencyOptions = {
+    maximumFractionDigits: options.maximumFractionDigits || 2,
+    minimumFractionDigits: options.minimumFractionDigits,
+    useGrouping: options.useGrouping || false
+  }
+
+  return input.toLocaleString('it-IT', safeOptions)
+}
+
+export const parse = (text: string) => {
+  // strip currency, handle edge cases...
+  return parseFloat(text.replace(/,/g, '.'))
+}

package/src/utils/position/index.ts

@@ -0,0 +1,94 @@
+import { FzAbsolutePosition, FzFloatingPosition } from '../../types'
+
+type MainPosition = 'right' | 'left' | 'top' | 'bottom'
+interface PositionListItem {
+  key: MainPosition
+  space: number
+}
+const windowDOMrect = new DOMRect(0, 0, window.innerWidth, window.innerHeight)
+export const getHighestAvailableSpacePos = (
+  container: HTMLElement | null,
+  el: HTMLElement,
+  opener: HTMLElement,
+  justify?: 'start' | 'end',
+  verticalOnly?: boolean
+): FzFloatingPosition => {
+  let mainPosition: MainPosition = verticalOnly ? 'bottom' : 'right'
+
+  let positionRes: FzFloatingPosition = verticalOnly ? 'bottom-start' : 'right-start'
+
+  windowDOMrect.width = window.innerWidth
+  windowDOMrect.height = window.innerHeight
+  windowDOMrect.x = 0
+  windowDOMrect.y = 0
+  const containerRect = container ? container.getBoundingClientRect() : windowDOMrect
+  const elRect = el.getBoundingClientRect()
+  const openerRect = opener.getBoundingClientRect()
+
+  const spaceLeftNormalized =
+    (openerRect.left - containerRect.left - elRect.width) / containerRect.width
+  const spaceRightNormalized =
+    (containerRect.right - openerRect.right - elRect.width) / containerRect.width
+  const spaceTopNormalized =
+    (openerRect.top - containerRect.top - elRect.height) / containerRect.height
+  const spaceBottomNormalized =
+    (containerRect.bottom - openerRect.bottom - elRect.height) / containerRect.height
+
+  let positionList = [
+    {
+      key: 'right',
+      space: spaceRightNormalized
+    } as PositionListItem,
+    {
+      key: 'top',
+      space: spaceTopNormalized
+    } as PositionListItem,
+    {
+      key: 'bottom',
+      space: spaceBottomNormalized
+    } as PositionListItem,
+    {
+      key: 'left',
+      space: spaceLeftNormalized
+    } as PositionListItem
+  ].sort((a, b) => b.space - a.space)
+
+  if (verticalOnly) {
+    positionList = positionList.filter((pos) => pos.key === 'top' || pos.key === 'bottom')
+  }
+
+  mainPosition = positionList[0].key
+
+  if (!justify) {
+    const centerDiff = (elRect.height - openerRect.height) / 2
+    switch (mainPosition) {
+      case 'right':
+      case 'left':
+        if (containerRect.top > openerRect.top - centerDiff) {
+          justify = 'end'
+        }
+        if (containerRect.bottom < openerRect.top - centerDiff) {
+          justify = 'start'
+        }
+        break
+      default:
+        break
+    }
+  }
+
+  positionRes = justify ? `${mainPosition}-${justify}` : mainPosition
+  return positionRes
+}
+
+export const calcRealPos = (
+  rect: DOMRect,
+  pos: FzAbsolutePosition,
+  translateX: number,
+  translateY: number
+): FzAbsolutePosition => {
+  return {
+    x: pos.x + (rect.width * translateX) / 100,
+    y: pos.y + (rect.height * translateY) / 100
+  }
+}
+