@fiscozen/composables 0.1.26 → 0.1.27

package/package.json

@@ -1,7 +1,14 @@
 {
   "name": "@fiscozen/composables",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "Design System utility composables",
+  "scripts": {
+    "coverage": "vitest run --coverage",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts",
+    "format": "prettier --write src/",
+    "test:unit": "vitest run",
+    "build": "vite build"
+  },
   "main": "src/index.ts",
   "type": "module",
   "keywords": [],
@@ -11,6 +18,9 @@
     "vue": "^3.4.13"
   },
   "devDependencies": {
+    "@fiscozen/eslint-config": "workspace:^",
+    "@fiscozen/prettier-config": "workspace:^",
+    "@fiscozen/tsconfig": "workspace:^",
     "@rushstack/eslint-patch": "^1.3.3",
     "@types/jsdom": "^21.1.6",
     "@types/node": "^18.19.3",
@@ -24,17 +34,7 @@
     "typescript": "~5.3.0",
     "vite": "^5.0.10",
     "vitest": "^1.2.0",
-    "vue-tsc": "^1.8.25",
-    "@fiscozen/eslint-config": "^0.1.0",
-    "@fiscozen/prettier-config": "^0.1.0",
-    "@fiscozen/tsconfig": "^0.1.0"
+    "vue-tsc": "^1.8.25"
   },
-  "license": "ISC",
-  "scripts": {
-    "coverage": "vitest run --coverage",
-    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts",
-    "format": "prettier --write src/",
-    "test:unit": "vitest run",
-    "build": "vite build"
-  }
-}
+  "license": "ISC"
+}

package/src/types.ts

@@ -5,7 +5,7 @@ type PositionSecondary = 'start' | 'end'
 export type FzFloatingPosition = PositionPrimary | `${PositionPrimary}-${PositionSecondary}`
 
 export interface FzFloatingProps {
-  isOpen: boolean
+  isOpen?: boolean
   position?: FzFloatingPosition
   container?: string | null
   contentClass?:

package/LICENSE

@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2024 Fiscozen
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.

package/dist/composables.js

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

package/dist/composables.umd.cjs

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