@fiscozen/composables 0.1.16-beta.1 → 0.1.18

package/dist/composables.js

@@ -1,15 +1,15 @@
-import { ref as f, reactive as q, onUnmounted as W, nextTick as I, onMounted as w, watch as B, onBeforeUnmount as C, defineComponent as U, useSlots as K, computed as O, toRef as Q, openBlock as x, createElementBlock as P, renderSlot as k, createElementVNode as S, unref as E, withDirectives as M, normalizeClass as A, vShow as N, createCommentVNode as D, createBlock as T, Teleport as X } from "vue";
-const y = (n, o, i, s, a) => {
-  let t = a ? "bottom" : "right", p = a ? "bottom-start" : "right-start";
-  const l = n.getBoundingClientRect(), e = o.getBoundingClientRect(), c = i.getBoundingClientRect(), r = (c.left - l.left - e.width) / l.width, g = (l.right - c.right - e.width) / l.width, R = (c.top - l.top - e.height) / l.height, h = (l.bottom - c.bottom - e.height) / l.height;
-  let v = [
+import { ref as v, reactive as W, onUnmounted as I, nextTick as q, onMounted as R, watch as k, onBeforeUnmount as $, getCurrentInstance as T, computed as C, defineComponent as U, useSlots as K, toRef as Q, openBlock as x, createElementBlock as z, renderSlot as w, createElementVNode as S, unref as E, withDirectives as M, normalizeClass as P, vShow as A, createCommentVNode as D, createBlock as X, Teleport as Y } from "vue";
+const L = (o, t, i, s) => {
+  let r = "right", e = "right-start";
+  const p = o.getBoundingClientRect(), l = t.getBoundingClientRect(), n = i.getBoundingClientRect(), d = (n.left - p.left - l.width) / p.width, u = (p.right - n.right - l.width) / p.width, a = (n.top - p.top - l.height) / p.height, h = (p.bottom - n.bottom - l.height) / p.height;
+  if (r = [
     {
       key: "right",
-      space: g
+      space: u
     },
     {
       key: "top",
-      space: R
+      space: a
     },
     {
       key: "bottom",
@@ -17,224 +17,181 @@ const y = (n, o, i, s, a) => {
     },
     {
       key: "left",
-      space: r
+      space: d
     }
-  ].sort((u, m) => m.space - u.space);
-  if (a && (v = v.filter((u) => u.key === "top" || u.key === "bottom")), t = v[0].key, !s)
-    switch (t) {
+  ].sort((c, f) => f.space - c.space)[0].key, !s)
+    switch (r) {
       case "right":
       case "left":
-        const u = (e.height - c.height) / 2;
-        l.top > c.top - u && (s = "end"), l.bottom < c.top - u && (s = "start");
+        const c = (l.height - n.height) / 2;
+        p.top > n.top - c && (s = "end"), p.bottom < n.top - c && (s = "start");
         break;
     }
-  return p = s ? `${t}-${s}` : t, p;
-}, Y = (n, o, i, s) => ({
-  x: o.x + n.width * i / 100,
-  y: o.y + n.height * s / 100
-}), G = (n) => {
-  const o = f(null), i = f(null), s = f(null), a = f(), t = f(), p = f("auto"), l = f(), e = q({
+  return e = s ? `${r}-${s}` : r, e;
+}, G = (o, t, i, s) => ({
+  x: t.x + o.width * i / 100,
+  y: t.y + o.height * s / 100
+}), H = (o) => {
+  const t = v(null), i = v(null), s = v(null), r = v(null), e = W({
     position: { x: 0, y: 0 }
-  }), c = {
+  }), p = {
     root: null,
     rootMargin: "0px",
     threshold: 1,
-    ...n.element.intersectionOptions
-  }, r = (h, v) => {
-  }, g = f(new IntersectionObserver(r, c));
-  p.value = n.position ? n.position.value : "auto";
-  const R = () => I(() => {
-    var L;
-    if (o.value = typeof n.element.domRef.value == "string" ? document.querySelector(n.element.domRef.value) : n.element.domRef.value, n.container ? (i.value = typeof n.container.domRef.value == "string" ? document.querySelector(n.container.domRef.value) : n.container.domRef.value, i.value ?? (i.value = document.body)) : i.value = document.body, !o.value)
+    ...o.element.intersectionOptions
+  }, l = (u, a) => {
+  }, n = v(new IntersectionObserver(l, p)), d = () => q(() => {
+    var F;
+    if (t.value = typeof o.element.domRef.value == "string" ? document.querySelector(o.element.domRef.value) : o.element.domRef.value, o.container ? (i.value = typeof o.container.domRef.value == "string" ? document.querySelector(o.container.domRef.value) : o.container.domRef.value, i.value ?? (i.value = document.body)) : i.value = document.body, !t.value)
       throw new Error("missing reference element for floating behavior");
-    n.opener && (s.value = typeof n.opener.domRef.value == "string" ? document.querySelector(n.opener.domRef.value) : n.opener.domRef.value), l.value = o.value.getBoundingClientRect(), a.value = (L = s.value) == null ? void 0 : L.getBoundingClientRect(), t.value = i.value.getBoundingClientRect();
-    const h = window.getComputedStyle(o.value);
-    g.value.observe(o.value), g.value.observe(i.value);
-    let v = 0, u = 0;
-    if (n.opener && s.value && a && a.value) {
-      const d = a.value.left - parseFloat(h.marginLeft) - parseFloat(h.marginRight), z = a.value.left - parseFloat(h.marginLeft), b = a.value.top - parseFloat(h.marginTop) - parseFloat(h.marginBottom), F = a.value.top - parseFloat(h.marginTop);
-      switch (p.value) {
+    o.opener && (s.value = typeof o.opener.domRef.value == "string" ? document.querySelector(o.opener.domRef.value) : o.opener.domRef.value), r.value = t.value.getBoundingClientRect();
+    const u = (F = s.value) == null ? void 0 : F.getBoundingClientRect(), a = i.value.getBoundingClientRect(), h = window.getComputedStyle(t.value);
+    n.value.observe(t.value), n.value.observe(i.value);
+    let m = o.position ? o.position.value : "auto", c = 0, f = 0;
+    if (o.opener && s.value && u) {
+      const y = u.left - parseFloat(h.marginLeft) - parseFloat(h.marginRight), N = u.left - parseFloat(h.marginLeft), b = u.top - parseFloat(h.marginTop) - parseFloat(h.marginBottom), O = u.top - parseFloat(h.marginTop);
+      switch (m) {
         case "auto":
-          p.value = y(
+          m = L(
             i.value,
-            o.value,
+            t.value,
             s.value
           );
           break;
-        case "auto-vertical":
-          p.value = y(
-            i.value,
-            o.value,
-            s.value,
-            void 0,
-            !0
-          );
-          break;
         case "auto-start":
-          p.value = y(
+          m = L(
             i.value,
-            o.value,
+            t.value,
             s.value,
             "start"
           );
           break;
-        case "auto-vertical-start":
-          p.value = y(
-            i.value,
-            o.value,
-            s.value,
-            "start",
-            !0
-          );
-          break;
         case "auto-end":
-          p.value = y(
+          m = L(
             i.value,
-            o.value,
+            t.value,
             s.value,
             "end"
           );
           break;
-        case "auto-vertical-end":
-          p.value = y(
-            i.value,
-            o.value,
-            s.value,
-            "end",
-            !0
-          );
-          break;
       }
-      switch (p.value) {
+      switch (m) {
         case "bottom":
-          e.position.y = a.value.bottom, e.position.x = z + a.value.width / 2, u = -50, v = 0;
+          e.position.y = u.bottom, e.position.x = N + u.width / 2, f = -50, c = 0;
           break;
         case "bottom-start":
-          e.position.y = a.value.bottom, e.position.x = d, u = 0, v = 0;
+          e.position.y = u.bottom, e.position.x = y, f = 0, c = 0;
           break;
         case "bottom-end":
-          e.position.y = a.value.bottom, e.position.x = a.value.right, u = -100, v = 0;
+          e.position.y = u.bottom, e.position.x = u.right, f = -100, c = 0;
           break;
         case "left-start":
-          e.position.y = b, e.position.x = d, u = -100, v = 0;
+          e.position.y = b, e.position.x = y, f = -100, c = 0;
           break;
         case "left":
-          e.position.y = F + a.value.height / 2, e.position.x = d, v = -50, u = -100;
+          e.position.y = O + u.height / 2, e.position.x = y, c = -50, f = -100;
           break;
         case "left-end":
-          e.position.y = a.value.bottom, e.position.x = d, v = -100, u = -100;
+          e.position.y = u.bottom, e.position.x = y, c = -100, f = -100;
           break;
         case "top-start":
-          e.position.y = b, e.position.x = d, v = -100, u = 0;
+          e.position.y = b, e.position.x = y, c = -100, f = 0;
           break;
         case "top":
-          e.position.y = b, e.position.x = z + a.value.width / 2, u = -50, v = -100;
+          e.position.y = b, e.position.x = N + u.width / 2, f = -50, c = -100;
           break;
         case "top-end":
-          e.position.y = b, e.position.x = a.value.right, u = -100, v = -100;
+          e.position.y = b, e.position.x = u.right, f = -100, c = -100;
           break;
         case "right-start":
-          e.position.y = b, e.position.x = a.value.right, u = 0, v = 0;
+          e.position.y = b, e.position.x = u.right, f = 0, c = 0;
           break;
         case "right":
-          e.position.y = F + a.value.height / 2, e.position.x = a.value.right, v = -50, u = 0;
+          e.position.y = O + u.height / 2, e.position.x = u.right, c = -50, f = 0;
           break;
         case "right-end":
-          e.position.y = a.value.bottom, e.position.x = a.value.right, v = -100, u = 0;
+          e.position.y = u.bottom, e.position.x = u.right, c = -100, f = 0;
           break;
       }
     } else
-      switch (p.value) {
+      switch (m) {
         case "bottom":
-          e.position.y = t.value.bottom - l.value.height, e.position.x = t.value.left + t.value.width / 2, u = -50;
+          e.position.y = a.bottom - r.value.height, e.position.x = a.left + a.width / 2, f = -50;
           break;
         case "left-end":
         case "bottom-start":
-          e.position.y = t.value.bottom - l.value.height, e.position.x = t.value.left;
+          e.position.y = a.bottom - r.value.height, e.position.x = a.left;
           break;
         case "right-end":
         case "bottom-end":
-          e.position.y = t.value.bottom - l.value.height, e.position.x = t.value.right - l.value.width;
+          e.position.y = a.bottom - r.value.height, e.position.x = a.right - r.value.width;
           break;
         case "left":
-          e.position.y = t.value.top + (t.value.height - l.value.height) / 2, e.position.x = t.value.left;
+          e.position.y = a.top + (a.height - r.value.height) / 2, e.position.x = a.left;
           break;
         case "top-start":
         case "left-start":
-          e.position.y = t.value.top, e.position.x = t.value.left;
+          e.position.y = a.top, e.position.x = a.left;
           break;
         case "top":
-          e.position.y = t.value.top, e.position.x = t.value.left + (t.value.width - l.value.width) / 2;
+          e.position.y = a.top, e.position.x = a.left + (a.width - r.value.width) / 2;
           break;
         case "top-end":
         case "right-start":
-          e.position.y = t.value.top, e.position.x = t.value.right - l.value.width;
+          e.position.y = a.top, e.position.x = a.right - r.value.width;
         case "right":
-          e.position.y = t.value.top + (t.value.height - l.value.height) / 2, e.position.x = t.value.right - l.value.width;
+          e.position.y = a.top + (a.height - r.value.height) / 2, e.position.x = a.right - r.value.width;
           break;
       }
-    const m = Y(l.value, e.position, u, v);
-    if (e.position.x = m.x, e.position.y = m.y, m.x < t.value.left && (e.position.x = t.value.left, u = 0), m.x + l.value.width > t.value.right) {
-      const d = t.value.right - l.value.width;
-      d > 0 && (e.position.x = d), u = 0;
-    }
-    if (m.y < t.value.top && (e.position.y = t.value.top, v = 0), m.y + l.value.height > t.value.bottom) {
-      const d = t.value.bottom - l.value.height;
-      d > 0 && (e.position.y = d), v = 0;
-    }
-    o.value.style.top = `${e.position.y}px`, o.value.style.left = `${e.position.x}px`, o.value.style.display = "flex", l.value = o.value.getBoundingClientRect(), n.callback && n.callback(l, a, t, p);
+    const g = G(r.value, e.position, f, c);
+    e.position.x = g.x, e.position.y = g.y, g.x < a.left && (e.position.x = a.left, f = 0), g.x + r.value.width > a.right && (e.position.x = a.right - r.value.width, f = 0), g.y < a.top && (e.position.y = a.top, c = 0), g.y + r.value.height > a.bottom && (e.position.y = a.bottom - r.value.height, c = 0), t.value.style.top = `${e.position.y}px`, t.value.style.left = `${e.position.x}px`, t.value.style.display = "flex", r.value = t.value.getBoundingClientRect();
   });
-  return W(() => {
-    g.value.disconnect();
+  return I(() => {
+    n.value.disconnect();
   }), {
     float: e,
-    rect: l,
-    setPosition: R,
-    position: p,
-    openerRect: a,
-    containerRect: t
+    rect: r,
+    floatObserver: n,
+    setPosition: d
   };
 };
-function $(n) {
-  const o = window.matchMedia(n), i = f(o.matches);
-  function s(a) {
-    i.value = a.matches;
+function B(o) {
+  const t = window.matchMedia(o), i = v(t.matches);
+  function s(r) {
+    i.value = r.matches;
   }
-  return w(() => {
-    o.addEventListener("change", s);
-  }), W(() => {
-    o.removeEventListener("change", s);
+  return R(() => {
+    t.addEventListener("change", s);
+  }), I(() => {
+    t.removeEventListener("change", s);
   }), i;
 }
-function J(n) {
+function Z(o) {
   return {
-    isGreater(o) {
-      return $(`(min-width: ${n[o]})`);
+    isGreater(t) {
+      return B(`(min-width: ${o[t]})`);
     },
-    isSmaller(o) {
-      return $(`(max-width: ${n[o]})`);
+    isSmaller(t) {
+      return B(`(max-width: ${o[t]})`);
     },
-    isInBetween(o, i) {
-      return $(`(min-width: ${n[o]}) and (max-width: ${n[i]})`);
+    isInBetween(t, i) {
+      return B(`(min-width: ${o[t]}) and (max-width: ${o[i]})`);
     }
   };
 }
-function Z(n, o, i) {
-  if (!n)
-    throw new Error("A target component has to be provided.");
+function _(o, t, i) {
   if (!o)
+    throw new Error("A target component has to be provided.");
+  if (!t)
     throw new Error("A callback has to be provided.");
-  const s = (a) => {
-    !n.value || a.target === n.value || a.composedPath().includes(n.value) || typeof o == "function" && o();
+  const s = (r) => {
+    !o.value || r.target === o.value || r.composedPath().includes(o.value) || typeof t == "function" && t();
   };
-  i && B(
-    i,
-    (a, t) => {
-      t && t.removeEventListener("click", s), a == null || a.addEventListener("click", s);
-    }
-  ), w(() => {
+  i && k(i, (r, e) => {
+    e && e.removeEventListener("click", s), r == null || r.addEventListener("click", s);
+  }), R(() => {
     i || document.addEventListener("click", s);
-  }), C(() => {
+  }), $(() => {
     if (i) {
       i.value.removeEventListener("click", s);
       return;
@@ -242,41 +199,72 @@ function Z(n, o, i) {
     document.removeEventListener("click", s);
   });
 }
-function V(n, o) {
-  if (!n)
+function j(o, t) {
+  if (!o)
     throw new Error("A target component has to be provided.");
-  if (!o || typeof o != "function")
+  if (!t || typeof t != "function")
     throw new Error("A callback has to be provided.");
   const i = (s) => {
-    o(s);
+    t(s);
   };
-  w(() => {
-    n.value.addEventListener("keydown", i);
-  }), C(() => {
-    n.value.removeEventListener("keydown", i);
+  R(() => {
+    o.value.addEventListener("keydown", i);
+  }), $(() => {
+    o.value.removeEventListener("keydown", i);
   });
 }
-function _(n, o) {
-  if (!n || typeof n != "function")
+function V(o, t) {
+  if (!o || typeof o != "function")
     throw new Error("A callback has to be provided.");
   const i = (s) => {
-    n(s);
+    o(s);
   };
-  w(() => {
-    if (!o) {
+  R(() => {
+    if (!t) {
       document.addEventListener("keyup", i);
       return;
     }
-    o.value.addEventListener("keyup", i);
-  }), C(() => {
-    if (!o) {
+    t.value.addEventListener("keyup", i);
+  }), $(() => {
+    if (!t) {
       document.removeEventListener("keyup", i);
       return;
     }
-    o.value.removeEventListener("keyup", i);
+    t.value.removeEventListener("keyup", i);
   });
 }
-const j = /* @__PURE__ */ U({
+const ee = () => {
+  const o = v(null), t = T();
+  C(() => t == null ? void 0 : t.props.modelValue);
+  const i = (l) => l.toLocaleString("it-IT", {
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }), s = (l) => parseFloat(l), r = (l) => {
+    Number.isNaN(l) || t && t.emit("update:modelValue", l);
+  }, e = (l) => (n) => {
+    if (!o.value || !n.target)
+      return;
+    let { value: d } = l;
+    d = d.replace(/[^0-9,.]/g, ""), o.value.value = d;
+    const u = s(d);
+    r(Number.isNaN(u) ? 0 : u);
+  }, p = (l) => {
+    if (!o.value || !l.target)
+      return;
+    let n = s(l.target.value.replace(/,/g, "."));
+    Number.isNaN(n) && (n = 0);
+    const d = i(n);
+    o.value.value = d, r(n);
+  };
+  return k(o, (l, n) => {
+    l && (n && (n == null || n.removeEventListener("input", e(l)), n == null || n.removeEventListener("blur", p)), l.addEventListener("input", e(l)), l.addEventListener("blur", p));
+  }), {
+    inputRef: o,
+    parse: s,
+    format: i,
+    setValue: r
+  };
+}, te = /* @__PURE__ */ U({
   __name: "FzFloating",
   props: {
     isOpen: { type: Boolean, default: !1 },
@@ -287,88 +275,83 @@ const j = /* @__PURE__ */ U({
     overrideContentClass: { type: Boolean },
     teleport: { type: Boolean, default: !1 }
   },
-  emits: ["fzfloating:setPosition"],
-  setup(n, { emit: o }) {
-    const i = n, s = o, a = f(null), t = f(null), p = K(), l = {
-      position: O(() => i.position),
+  setup(o) {
+    const t = o, i = v(null), s = v(null), r = K(), e = {
+      position: C(() => t.position),
       element: {
-        // @ts-ignore
-        domRef: t
+        domRef: s
       },
       container: {
-        // @ts-ignore
-        domRef: Q(i.container || document.body)
-      },
-      callback(...r) {
-        s("fzfloating:setPosition", ...r);
+        domRef: Q(t.container || document.body)
       }
     };
-    p.opener && (l.opener = {
-      domRef: a
+    r.opener && (e.opener = {
+      domRef: i
     });
-    const e = G(l);
-    B(
-      () => i.position,
-      () => i.isOpen && e.setPosition()
-    ), B(
-      () => i.isOpen,
-      (r) => {
-        !r || !t.value || (t.value.style.top = "0px", t.value.style.left = "0px", t.value.style.transform = "none", e.setPosition());
+    const p = H(e);
+    k(
+      () => t.position,
+      () => t.isOpen && p.setPosition()
+    ), k(
+      () => t.isOpen,
+      (n) => {
+        !n || !s.value || (s.value.style.top = "0px", s.value.style.left = "0px", s.value.style.transform = "none", p.setPosition());
       }
     );
-    const c = O(() => i.overrideContentClass ? i.contentClass : ["bg-core-white fixed p-4 z-10", i.contentClass]);
-    return (r, g) => (x(), P("div", null, [
-      k(r.$slots, "opener-start"),
+    const l = C(() => t.overrideContentClass ? t.contentClass : ["bg-core-white fixed p-4 z-10", t.contentClass]);
+    return (n, d) => (x(), z("div", null, [
+      w(n.$slots, "opener-start"),
       S("div", {
         ref_key: "opener",
-        ref: a,
+        ref: i,
         class: "inline-flex"
       }, [
-        k(r.$slots, "opener", {
-          isOpen: r.isOpen,
-          floating: E(e)
+        w(n.$slots, "opener", {
+          isOpen: n.isOpen,
+          floating: E(p)
         })
       ], 512),
-      k(r.$slots, "opener-end"),
-      r.teleport ? D("", !0) : M((x(), P("div", {
+      w(n.$slots, "opener-end"),
+      n.teleport ? D("", !0) : M((x(), z("div", {
         key: 0,
         ref_key: "content",
-        ref: t,
-        class: A(["fz__floating__content bg-core-white fixed p-4 z-10", c.value])
+        ref: s,
+        class: P(["fz__floating__content bg-core-white fixed p-4 z-10", l.value])
       }, [
-        k(r.$slots, "default", {
-          isOpen: r.isOpen,
-          floating: E(e)
+        w(n.$slots, "default", {
+          isOpen: n.isOpen,
+          floating: E(p)
         })
       ], 2)), [
-        [N, r.$slots.default && (!r.$slots.opener || r.$slots.opener && r.isOpen)]
+        [A, n.$slots.default && (!n.$slots.opener || n.$slots.opener && n.isOpen)]
       ]),
-      r.teleport ? (x(), T(X, {
+      n.teleport ? (x(), X(Y, {
         key: 1,
         to: "body"
       }, [
         M(S("div", {
           ref_key: "content",
-          ref: t,
-          class: A(["fz__floating__content bg-core-white absolute p-4 z-10", c.value])
+          ref: s,
+          class: P(["fz__floating__content bg-core-white absolute p-4 z-10", l.value])
         }, [
-          k(r.$slots, "default", {
-            isOpen: r.isOpen,
-            floating: E(e)
+          w(n.$slots, "default", {
+            isOpen: n.isOpen,
+            floating: E(p)
           })
         ], 2), [
-          [N, r.$slots.default && (!r.$slots.opener || r.$slots.opener && r.isOpen)]
+          [A, n.$slots.default && (!n.$slots.opener || n.$slots.opener && n.isOpen)]
         ])
       ])) : D("", !0)
     ]));
   }
 });
 export {
-  j as FzFloating,
-  J as useBreakpoints,
-  Z as useClickOutside,
-  G as useFloating,
-  V as useKeyDown,
-  _ as useKeyUp,
-  $ as useMediaQuery
+  te as FzFloating,
+  Z as useBreakpoints,
+  _ as useClickOutside,
+  ee as useCurrency,
+  H as useFloating,
+  j as useKeyDown,
+  V as useKeyUp,
+  B as useMediaQuery
 };

package/dist/composables.umd.cjs

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