@fiscozen/composables 0.1.39-next.0 → 1.0.1

package/dist/composables.js

@@ -1,262 +1,386 @@
-import { ref as g, reactive as se, onUnmounted as ue, nextTick as U, onMounted as W, computed as R, watch as z, onBeforeUnmount as P, getCurrentInstance as pe, defineComponent as ve, useSlots as ce, toRef as V, toRefs as fe, createElementBlock as ee, openBlock as A, renderSlot as $, createElementVNode as te, withDirectives as oe, createCommentVNode as ae, createBlock as de, unref as D, normalizeClass as le, vShow as ie, Teleport as ye } from "vue";
-const re = (e) => (t) => {
-  if (t === null)
-    return "";
-  const o = {
-    maximumFractionDigits: e.maximumFractionDigits || 2,
-    minimumFractionDigits: e.minimumFractionDigits,
-    useGrouping: e.useGrouping || !1
-  };
-  return t.toLocaleString("it-IT", o);
-}, B = (e) => {
+import { ref as g, reactive as Y, onUnmounted as Q, nextTick as J, onMounted as k, computed as F, watch as B, onBeforeUnmount as N, defineComponent as Z, useSlots as _, toRef as I, toRefs as ee, createElementBlock as j, openBlock as M, renderSlot as C, createElementVNode as V, withDirectives as T, createCommentVNode as U, createBlock as te, unref as P, normalizeClass as q, vShow as G, Teleport as oe } from "vue";
+const le = (e, t) => {
+  const o = Math.pow(10, t);
+  return Math.trunc(e * o) / o;
+}, ne = (e, {
+  minimumFractionDigits: t = 0,
+  maximumFractionDigits: o = 2,
+  roundDecimals: l = !0,
+  useGrouping: r = !0
+} = {}) => e == null || isNaN(e) || !isFinite(e) ? "" : (l ? e : le(e, o)).toLocaleString("it-IT", {
+  minimumFractionDigits: t,
+  maximumFractionDigits: o,
+  useGrouping: r
+}), re = (e) => {
   if (!e || typeof e != "string")
     return NaN;
   let t = e.trim();
   return t.includes(",") && (t = t.replace(/\./g, ""), t = t.replace(",", ".")), parseFloat(t);
-}, me = (e, t) => {
+}, ze = (e, t) => {
   let o = t;
-  const a = t % e, n = t >= 0 ? e : -e;
-  return a !== 0 && (o = Math.abs(a) >= e / 2 ? t + n - a : t - a), o;
-}, M = new DOMRect(0, 0, window.innerWidth, window.innerHeight), C = (e, t, o, a, n) => {
-  let i = n ? "bottom" : "right", x = n ? "bottom-start" : "right-start";
-  M.width = window.innerWidth, M.height = window.innerHeight, M.x = 0, M.y = 0;
-  const s = e ? e.getBoundingClientRect() : M, l = t.getBoundingClientRect(), d = o.getBoundingClientRect(), p = (d.left - s.left - l.width) / s.width, v = (s.right - d.right - l.width) / s.width, u = (d.top - s.top - l.height) / s.height, m = (s.bottom - d.bottom - l.height) / s.height;
-  let h = [
+  const l = t % e, r = t >= 0 ? e : -e;
+  return l !== 0 && (o = Math.abs(l) >= e / 2 ? t + r - l : t - l), o;
+}, ke = (e, t, o) => Math.max(e, Math.min(t, o)), z = new DOMRect(0, 0, window.innerWidth, window.innerHeight), b = (e, t, o, l, r) => {
+  let n = r ? "bottom" : "right", p = r ? "bottom-start" : "right-start";
+  z.width = window.innerWidth, z.height = window.innerHeight, z.x = 0, z.y = 0;
+  const y = e ? e.getBoundingClientRect() : z, d = t.getBoundingClientRect(), v = o.getBoundingClientRect(), h = (v.left - y.left - d.width) / y.width, x = (y.right - v.right - d.width) / y.width, c = (v.top - y.top - d.height) / y.height, i = (y.bottom - v.bottom - d.height) / y.height;
+  let s = [
     {
       key: "right",
-      space: v
+      space: x
     },
     {
       key: "top",
-      space: u
+      space: c
     },
     {
       key: "bottom",
-      space: m
+      space: i
     },
     {
       key: "left",
-      space: p
+      space: h
     }
-  ].sort((r, c) => c.space - r.space);
-  if (n && (h = h.filter((r) => r.key === "top" || r.key === "bottom")), i = h[0].key, !a) {
-    const r = (l.height - d.height) / 2;
-    switch (i) {
+  ].sort((u, f) => f.space - u.space);
+  if (r && (s = s.filter((u) => u.key === "top" || u.key === "bottom")), n = s[0].key, !l) {
+    const u = (d.height - v.height) / 2;
+    switch (n) {
       case "right":
       case "left":
-        s.top > d.top - r && (a = "end"), s.bottom < d.top - r && (a = "start");
+        y.top > v.top - u && (l = "end"), y.bottom < v.top - u && (l = "start");
         break;
     }
   }
-  return x = a ? `${i}-${a}` : i, x;
-}, he = (e, t, o, a) => ({
+  return p = l ? `${n}-${l}` : n, p;
+}, ae = (e, t, o, l) => ({
   x: t.x + e.width * o / 100,
-  y: t.y + e.height * a / 100
-}), ge = (e) => {
-  const t = g(null), o = g(null), a = g(null), n = g(), i = g(), x = g("auto"), s = g(), l = se({
-    position: { x: 0, y: 0 }
-  }), d = {
+  y: t.y + e.height * l / 100
+}), W = (e) => typeof e == "string" ? document.querySelector(e) : e, ie = (e) => ({
+  left: parseFloat(e.marginLeft),
+  right: parseFloat(e.marginRight),
+  top: parseFloat(e.marginTop),
+  bottom: parseFloat(e.marginBottom)
+}), se = {
+  // Bottom positions - content below opener
+  bottom: (e, t) => ({
+    position: {
+      x: e.left - t.left + e.width / 2,
+      y: e.bottom
+    },
+    transform: { x: -50, y: 0 }
+  }),
+  "bottom-start": (e, t) => ({
+    position: {
+      x: e.left - t.left,
+      y: e.bottom
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  "bottom-end": (e, t) => ({
+    position: {
+      x: e.right + t.right,
+      y: e.bottom
+    },
+    transform: { x: -100, y: 0 }
+  }),
+  // Top positions - content above opener
+  top: (e, t) => ({
+    position: {
+      x: e.left - t.left + e.width / 2,
+      y: e.top - t.bottom
+    },
+    transform: { x: -50, y: -100 }
+  }),
+  "top-start": (e, t) => ({
+    position: {
+      x: e.left - t.left,
+      y: e.top - t.bottom
+    },
+    transform: { x: 0, y: -100 }
+  }),
+  "top-end": (e, t) => ({
+    position: {
+      x: e.right + t.right,
+      y: e.top - t.bottom
+    },
+    transform: { x: -100, y: -100 }
+  }),
+  // Left positions - content to left of opener
+  left: (e, t) => ({
+    position: {
+      x: e.left - t.right,
+      y: e.top - t.top + e.height / 2
+    },
+    transform: { x: -100, y: -50 }
+  }),
+  "left-start": (e, t) => ({
+    position: {
+      x: e.left - t.right,
+      y: e.top - t.top
+    },
+    transform: { x: -100, y: 0 }
+  }),
+  "left-end": (e, t) => ({
+    position: {
+      x: e.left - t.right,
+      y: e.bottom + t.bottom
+    },
+    transform: { x: -100, y: -100 }
+  }),
+  // Right positions - content to right of opener
+  right: (e, t) => ({
+    position: {
+      x: e.right + t.left,
+      y: e.top - t.top + e.height / 2
+    },
+    transform: { x: 0, y: -50 }
+  }),
+  "right-start": (e, t) => ({
+    position: {
+      x: e.right + t.left,
+      y: e.top - t.top
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  "right-end": (e, t) => ({
+    position: {
+      x: e.right + t.left,
+      y: e.bottom + t.bottom
+    },
+    transform: { x: 0, y: -100 }
+  })
+}, pe = (e, t, o) => {
+  const l = se[e];
+  return l ? l(t, o) : { position: { x: 0, y: 0 }, transform: { x: 0, y: 0 } };
+}, ue = {
+  bottom: (e, t) => ({
+    position: {
+      x: e.left + e.width / 2,
+      y: e.bottom - t.height
+    },
+    transform: { x: -50, y: 0 }
+  }),
+  "bottom-start": (e, t) => ({
+    position: {
+      x: e.left,
+      y: e.bottom - t.height
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  "bottom-end": (e, t) => ({
+    position: {
+      x: e.right - t.width,
+      y: e.bottom - t.height
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  top: (e) => ({
+    position: {
+      x: e.left + e.width / 2,
+      y: e.top
+    },
+    transform: { x: -50, y: 0 }
+  }),
+  "top-start": (e) => ({
+    position: {
+      x: e.left,
+      y: e.top
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  "top-end": (e, t) => ({
+    position: {
+      x: e.right - t.width,
+      y: e.top
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  left: (e, t) => ({
+    position: {
+      x: e.left,
+      y: e.top + (e.height - t.height) / 2
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  "left-start": (e) => ({
+    position: {
+      x: e.left,
+      y: e.top
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  "left-end": (e, t) => ({
+    position: {
+      x: e.left,
+      y: e.bottom - t.height
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  right: (e, t) => ({
+    position: {
+      x: e.right - t.width,
+      y: e.top + (e.height - t.height) / 2
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  "right-start": (e, t) => ({
+    position: {
+      x: e.right - t.width,
+      y: e.top
+    },
+    transform: { x: 0, y: 0 }
+  }),
+  "right-end": (e, t) => ({
+    position: {
+      x: e.right - t.width,
+      y: e.bottom - t.height
+    },
+    transform: { x: 0, y: 0 }
+  })
+}, ce = (e, t, o) => {
+  const l = ue[e];
+  return l ? l(t, o) : { position: { x: 0, y: 0 }, transform: { x: 0, y: 0 } };
+}, fe = (e, t, o, l) => {
+  const r = { ...e }, n = { ...l };
+  if (e.x < o.left && (r.x = o.left, n.x = 0), e.x + t.width > o.right) {
+    const p = o.right - t.width;
+    p > 0 && (r.x = p), n.x = 0;
+  }
+  if (e.y < o.top && (r.y = o.top, n.y = 0), e.y + t.height > o.bottom) {
+    const p = o.bottom - t.height;
+    p > 0 && (r.y = p), n.y = 0;
+  }
+  return { position: r, transform: n };
+}, ye = (e, t, o, l, r) => {
+  const n = r ? null : t;
+  switch (e) {
+    case "auto":
+      return b(n, o, l);
+    case "auto-vertical":
+      return b(n, o, l, void 0, !0);
+    case "auto-start":
+      return b(n, o, l, "start");
+    case "auto-vertical-start":
+      return b(n, o, l, "start", !0);
+    case "auto-end":
+      return b(n, o, l, "end");
+    case "auto-vertical-end":
+      return b(n, o, l, "end", !0);
+    default:
+      return "bottom-start";
+  }
+}, ve = (e) => e.startsWith("auto"), de = (e) => {
+  const t = g("auto"), o = g(), l = g(), r = g(), n = g(), p = Y({ position: { x: 0, y: 0 } }), y = {
     root: null,
     rootMargin: "0px",
     threshold: 1,
     ...e.element.value.intersectionOptions
-  }, p = (h, r) => {
-  }, v = g(new IntersectionObserver(p, d)), u = g(), m = (h = !1) => U(() => {
-    var I, f, b, w, O, S, F, q, G, _, j, K, Q, X, Y;
-    if (u.value = e.position ? e.position.value : "auto", t.value = typeof e.element.value.domRef.value == "string" ? document.querySelector(e.element.value.domRef.value) : e.element.value.domRef.value, (I = e.container) != null && I.value ? (o.value = typeof ((f = e.container.value) == null ? void 0 : f.domRef.value) == "string" ? document.querySelector(e.container.value.domRef.value) : (b = e.container.value) == null ? void 0 : b.domRef.value, o.value ?? (o.value = document.body)) : o.value = document.body, !t.value)
-      throw new Error("missing reference element for floating behavior");
-    (w = e.opener) != null && w.value && (a.value = typeof ((O = e.opener.value) == null ? void 0 : O.domRef.value) == "string" ? document.querySelector(e.opener.value.domRef.value) : (S = e.opener.value) == null ? void 0 : S.domRef.value), s.value = t.value.getBoundingClientRect(), n.value = (F = a.value) == null ? void 0 : F.getBoundingClientRect(), i.value = o.value.getBoundingClientRect();
-    const r = window.getComputedStyle(t.value);
-    v.value.observe(t.value), v.value.observe(o.value);
-    let c = 0, y = 0;
-    if ((q = e.opener) != null && q.value && a.value && (n != null && n.value)) {
-      const k = n.value.left - parseFloat(r.marginLeft) - parseFloat(r.marginRight), J = n.value.left - parseFloat(r.marginLeft), L = n.value.top - parseFloat(r.marginTop) - parseFloat(r.marginBottom), Z = n.value.top - parseFloat(r.marginTop);
-      switch (u.value) {
-        case "auto":
-          u.value = C(
-            (G = e.useViewport) != null && G.value ? null : o.value,
-            t.value,
-            a.value
-          );
-          break;
-        case "auto-vertical":
-          u.value = C(
-            (_ = e.useViewport) != null && _.value ? null : o.value,
-            t.value,
-            a.value,
-            void 0,
-            !0
-          );
-          break;
-        case "auto-start":
-          u.value = C(
-            (j = e.useViewport) != null && j.value ? null : o.value,
-            t.value,
-            a.value,
-            "start"
-          );
-          break;
-        case "auto-vertical-start":
-          u.value = C(
-            (K = e.useViewport) != null && K.value ? null : o.value,
-            t.value,
-            a.value,
-            "start",
-            !0
-          );
-          break;
-        case "auto-end":
-          u.value = C(
-            (Q = e.useViewport) != null && Q.value ? null : o.value,
-            t.value,
-            a.value,
-            "end"
-          );
-          break;
-        case "auto-vertical-end":
-          u.value = C(
-            (X = e.useViewport) != null && X.value ? null : o.value,
-            t.value,
-            a.value,
-            "end",
-            !0
-          );
-          break;
-      }
-      switch (u.value) {
-        case "bottom":
-          l.position.y = n.value.bottom, l.position.x = J + n.value.width / 2, y = -50, c = 0;
-          break;
-        case "bottom-start":
-          l.position.y = n.value.bottom, l.position.x = k, y = 0, c = 0;
-          break;
-        case "bottom-end":
-          l.position.y = n.value.bottom, l.position.x = n.value.right, y = -100, c = 0;
-          break;
-        case "left-start":
-          l.position.y = L, l.position.x = k, y = -100, c = 0;
-          break;
-        case "left":
-          l.position.y = Z + n.value.height / 2, l.position.x = k, c = -50, y = -100;
-          break;
-        case "left-end":
-          l.position.y = n.value.bottom, l.position.x = k, c = -100, y = -100;
-          break;
-        case "top-start":
-          l.position.y = L, l.position.x = k, c = -100, y = 0;
-          break;
-        case "top":
-          l.position.y = L, l.position.x = J + n.value.width / 2, y = -50, c = -100;
-          break;
-        case "top-end":
-          l.position.y = L, l.position.x = n.value.right, y = -100, c = -100;
-          break;
-        case "right-start":
-          l.position.y = L, l.position.x = n.value.right, y = 0, c = 0;
-          break;
-        case "right":
-          l.position.y = Z + n.value.height / 2, l.position.x = n.value.right, c = -50, y = 0;
-          break;
-        case "right-end":
-          l.position.y = n.value.bottom, l.position.x = n.value.right, c = -100, y = 0;
-          break;
-      }
-    } else
-      switch (u.value) {
-        case "bottom":
-          l.position.y = i.value.bottom - s.value.height, l.position.x = i.value.left + i.value.width / 2, y = -50;
-          break;
-        case "left-end":
-        case "bottom-start":
-          l.position.y = i.value.bottom - s.value.height, l.position.x = i.value.left;
-          break;
-        case "right-end":
-        case "bottom-end":
-          l.position.y = i.value.bottom - s.value.height, l.position.x = i.value.right - s.value.width;
-          break;
-        case "left":
-          l.position.y = i.value.top + (i.value.height - s.value.height) / 2, l.position.x = i.value.left;
-          break;
-        case "top-start":
-        case "left-start":
-          l.position.y = i.value.top, l.position.x = i.value.left;
-          break;
-        case "top":
-          l.position.y = i.value.top, l.position.x = i.value.left + (i.value.width - s.value.width) / 2;
-          break;
-        case "top-end":
-        case "right-start":
-          l.position.y = i.value.top, l.position.x = i.value.right - s.value.width;
-        case "right":
-          l.position.y = i.value.top + (i.value.height - s.value.height) / 2, l.position.x = i.value.right - s.value.width;
-          break;
-      }
-    const E = he(s.value, l.position, y, c);
-    if (l.position.x = E.x, l.position.y = E.y, E.x < i.value.left && (l.position.x = i.value.left, y = 0), E.x + s.value.width > i.value.right) {
-      const k = i.value.right - s.value.width;
-      k > 0 && (l.position.x = k), y = 0;
-    }
-    if (E.y < i.value.top && (l.position.y = i.value.top, c = 0), E.y + s.value.height > i.value.bottom) {
-      const k = i.value.bottom - s.value.height;
-      k > 0 && (l.position.y = k), c = 0;
-    }
-    t.value.style.top = `${l.position.y}px`, t.value.style.left = `${l.position.x}px`, t.value.style.position = "fixed", t.value.style.display = "flex", s.value = t.value.getBoundingClientRect(), (Y = e.callback) != null && Y.value && !h && e.callback.value(s, n, i, x, u);
+  }, d = g(new IntersectionObserver(() => {
+  }, y)), v = () => {
+    var u, f;
+    const c = W(e.element.value.domRef.value);
+    if (!c)
+      return null;
+    const i = (u = e.container) != null && u.value ? W(e.container.value.domRef.value) ?? document.body : document.body, s = (f = e.opener) != null && f.value ? W(e.opener.value.domRef.value) : null;
+    return { element: c, container: i, opener: s };
+  }, h = (c) => {
+    var i;
+    return {
+      element: c.element.getBoundingClientRect(),
+      container: c.container.getBoundingClientRect(),
+      opener: ((i = c.opener) == null ? void 0 : i.getBoundingClientRect()) ?? null
+    };
+  }, x = (c = !1) => J(() => {
+    var O, R, L;
+    o.value = ((O = e.position) == null ? void 0 : O.value) ?? "auto";
+    const i = v();
+    if (!i) return;
+    Object.assign(i.element.style, {
+      position: "fixed",
+      top: "0px",
+      left: "0px"
+    });
+    const s = h(i);
+    l.value = s.element, r.value = s.opener ?? void 0, n.value = s.container, d.value.observe(i.element), d.value.observe(i.container), ve(o.value) && i.opener && (o.value = ye(
+      o.value,
+      i.container,
+      i.element,
+      i.opener,
+      ((R = e.useViewport) == null ? void 0 : R.value) ?? !1
+    ));
+    const u = ie(window.getComputedStyle(i.element)), f = i.opener && s.opener ? pe(o.value, s.opener, u) : ce(o.value, s.container, s.element), E = ae(
+      s.element,
+      f.position,
+      f.transform.x,
+      f.transform.y
+    ), S = fe(
+      E,
+      s.element,
+      s.container,
+      f.transform
+    );
+    p.position.x = S.position.x, p.position.y = S.position.y, Object.assign(i.element.style, {
+      top: `${p.position.y}px`,
+      left: `${p.position.x}px`,
+      position: "fixed",
+      display: "flex"
+    }), l.value = i.element.getBoundingClientRect(), (L = e.callback) != null && L.value && !c && e.callback.value(l, r, n, t, o);
   });
-  return ue(() => {
-    v.value.disconnect();
+  return Q(() => {
+    d.value.disconnect();
   }), {
-    float: l,
-    rect: s,
-    setPosition: m,
-    position: x,
-    actualPosition: u,
-    openerRect: n,
-    containerRect: i
+    float: p,
+    rect: l,
+    setPosition: x,
+    position: t,
+    actualPosition: o,
+    openerRect: r,
+    containerRect: n
   };
 };
-function H(e) {
+function $(e) {
   const t = window.matchMedia(e), o = g(t.matches);
-  function a(n) {
-    o.value = n.matches;
+  function l(r) {
+    o.value = r.matches;
   }
-  return W(() => {
-    t.addEventListener("change", a);
-  }), ue(() => {
-    t.removeEventListener("change", a);
-  }), R(() => o.value);
+  return k(() => {
+    t.addEventListener("change", l);
+  }), Q(() => {
+    t.removeEventListener("change", l);
+  }), F(() => o.value);
 }
-function Oe(e) {
+function Ee(e) {
   return {
     isGreater(t) {
-      return H(`(min-width: ${e[t]})`);
+      return $(`(min-width: ${e[t]})`);
     },
     isSmaller(t) {
-      return H(`(max-width: ${e[t]})`);
+      return $(`(max-width: ${e[t]})`);
     },
     isInBetween(t, o) {
-      return H(`(min-width: ${e[t]}) and (max-width: ${e[o]})`);
+      return $(`(min-width: ${e[t]}) and (max-width: ${e[o]})`);
     }
   };
 }
-function Fe(e, t, o) {
+function Oe(e, t, o) {
   if (!e)
     throw new Error("A target component has to be provided.");
   if (!t)
     throw new Error("A callback has to be provided.");
-  const a = (n) => {
-    !e.value || n.target === e.value || n.composedPath().includes(e.value) || typeof t == "function" && t();
+  const l = (r) => {
+    !e.value || r.target === e.value || r.composedPath().includes(e.value) || typeof t == "function" && t();
   };
-  o && z(o, (n, i) => {
-    i && i.removeEventListener("click", a), n == null || n.addEventListener("click", a);
-  }), W(() => {
-    o || document.addEventListener("click", a);
-  }), P(() => {
-    var n;
+  o && B(o, (r, n) => {
+    n && n.removeEventListener("click", l), r == null || r.addEventListener("click", l);
+  }), k(() => {
+    o || document.addEventListener("click", l);
+  }), N(() => {
+    var r;
     if (o) {
-      (n = o.value) == null || n.removeEventListener("click", a);
+      (r = o.value) == null || r.removeEventListener("click", l);
       return;
     }
-    document.removeEventListener("click", a);
+    document.removeEventListener("click", l);
   });
 }
 function Le(e, t) {
@@ -264,28 +388,28 @@ function Le(e, t) {
     throw new Error("A target component has to be provided.");
   if (!t || typeof t != "function")
     throw new Error("A callback has to be provided.");
-  const o = (a) => {
-    t(a);
+  const o = (l) => {
+    t(l);
   };
-  W(() => {
+  k(() => {
     e.value.addEventListener("keydown", o);
-  }), P(() => {
+  }), N(() => {
     e.value.removeEventListener("keydown", o);
   });
 }
-function $e(e, t) {
+function Be(e, t) {
   if (!e || typeof e != "function")
     throw new Error("A callback has to be provided.");
-  const o = (a) => {
-    e(a);
+  const o = (l) => {
+    e(l);
   };
-  W(() => {
+  k(() => {
     if (!t) {
       document.addEventListener("keyup", o);
       return;
     }
     t.value.addEventListener("keyup", o);
-  }), P(() => {
+  }), N(() => {
     if (!t) {
       document.removeEventListener("keyup", o);
       return;
@@ -293,152 +417,10 @@ function $e(e, t) {
     t.value.removeEventListener("keyup", o);
   });
 }
-const Me = (e) => {
-  const t = g(null), o = pe(), a = R(() => o == null ? void 0 : o.props.amount), n = g(), i = re(e), x = (p) => {
-    if (!Number.isNaN(p) && o) {
-      if (n.value = p, o.props.nullOnEmpty && !p) {
-        o.emit("update:amount", null);
-        return;
-      }
-      o.emit("update:amount", p);
-    }
-  }, s = (p) => {
-    setTimeout(() => {
-      t.value && (t.value.value = p);
-    }, 0);
-  }, l = (p) => (v) => {
-    if (!t.value || !v.target)
-      return;
-    let { value: u } = p;
-    u = u.replace(/[^0-9,.-]/g, "");
-    const m = B(u);
-    s(u);
-    const h = o != null && o.props.nullOnEmpty && u === "" ? null : m;
-    x(Number.isNaN(h) ? 0 : h);
-  }, d = (p) => {
-    if (!t.value || !p.target)
-      return;
-    const v = p.target.value.replace(/,/g, ".");
-    let u;
-    v === "" && (o != null && o.props.nullOnEmpty) ? u = null : (u = B(v), Number.isNaN(u) && (u = 0), e.step && (o != null && o.props.forceStep) && (u = me(e.step, u)), e.min && e.min > u && (u = e.min), e.max && e.max < u && (u = e.max));
-    const m = i(u);
-    s(m), x(B(m));
-  };
-  return z(t, (p, v) => {
-    p && (v && (v == null || v.removeEventListener("input", l(p)), v == null || v.removeEventListener("blur", d)), p.addEventListener("input", l(p)), p.addEventListener("blur", d), o != null && o.props.amount && (p.value = i(a.value)));
-  }), z(a, (p) => {
-    U(() => {
-      if (!(!t.value || p === null || p === void 0) && n.value !== p) {
-        const v = i(p);
-        t.value.value = v, n.value = p;
-      }
-    });
-  }), {
-    inputRef: t,
-    parse: B,
-    format: i,
-    emitAmount: x,
-    setValue: s
-  };
-};
-function xe(e, t) {
-  if (!(e == null || e === "")) {
-    if (typeof e == "number")
-      return e;
-    if (typeof e == "string") {
-      console.warn(
-        `[useCurrencyModel] String values in v-model are deprecated and will be removed in a future version. Please use number | undefined instead. Received: "${e}". The string format is deprecated and will be replaced by "number | undefined". Parsing as number for retrocompatibility.`
-      );
-      const o = t(e);
-      return isNaN(o) || !isFinite(o) ? void 0 : o;
-    }
-  }
-}
-function Be(e) {
-  const {
-    model: t,
-    displayModel: o,
-    inputRef: a,
-    nullOnEmpty: n = !1,
-    onModelUpdate: i,
-    ...x
-  } = e, s = re(x), l = B, d = g(!1), p = g(!1), v = g(!1);
-  let u = !1;
-  const m = () => {
-    u || (u = !0, U(() => {
-      v.value = !1, u = !1;
-    }));
-  }, h = (f) => xe(f, l), r = (f) => {
-    const b = !f || f.trim() === "";
-    if (d.value && !p.value && t.value === void 0 && !b)
-      return s(0);
-  }, c = (f, b) => {
-    if (f === void 0) {
-      if (p.value) {
-        o.value = void 0, a != null && a.value && (a.value.value = "");
-        return;
-      }
-      const w = r(b);
-      o.value = w, a != null && a.value && (a.value.value = w || "");
-    } else {
-      const w = s(f);
-      o.value = w, a != null && a.value && (a.value.value = w);
-    }
-  }, y = (f) => {
-    if (p.value = !0, !(f != null && f.trim())) {
-      o.value = void 0, a != null && a.value && (a.value.value = "");
-      const S = n ? void 0 : 0;
-      v.value = !0, i ? i(S) : t.value = S, m();
-      return;
-    }
-    o.value = f;
-    const b = l(f), w = isNaN(b) || !isFinite(b) ? void 0 : b;
-    if (h(t.value) !== w) {
-      v.value = !0;
-      const S = w !== void 0 ? w : 0;
-      i ? i(S) : t.value = S, m();
-    }
-  }, E = () => {
-    p.value = !0;
-  };
-  return z(
-    () => t.value,
-    (f, b) => {
-      var F;
-      if (v.value) {
-        m();
-        return;
-      }
-      const w = h(f), O = h(b);
-      if (w === O)
-        return;
-      f === void 0 && (d.value = !0);
-      const S = ((F = a == null ? void 0 : a.value) == null ? void 0 : F.value) || o.value || "";
-      c(w, S), f !== void 0 && typeof f == "number" && (p.value = !0);
-    }
-  ), {
-    format: s,
-    parse: l,
-    normalize: h,
-    handleInputUpdate: y,
-    markUserModified: E,
-    initialize: () => {
-      var f;
-      if (d.value = t.value === void 0, (f = a == null ? void 0 : a.value) != null && f.value)
-        o.value = a.value.value, p.value = !0;
-      else if (t.value !== void 0 && t.value !== null && t.value !== "") {
-        const b = h(t.value);
-        b === void 0 ? o.value = void 0 : (o.value = s(b), p.value = !0);
-      } else
-        t.value === void 0 ? o.value = s(0) : o.value = void 0;
-    },
-    resetInternalUpdateFlag: m,
-    isInternalUpdate: R(() => v.value),
-    userHasModified: R(() => p.value),
-    initialValueWasUndefined: R(() => d.value)
-  };
-}
-const be = {
+const $e = (e) => ({
+  format: ne,
+  parse: re
+}), xe = {
   blue: {
     50: {
       value: "#eff1ff",
@@ -1271,9 +1253,9 @@ const be = {
       type: "lineHeights"
     }
   }
-}, T = {
-  global: be
-}, we = [
+}, H = {
+  global: xe
+}, he = [
   "blue",
   "purple",
   "orange",
@@ -1281,40 +1263,40 @@ const be = {
   "yellow",
   "grey",
   "core"
-], ke = {
-  safeColorNames: we
-}, Se = [
+], ge = {
+  safeColorNames: he
+}, me = [
   "error",
   "warning",
   "success",
   "info"
-], Ee = {
-  semanticColorNames: Se
-}, ze = ke.safeColorNames, Ce = Ee.semanticColorNames, N = {};
-ze.forEach((e) => {
-  const t = T.global[e];
+], be = {
+  semanticColorNames: me
+}, we = ge.safeColorNames, Se = be.semanticColorNames, w = {};
+we.forEach((e) => {
+  const t = H.global[e];
   t && Object.keys(t).forEach((o) => {
-    var n;
-    const a = (n = t[o]) == null ? void 0 : n.value;
-    a && (N[e] || (N[e] = {}), N[e][o] = a);
+    var r;
+    const l = (r = t[o]) == null ? void 0 : r.value;
+    l && (w[e] || (w[e] = {}), w[e][o] = l);
   });
 });
-const ne = T.global.semantic;
-ne && Ce.forEach((e) => {
-  const t = ne[e];
+const K = H.global.semantic;
+K && Se.forEach((e) => {
+  const t = K[e];
   t && typeof t == "object" && Object.keys(t).forEach((o) => {
-    var n;
-    const a = (n = t[o]) == null ? void 0 : n.value;
-    if (a) {
-      const i = `semantic-${e}`;
-      N[i] || (N[i] = {}), N[i][o] = a;
+    var r;
+    const l = (r = t[o]) == null ? void 0 : r.value;
+    if (l) {
+      const n = `semantic-${e}`;
+      w[n] || (w[n] = {}), w[n][o] = l;
     }
   });
 });
-const Re = Object.entries(T.global.breakpoint).reduce(
+const Re = Object.entries(H.global.breakpoint).reduce(
   (e, [t, o]) => (e[t] = o.value, e),
   {}
-), He = /* @__PURE__ */ ve({
+), Ne = /* @__PURE__ */ Z({
   __name: "FzFloating",
   props: {
     isOpen: { type: Boolean, default: !1 },
@@ -1329,123 +1311,143 @@ const Re = Object.entries(T.global.breakpoint).reduce(
   },
   emits: ["fzfloating:setPosition"],
   setup(e, { expose: t, emit: o }) {
-    const a = e, n = o, i = g(null), x = g(null), s = ce(), l = H(`(max-width: ${Re.xs})`);
-    let d = !1;
-    const p = {
-      position: a.position,
+    const l = e, r = o, n = g(null), p = g(null), y = _(), d = $(`(max-width: ${Re.xs})`);
+    let v = !1, h = !1, x = null, c = null;
+    const i = {
+      position: l.position,
       element: {
         // @ts-ignore
-        domRef: i
+        domRef: n
       },
       container: {
         // @ts-ignore
-        domRef: V(a.container || document.body)
+        domRef: I(l.container || document.body)
       },
       opener: {
-        domRef: V(null)
+        domRef: I(null)
       },
-      useViewport: a.useViewport,
-      callback(...r) {
-        n("fzfloating:setPosition", ...r);
+      useViewport: l.useViewport,
+      callback(...a) {
+        r("fzfloating:setPosition", ...a);
       }
-    }, v = fe(p);
-    s.opener && (p.opener = {
+    }, s = ee(i);
+    y.opener && (i.opener = {
       // @ts-ignore
-      domRef: x
+      domRef: p
     });
-    const u = ge(v), m = () => {
-      d || (d = !0, requestAnimationFrame(() => {
-        a.isOpen && u.setPosition(), d = !1;
+    const u = de(s), f = () => {
+      v || !h || (v = !0, requestAnimationFrame(() => {
+        h && l.isOpen && u.setPosition(), v = !1;
       }));
     };
-    z(
-      () => a.position,
-      () => m()
-    ), z(
-      () => a.isOpen,
-      (r) => {
-        var y;
-        if (!r || !i.value) {
-          window.removeEventListener("scroll", m);
+    k(() => {
+      h = !0;
+    });
+    const E = () => {
+      f();
+    }, S = () => {
+      f();
+    }, O = () => {
+      window.addEventListener("scroll", E, !0), window.addEventListener("resize", S), n.value && !x && (x = new ResizeObserver(() => {
+        f();
+      }), x.observe(n.value)), p.value && !c && (c = new ResizeObserver(() => {
+        f();
+      }), c.observe(p.value));
+    }, R = () => {
+      window.removeEventListener("scroll", E, !0), window.removeEventListener("resize", S), x && (x.disconnect(), x = null), c && (c.disconnect(), c = null);
+    };
+    B(
+      () => l.position,
+      () => f()
+    ), B(
+      () => l.isOpen,
+      (a) => {
+        var D;
+        if (!a || !n.value || !h) {
+          R();
           return;
         }
-        window.addEventListener("scroll", m);
-        const c = (y = x.value) == null ? void 0 : y.getBoundingClientRect();
-        i.value.style.top = "0px", i.value.style.left = "0px", i.value.style.transform = "none", i.value.style.width = l.value ? (c == null ? void 0 : c.width) + "px" : "auto", u.setPosition();
+        O();
+        const m = (D = p.value) == null ? void 0 : D.getBoundingClientRect();
+        n.value.style.position = "fixed", n.value.style.top = "0px", n.value.style.left = "0px", n.value.style.transform = "none", n.value.style.width = d.value ? (m == null ? void 0 : m.width) + "px" : "auto", u.setPosition();
       }
-    ), z(
-      () => a.overrideOpener,
-      (r) => {
-        r && v.opener && v.opener.value && (v.opener.value = {
-          domRef: r
+    ), B(
+      () => l.overrideOpener,
+      (a) => {
+        a && s.opener && s.opener.value && (s.opener.value = {
+          domRef: a
         });
       }
-    ), P(() => {
-      window.removeEventListener("scroll", m);
+    ), N(() => {
+      h = !1, R();
     });
-    const h = R(() => a.overrideContentClass ? a.contentClass : ["bg-core-white fixed p-4", a.contentClass]);
+    const L = (a) => a.startsWith("bottom") ? "mt-4" : a.startsWith("top") ? "mb-4" : a.startsWith("left") ? "mr-4" : a.startsWith("right") ? "ml-4" : "mt-4", X = F(() => {
+      var m;
+      const a = ((m = u.actualPosition) == null ? void 0 : m.value) ?? l.position;
+      return L(a);
+    }), A = F(() => l.overrideContentClass ? l.contentClass : ["bg-core-white fixed", X.value, l.contentClass]);
     return t({
       setPosition: u.setPosition
-    }), (r, c) => (A(), ee("div", null, [
-      $(r.$slots, "opener-start"),
-      te("div", {
+    }), (a, m) => (M(), j("div", null, [
+      C(a.$slots, "opener-start"),
+      V("div", {
         ref_key: "opener",
-        ref: x,
+        ref: p,
         class: "inline-flex w-full sm:w-auto"
       }, [
-        $(r.$slots, "opener", {
-          isOpen: r.isOpen,
-          floating: D(u)
+        C(a.$slots, "opener", {
+          isOpen: e.isOpen,
+          floating: P(u)
         })
       ], 512),
-      $(r.$slots, "opener-end"),
-      r.teleport ? ae("", !0) : oe((A(), ee("div", {
+      C(a.$slots, "opener-end"),
+      e.teleport ? U("", !0) : T((M(), j("div", {
         key: 0,
         ref_key: "content",
-        ref: i,
-        class: le(["fz__floating__content w-full sm:w-auto", h.value])
+        ref: n,
+        class: q(["fz__floating__content w-full sm:w-auto", A.value])
       }, [
-        $(r.$slots, "default", {
-          isOpen: r.isOpen,
-          floating: D(u)
+        C(a.$slots, "default", {
+          isOpen: e.isOpen,
+          floating: P(u)
         })
       ], 2)), [
-        [ie, r.$slots.default && (!r.$slots.opener || r.$slots.opener && r.isOpen)]
+        [G, a.$slots.default && (!a.$slots.opener || a.$slots.opener && e.isOpen)]
       ]),
-      r.teleport ? (A(), de(ye, {
+      e.teleport ? (M(), te(oe, {
         key: 1,
         to: "body"
       }, [
-        oe(te("div", {
+        T(V("div", {
           ref_key: "content",
-          ref: i,
-          class: le(["fz__floating__content", h.value])
+          ref: n,
+          class: q(["fz__floating__content", A.value])
         }, [
-          $(r.$slots, "default", {
-            isOpen: r.isOpen,
-            floating: D(u)
+          C(a.$slots, "default", {
+            isOpen: e.isOpen,
+            floating: P(u)
           })
         ], 2), [
-          [ie, r.$slots.default && (!r.$slots.opener || r.$slots.opener && r.isOpen)]
+          [G, a.$slots.default && (!a.$slots.opener || a.$slots.opener && e.isOpen)]
         ])
-      ])) : ae("", !0)
+      ])) : U("", !0)
     ]));
   }
 });
 export {
-  He as FzFloating,
-  he as calcRealPos,
-  re as format,
-  C as getHighestAvailableSpacePos,
-  xe as normalizeModelValue,
-  B as parse,
-  me as roundTo,
-  Oe as useBreakpoints,
-  Fe as useClickOutside,
-  Me as useCurrency,
-  Be as useCurrencyModel,
-  ge as useFloating,
+  Ne as FzFloating,
+  ae as calcRealPos,
+  ke as clamp,
+  ne as format,
+  b as getHighestAvailableSpacePos,
+  re as parse,
+  ze as roundTo,
+  le as truncateDecimals,
+  Ee as useBreakpoints,
+  Oe as useClickOutside,
+  $e as useCurrency,
+  de as useFloating,
   Le as useKeyDown,
-  $e as useKeyUp,
-  H as useMediaQuery
+  Be as useKeyUp,
+  $ as useMediaQuery
 };