finso-vue-components 0.4.28 → 0.4.30

package/dist/finso-vue-components.js

@@ -1,8 +1,8 @@
-import { defineComponent as C, resolveComponent as b, openBlock as s, createBlock as _, computed as B, withDirectives as ce, unref as h, mergeProps as S, isRef as E, createSlots as H, renderList as R, withCtx as f, renderSlot as A, normalizeProps as G, guardReactiveProps as K, useModel as L, ref as N, watch as le, createElementBlock as T, resolveDynamicComponent as me, toHandlers as fe, toDisplayString as P, createTextVNode as X, createElementVNode as j, createCommentVNode as z, withModifiers as q, createVNode as V, mergeModels as Y, onMounted as ae, Fragment as W } from "vue";
-import { VTextField as ne, VTextarea as pe, VAutocomplete as ve, VCheckbox as ye, VSelect as ge, VNumberInput as be, VSwitch as _e } from "vuetify/components";
+import { defineComponent as C, resolveComponent as y, openBlock as s, createBlock as _, computed as S, withDirectives as se, unref as k, mergeProps as w, isRef as E, createSlots as H, renderList as N, withCtx as m, renderSlot as A, normalizeProps as G, guardReactiveProps as K, useModel as L, ref as I, watch as q, createElementBlock as B, resolveDynamicComponent as ue, toHandlers as ce, toDisplayString as T, createTextVNode as X, createElementVNode as j, createCommentVNode as z, withModifiers as J, createVNode as V, mergeModels as Y, onMounted as me, Fragment as W } from "vue";
+import { VTextField as fe, VTextarea as ve, VAutocomplete as pe, VCheckbox as ye, VSelect as ge, VNumberInput as be, VSwitch as _e } from "vuetify/components";
 import { vMaska as he } from "maska/vue";
-import { useField as U } from "vee-validate";
-const J = /* @__PURE__ */ C({
+import { useField as R } from "vee-validate";
+const Q = /* @__PURE__ */ C({
   __name: "FButton",
   props: {
     color: { default: "primary" },
@@ -10,9 +10,9 @@ const J = /* @__PURE__ */ C({
   },
   setup(t) {
     const e = t;
-    return (n, o) => {
-      const a = b("v-btn");
-      return s(), _(a, {
+    return (n, r) => {
+      const l = y("v-btn");
+      return s(), _(l, {
         color: e.color,
         rounded: e.rounded
       }, null, 8, ["color", "rounded"]);
@@ -37,13 +37,13 @@ const J = /* @__PURE__ */ C({
   },
   emits: ["clickAppendInner"],
   setup(t) {
-    const e = t, n = B(() => e.rules), { errorMessage: o, value: a } = U(() => e.name, n, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (p, i) => ce((s(), _(h(ne), S(p.$attrs, {
-      modelValue: h(a),
-      "onUpdate:modelValue": i[0] || (i[0] = (y) => E(a) ? a.value = y : null),
+    return (v, o) => se((s(), _(k(fe), w(v.$attrs, {
+      modelValue: k(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (p) => E(l) ? l.value = p : null),
       name: e.name,
       color: e.color,
       density: e.density,
@@ -51,18 +51,18 @@ const J = /* @__PURE__ */ C({
       variant: e.variant,
       clearable: e.clearable,
       "hide-details": e.hideDetails,
-      "error-messages": h(o),
+      "error-messages": k(r),
       "append-inner-icon": e.appendInnerIcon,
-      "onClick:appendInner": i[1] || (i[1] = (y) => p.$emit("clickAppendInner"))
+      "onClick:appendInner": o[1] || (o[1] = (p) => v.$emit("clickAppendInner"))
     }), H({ _: 2 }, [
-      R(p.$slots, (y, g) => ({
-        name: g,
-        fn: f((d) => [
-          A(p.$slots, g, G(K(d ?? {})))
+      N(v.$slots, (p, b) => ({
+        name: b,
+        fn: m((i) => [
+          A(v.$slots, b, G(K(i ?? {})))
         ])
       }))
     ]), 1040, ["modelValue", "name", "color", "density", "rounded", "variant", "clearable", "hide-details", "error-messages", "append-inner-icon"])), [
-      [h(he), e.mask]
+      [k(he), e.mask]
     ]);
   }
 }), ke = {
@@ -71,7 +71,7 @@ const J = /* @__PURE__ */ C({
 }, Fe = {
   key: 1,
   class: "font-weight-bold d-flex justify-center align-center fill-height"
-}, xe = { key: 2 }, De = { key: 5 }, $e = { class: "f-data-table__actions" }, we = { class: "text-h6" }, Se = /* @__PURE__ */ C({
+}, xe = { key: 2 }, De = { key: 5 }, $e = { class: "f-data-table__actions" }, we = { class: "text-h6" }, Ce = /* @__PURE__ */ C({
   name: "FDataTable",
   inheritAttrs: !1,
   __name: "FDataTable",
@@ -113,55 +113,55 @@ const J = /* @__PURE__ */ C({
   }),
   emits: /* @__PURE__ */ Y(["show-record", "delete-record"], ["update:page", "update:itemsPerPage", "update:sortBy"]),
   setup(t, { emit: e }) {
-    const n = t, o = e, a = L(t, "page"), p = L(t, "itemsPerPage"), i = L(t, "sortBy"), y = N(!1), g = N(null);
-    function d(c, m) {
-      return m.split(".").reduce((I, O) => I == null ? void 0 : I[O], c);
+    const n = t, r = e, l = L(t, "page"), v = L(t, "itemsPerPage"), o = L(t, "sortBy"), p = I(!1), b = I(null);
+    function i(u, c) {
+      return c.split(".").reduce((M, O) => M == null ? void 0 : M[O], u);
     }
-    function r(c) {
-      return c == null ? "" : new Intl.NumberFormat(n.moneyLocale, {
+    function d(u) {
+      return u == null ? "" : new Intl.NumberFormat(n.moneyLocale, {
         style: "currency",
         currency: n.moneyCurrency
-      }).format(c);
+      }).format(u);
     }
-    function l(c) {
-      if (!c) return "";
-      const m = c.replace(/\D/g, "");
-      return m.length < 10 ? c : `(${m.substring(0, 3)}) ${m.substring(3, 6)} ${m.substring(6, 10)}`;
+    function a(u) {
+      if (!u) return "";
+      const c = u.replace(/\D/g, "");
+      return c.length < 10 ? u : `(${c.substring(0, 3)}) ${c.substring(3, 6)} ${c.substring(6, 10)}`;
     }
-    function k(c, m) {
-      return m.split(",").map((I) => {
-        const O = d(c, I.trim());
+    function F(u, c) {
+      return c.split(",").map((M) => {
+        const O = i(u, M.trim());
         return typeof O == "string" ? O.charAt(0).toUpperCase() : "";
       }).join("");
     }
-    const w = B(() => {
-      const I = n.items.length === 0 ? 108 : n.items.length * 52 + 56;
-      return Math.min(I, n.maxHeight);
-    }), M = B(() => !n.canEditRecord && !n.canReadRecord ? {} : {
-      "click:row": (c, { item: m }) => {
-        o("show-record", m);
+    const g = S(() => {
+      const M = n.items.length === 0 ? 108 : n.items.length * 52 + 56;
+      return Math.min(M, n.maxHeight);
+    }), $ = S(() => !n.canEditRecord && !n.canReadRecord ? {} : {
+      "click:row": (u, { item: c }) => {
+        r("show-record", c);
       }
-    }), u = B(
-      () => n.headers.filter((c) => c.type && c.key !== "actions")
-    ), x = B(() => n.headers.some((c) => c.key === "actions"));
-    function $(c) {
-      n.showDeleteConfirm ? (g.value = c, y.value = !0) : o("delete-record", c);
+    }), h = S(
+      () => n.headers.filter((u) => u.type && u.key !== "actions")
+    ), U = S(() => n.headers.some((u) => u.key === "actions"));
+    function P(u) {
+      n.showDeleteConfirm ? (b.value = u, p.value = !0) : r("delete-record", u);
     }
-    function F() {
-      o("delete-record", g.value), n.deleteLoading === void 0 && (y.value = !1, g.value = null);
+    function x() {
+      r("delete-record", b.value), n.deleteLoading === void 0 && (p.value = !1, b.value = null);
     }
-    return le(() => n.deleteLoading, (c, m) => {
-      m && !c && y.value && (y.value = !1, g.value = null);
-    }), (c, m) => {
-      const I = b("v-icon"), O = b("v-img"), Z = b("v-avatar"), oe = b("v-chip"), ee = b("v-btn"), re = b("v-card-text"), ie = b("v-spacer"), te = b("f-button"), de = b("v-card-actions"), se = b("f-dialog");
-      return s(), T("div", null, [
-        (s(), _(me(t.serverSide ? "v-data-table-server" : "v-data-table"), S(c.$attrs, {
-          page: a.value,
-          "onUpdate:page": m[0] || (m[0] = (v) => a.value = v),
-          "items-per-page": p.value,
-          "onUpdate:itemsPerPage": m[1] || (m[1] = (v) => p.value = v),
-          "sort-by": i.value,
-          "onUpdate:sortBy": m[2] || (m[2] = (v) => i.value = v),
+    return q(() => n.deleteLoading, (u, c) => {
+      c && !u && p.value && (p.value = !1, b.value = null);
+    }), (u, c) => {
+      const M = y("v-icon"), O = y("v-img"), ee = y("v-avatar"), ae = y("v-chip"), te = y("v-btn"), ne = y("v-card-text"), oe = y("v-spacer"), le = y("f-button"), re = y("v-card-actions"), de = y("f-dialog");
+      return s(), B("div", null, [
+        (s(), _(ue(t.serverSide ? "v-data-table-server" : "v-data-table"), w(u.$attrs, {
+          page: l.value,
+          "onUpdate:page": c[0] || (c[0] = (f) => l.value = f),
+          "items-per-page": v.value,
+          "onUpdate:itemsPerPage": c[1] || (c[1] = (f) => v.value = f),
+          "sort-by": o.value,
+          "onUpdate:sortBy": c[2] || (c[2] = (f) => o.value = f),
           class: "rounded-b-lg",
           headers: t.headers,
           items: t.items,
@@ -169,55 +169,55 @@ const J = /* @__PURE__ */ C({
           loading: t.loading,
           hover: t.hover,
           density: t.density,
-          height: w.value,
+          height: g.value,
           "show-select": t.showSelect,
           "fixed-header": t.fixedHeader,
           "items-per-page-text": t.labelItemsPerPage,
           "no-data-text": t.labelNoData
-        }, fe(M.value)), H({ _: 2 }, [
-          R(u.value, (v) => ({
-            name: `item.${v.key}`,
-            fn: f(({ item: D }) => [
-              A(c.$slots, `item.${v.key}`, {
+        }, ce($.value)), H({ _: 2 }, [
+          N(h.value, (f) => ({
+            name: `item.${f.key}`,
+            fn: m(({ item: D }) => [
+              A(u.$slots, `item.${f.key}`, {
                 item: D,
-                value: d(D, v.key)
+                value: i(D, f.key)
               }, () => [
-                v.type === "image" ? (s(), _(Z, {
+                f.type === "image" ? (s(), _(ee, {
                   key: 0,
                   rounded: "lg",
                   variant: "elevated",
                   border: ""
                 }, {
-                  default: f(() => [
-                    d(D, v.key) ? (s(), _(O, {
+                  default: m(() => [
+                    i(D, f.key) ? (s(), _(O, {
                       key: 0,
-                      src: d(D, v.key),
+                      src: i(D, f.key),
                       class: "f-data-table__logo"
                     }, {
-                      error: f(() => [
-                        v.imageInitialsKey ? (s(), T("span", ke, P(k(D, v.imageInitialsKey)), 1)) : (s(), _(I, {
+                      error: m(() => [
+                        f.imageInitialsKey ? (s(), B("span", ke, T(F(D, f.imageInitialsKey)), 1)) : (s(), _(M, {
                           key: 1,
                           color: "white"
                         }, {
-                          default: f(() => [...m[5] || (m[5] = [
+                          default: m(() => [...c[5] || (c[5] = [
                             X("mdi-account", -1)
                           ])]),
                           _: 1
                         }))
                       ]),
                       _: 2
-                    }, 1032, ["src"])) : v.imageInitialsKey ? (s(), T("span", Fe, P(k(D, v.imageInitialsKey)), 1)) : (s(), _(I, {
+                    }, 1032, ["src"])) : f.imageInitialsKey ? (s(), B("span", Fe, T(F(D, f.imageInitialsKey)), 1)) : (s(), _(M, {
                       key: 2,
                       color: "white"
                     }, {
-                      default: f(() => [...m[6] || (m[6] = [
+                      default: m(() => [...c[6] || (c[6] = [
                         X("mdi-account", -1)
                       ])]),
                       _: 1
                     }))
                   ]),
                   _: 2
-                }, 1024)) : v.type === "logo" ? (s(), _(Z, {
+                }, 1024)) : f.type === "logo" ? (s(), _(ee, {
                   key: 1,
                   rounded: "lg",
                   variant: "elevated",
@@ -225,103 +225,103 @@ const J = /* @__PURE__ */ C({
                   class: "f-data-table__logo-avatar",
                   color: "white"
                 }, {
-                  default: f(() => [
-                    d(D, v.key) ? (s(), _(O, {
+                  default: m(() => [
+                    i(D, f.key) ? (s(), _(O, {
                       key: 0,
-                      src: d(D, v.key),
+                      src: i(D, f.key),
                       class: "f-data-table__logo"
                     }, {
-                      error: f(() => [...m[7] || (m[7] = [
+                      error: m(() => [...c[7] || (c[7] = [
                         j("div", { class: "f-data-table__logo-avatar fill-height" }, null, -1)
                       ])]),
                       _: 1
                     }, 8, ["src"])) : z("", !0)
                   ]),
                   _: 2
-                }, 1024)) : v.type === "money" ? (s(), T("span", xe, P(r(d(D, v.key))), 1)) : v.type === "status" ? (s(), _(oe, {
+                }, 1024)) : f.type === "money" ? (s(), B("span", xe, T(d(i(D, f.key))), 1)) : f.type === "status" ? (s(), _(ae, {
                   key: 3,
-                  color: d(D, v.key) ? "green-darken-1" : "red-darken-2",
+                  color: i(D, f.key) ? "green-darken-1" : "red-darken-2",
                   size: "small"
                 }, {
-                  default: f(() => [
-                    X(P(d(D, v.key) ? t.labelActive : t.labelPassive), 1)
+                  default: m(() => [
+                    X(T(i(D, f.key) ? t.labelActive : t.labelPassive), 1)
                   ]),
                   _: 2
-                }, 1032, ["color"])) : v.type === "boolean" ? (s(), _(I, {
+                }, 1032, ["color"])) : f.type === "boolean" ? (s(), _(M, {
                   key: 4,
-                  color: d(D, v.key) ? "green-darken-1" : "red-darken-2"
+                  color: i(D, f.key) ? "green-darken-1" : "red-darken-2"
                 }, {
-                  default: f(() => [
-                    X(P(d(D, v.key) ? "mdi-check" : "mdi-close"), 1)
+                  default: m(() => [
+                    X(T(i(D, f.key) ? "mdi-check" : "mdi-close"), 1)
                   ]),
                   _: 2
-                }, 1032, ["color"])) : v.type === "gsmNo" ? (s(), T("span", De, P(l(d(D, v.key))), 1)) : z("", !0)
+                }, 1032, ["color"])) : f.type === "gsmNo" ? (s(), B("span", De, T(a(i(D, f.key))), 1)) : z("", !0)
               ], !0)
             ])
           })),
-          x.value ? {
+          U.value ? {
             name: "item.actions",
-            fn: f(({ item: v }) => [
-              A(c.$slots, "item.actions", { item: v }, () => [
+            fn: m(({ item: f }) => [
+              A(u.$slots, "item.actions", { item: f }, () => [
                 j("div", $e, [
-                  t.canEditRecord || t.canReadRecord ? (s(), _(ee, {
+                  t.canEditRecord || t.canReadRecord ? (s(), _(te, {
                     key: 0,
                     size: "small",
                     variant: "text",
                     icon: t.canEditRecord ? "mdi-pencil-outline" : "mdi-eye-outline",
                     color: t.canEditRecord ? "primary" : "secondary",
-                    onClick: q((D) => o("show-record", v), ["stop"])
+                    onClick: J((D) => r("show-record", f), ["stop"])
                   }, null, 8, ["icon", "color", "onClick"])) : z("", !0),
-                  t.canDeleteRecord ? (s(), _(ee, {
+                  t.canDeleteRecord ? (s(), _(te, {
                     key: 1,
                     icon: "mdi-trash-can-outline",
                     variant: "text",
                     size: "small",
                     color: "red-darken-2",
-                    onClick: q((D) => $(v), ["stop"])
+                    onClick: J((D) => P(f), ["stop"])
                   }, null, 8, ["onClick"])) : z("", !0)
                 ])
               ], !0)
             ]),
             key: "0"
           } : void 0,
-          R(c.$slots, (v, D) => ({
+          N(u.$slots, (f, D) => ({
             name: D,
-            fn: f((ue) => [
-              A(c.$slots, D, G(K(ue ?? {})), void 0, !0)
+            fn: m((ie) => [
+              A(u.$slots, D, G(K(ie ?? {})), void 0, !0)
             ])
           }))
         ]), 1040, ["page", "items-per-page", "sort-by", "headers", "items", "items-length", "loading", "hover", "density", "height", "show-select", "fixed-header", "items-per-page-text", "no-data-text"])),
-        V(se, {
-          modelValue: y.value,
-          "onUpdate:modelValue": m[4] || (m[4] = (v) => y.value = v),
+        V(de, {
+          modelValue: p.value,
+          "onUpdate:modelValue": c[4] || (c[4] = (f) => p.value = f),
           "max-width": "400",
           "hide-close": !0
         }, {
-          header: f(() => [
-            j("div", we, P(t.labelDeleteTitle), 1)
+          header: m(() => [
+            j("div", we, T(t.labelDeleteTitle), 1)
           ]),
-          default: f(() => [
-            V(re, null, {
-              default: f(() => [
-                X(P(t.deleteMessageFormatter && g.value ? t.deleteMessageFormatter(g.value) : t.labelDeleteMessage), 1)
+          default: m(() => [
+            V(ne, null, {
+              default: m(() => [
+                X(T(t.deleteMessageFormatter && b.value ? t.deleteMessageFormatter(b.value) : t.labelDeleteMessage), 1)
               ]),
               _: 1
             }),
-            V(de, null, {
-              default: f(() => [
-                V(ie),
-                V(te, {
+            V(re, null, {
+              default: m(() => [
+                V(oe),
+                V(le, {
                   variant: "plain",
                   color: "red-darken-2",
                   text: t.labelDeleteCancel,
-                  onClick: m[3] || (m[3] = (v) => y.value = !1)
+                  onClick: c[3] || (c[3] = (f) => p.value = !1)
                 }, null, 8, ["text"]),
-                V(te, {
+                V(le, {
                   variant: "tonal",
                   text: t.labelDeleteConfirm,
                   loading: t.deleteLoading ?? !1,
-                  onClick: F
+                  onClick: x
                 }, null, 8, ["text", "loading"])
               ]),
               _: 1
@@ -332,12 +332,12 @@ const J = /* @__PURE__ */ C({
       ]);
     };
   }
-}), Q = (t, e) => {
+}), Z = (t, e) => {
   const n = t.__vccOpts || t;
-  for (const [o, a] of e)
-    n[o] = a;
+  for (const [r, l] of e)
+    n[r] = l;
   return n;
-}, Ce = /* @__PURE__ */ Q(Se, [["__scopeId", "data-v-6a520706"]]);
+}, Se = /* @__PURE__ */ Z(Ce, [["__scopeId", "data-v-6a520706"]]);
 var Be = /* @__PURE__ */ ((t) => (t.IMAGE = "image", t.MONEY = "money", t.STATUS = "status", t.BOOLEAN = "boolean", t.GSM_NO = "gsmNo", t.LOGO = "logo", t))(Be || {});
 const Me = /* @__PURE__ */ C({
   name: "FTextarea",
@@ -357,13 +357,13 @@ const Me = /* @__PURE__ */ C({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, n = B(() => e.rules), { errorMessage: o, value: a } = U(() => e.name, n, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (p, i) => (s(), _(h(pe), S(p.$attrs, {
-      modelValue: h(a),
-      "onUpdate:modelValue": i[0] || (i[0] = (y) => E(a) ? a.value = y : null),
+    return (v, o) => (s(), _(k(ve), w(v.$attrs, {
+      modelValue: k(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (p) => E(l) ? l.value = p : null),
       name: e.name,
       rounded: e.rounded,
       variant: e.variant,
@@ -373,7 +373,7 @@ const Me = /* @__PURE__ */ C({
       label: e.label,
       "hide-details": e.hideDetails,
       "no-resize": e.noResize,
-      "error-messages": h(o)
+      "error-messages": k(r)
     }), null, 16, ["modelValue", "name", "rounded", "variant", "rows", "density", "color", "label", "hide-details", "no-resize", "error-messages"]));
   }
 }), Te = /* @__PURE__ */ C({
@@ -396,41 +396,41 @@ const Me = /* @__PURE__ */ C({
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const n = e, o = t, a = B(() => o.rules), { errorMessage: p, value: i } = U(() => o.name, a, {
-      initialValue: o.modelValue,
+    const n = e, r = t, l = S(() => r.rules), { errorMessage: v, value: o } = R(() => r.name, l, {
+      initialValue: r.modelValue,
       syncVModel: !0
     });
-    function y(g) {
-      n("change", g);
+    function p(b) {
+      n("change", b);
     }
-    return (g, d) => (s(), _(h(ve), S(g.$attrs, {
-      modelValue: h(i),
+    return (b, i) => (s(), _(k(pe), w(b.$attrs, {
+      modelValue: k(o),
       "onUpdate:modelValue": [
-        d[0] || (d[0] = (r) => E(i) ? i.value = r : null),
-        d[1] || (d[1] = (r) => y(h(i)))
+        i[0] || (i[0] = (d) => E(o) ? o.value = d : null),
+        i[1] || (i[1] = (d) => p(k(o)))
       ],
-      name: o.name,
-      items: o.items,
-      rounded: o.rounded,
-      variant: o.variant,
-      density: o.density,
-      color: o.color,
-      clearable: o.clearable,
-      "hide-details": o.hideDetails,
-      "return-object": o.returnObject,
-      "no-data-text": o.noDataText,
-      "error-messages": h(p),
+      name: r.name,
+      items: r.items,
+      rounded: r.rounded,
+      variant: r.variant,
+      density: r.density,
+      color: r.color,
+      clearable: r.clearable,
+      "hide-details": r.hideDetails,
+      "return-object": r.returnObject,
+      "no-data-text": r.noDataText,
+      "error-messages": k(v),
       "menu-props": { maxWidth: 0 }
     }), H({ _: 2 }, [
-      R(g.$slots, (r, l) => ({
-        name: l,
-        fn: f((k) => [
-          A(g.$slots, l, G(K(k ?? {})))
+      N(b.$slots, (d, a) => ({
+        name: a,
+        fn: m((F) => [
+          A(b.$slots, a, G(K(F ?? {})))
         ])
       }))
     ]), 1040, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "clearable", "hide-details", "return-object", "no-data-text", "error-messages"]));
   }
-}), Ie = /* @__PURE__ */ C({
+}), Pe = /* @__PURE__ */ C({
   name: "FCheckbox",
   inheritAttrs: !1,
   __name: "FCheckbox",
@@ -442,15 +442,15 @@ const Me = /* @__PURE__ */ C({
   },
   setup(t) {
     const e = t;
-    return (n, o) => (s(), _(h(ye), S(n.$attrs, {
+    return (n, r) => (s(), _(k(ye), w(n.$attrs, {
       color: e.color,
       "hide-details": e.hideDetails,
       indeterminate: e.indeterminate,
       density: e.density
     }), null, 16, ["color", "hide-details", "indeterminate", "density"]));
   }
-}), Pe = /* @__PURE__ */ C({
-  name: "FCurrencyField",
+}), Ie = /* @__PURE__ */ C({
+  name: "TestField",
   inheritAttrs: !1,
   __name: "FCurrencyField",
   props: {
@@ -469,66 +469,68 @@ const Me = /* @__PURE__ */ C({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, n = B(() => e.rules), { errorMessage: o, value: a } = U(() => e.name, n, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
-    }), p = N(), i = N(!1), y = B(
+    }), v = S(
       () => new Intl.NumberFormat(e.locale, {
         style: "currency",
         currency: e.currency,
         minimumFractionDigits: e.precision,
         maximumFractionDigits: e.precision
       })
-    );
-    function g(u) {
-      return u == null || isNaN(u) ? "" : y.value.format(u);
+    ), o = I(p(e.modelValue));
+    function p(g) {
+      return g == null || isNaN(g) ? "" : v.value.format(g);
     }
-    function d(u) {
-      const x = u.replace(/[^\d,.-]/g, "").replace(/\./g, "").replace(",", "."), $ = parseFloat(x);
-      return isNaN($) ? null : Math.round($ * Math.pow(10, e.precision)) / Math.pow(10, e.precision);
-    }
-    function r() {
-      var u, x;
-      return ((x = (u = p.value) == null ? void 0 : u.$el) == null ? void 0 : x.querySelector("input")) ?? null;
+    function b(g) {
+      const $ = g.replace(/[^\d.,-]/g, "").replace(",", ".");
+      if (!/\d/.test($)) return null;
+      const h = parseFloat($);
+      return isNaN(h) ? null : Math.round(h * Math.pow(10, e.precision)) / Math.pow(10, e.precision);
     }
-    function l(u) {
-      const x = r();
-      x && (x.value = u);
+    const i = I(!1);
+    function d() {
+      o.value = "", l.value = null;
     }
-    function k(u) {
-      const x = u.target;
-      a.value = d(x.value);
-    }
-    function w() {
-      i.value = !1, l(g(a.value));
+    q(o, (g) => {
+      g == null || g === "" ? l.value = null : i.value && (l.value = b(g));
+    });
+    function a() {
+      i.value = !1;
+      const g = o.value;
+      g == null || g === "" ? (l.value = null, o.value = "") : o.value = p(l.value);
     }
-    function M(u) {
+    function F(g) {
       i.value = !0;
-      const x = u.target, $ = a.value;
-      x.value = $ != null ? $.toFixed(e.precision).replace(".", ",") : "", setTimeout(() => x.select(), 0);
+      const $ = g.target, h = l.value;
+      h != null ? o.value = String(h) : o.value = "", setTimeout(() => $.select(), 0);
     }
-    return le(() => e.modelValue, (u) => {
-      a.value = u, i.value || l(g(u));
-    }), ae(() => {
-      l(g(e.modelValue));
-    }), (u, x) => (s(), _(h(ne), S({
-      ref_key: "fieldRef",
-      ref: p
-    }, u.$attrs, {
-      name: e.name,
-      label: e.label,
-      readonly: e.readonly,
-      "hide-details": e.hideDetails,
-      rounded: e.rounded,
-      variant: e.variant,
-      density: e.density,
-      color: e.color,
-      "error-messages": h(o),
-      inputmode: "decimal",
-      onInput: k,
-      onBlur: w,
-      onFocus: M
-    }), null, 16, ["name", "label", "readonly", "hide-details", "rounded", "variant", "density", "color", "error-messages"]));
+    return q(
+      () => e.modelValue,
+      (g) => {
+        i.value || (l.value = g, o.value = p(g));
+      }
+    ), (g, $) => {
+      const h = y("v-text-field");
+      return s(), _(h, w(g.$attrs, {
+        inputmode: "decimal",
+        modelValue: o.value,
+        "onUpdate:modelValue": $[0] || ($[0] = (U) => o.value = U),
+        name: e.name,
+        label: e.label,
+        readonly: e.readonly,
+        "hide-details": e.hideDetails,
+        rounded: e.rounded,
+        variant: e.variant,
+        density: e.density,
+        color: e.color,
+        "error-messages": k(r),
+        "onClick:clear": d,
+        onBlur: a,
+        onFocus: F
+      }), null, 16, ["modelValue", "name", "label", "readonly", "hide-details", "rounded", "variant", "density", "color", "error-messages"]);
+    };
   }
 }), Ne = /* @__PURE__ */ C({
   name: "FSelect",
@@ -547,13 +549,13 @@ const Me = /* @__PURE__ */ C({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, n = B(() => e.rules), { errorMessage: o, value: a } = U(() => e.name, n, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (p, i) => (s(), _(h(ge), S(p.$attrs, {
-      modelValue: h(a),
-      "onUpdate:modelValue": i[0] || (i[0] = (y) => E(a) ? a.value = y : null),
+    return (v, o) => (s(), _(k(ge), w(v.$attrs, {
+      modelValue: k(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (p) => E(l) ? l.value = p : null),
       name: e.name,
       items: e.items,
       rounded: e.rounded,
@@ -562,17 +564,17 @@ const Me = /* @__PURE__ */ C({
       color: e.color,
       "hide-details": e.hideDetails,
       "return-object": e.returnObject,
-      "error-messages": h(o)
+      "error-messages": k(r)
     }), H({ _: 2 }, [
-      R(p.$slots, (y, g) => ({
-        name: g,
-        fn: f((d) => [
-          A(p.$slots, g, G(K(d ?? {})))
+      N(v.$slots, (p, b) => ({
+        name: b,
+        fn: m((i) => [
+          A(v.$slots, b, G(K(i ?? {})))
         ])
       }))
     ]), 1040, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "hide-details", "return-object", "error-messages"]));
   }
-}), Re = /* @__PURE__ */ C({
+}), Ae = /* @__PURE__ */ C({
   name: "FNumberField",
   inheritAttrs: !1,
   __name: "FNumberField",
@@ -596,13 +598,13 @@ const Me = /* @__PURE__ */ C({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, n = B(() => e.rules), { errorMessage: o, value: a } = U(() => e.name, n, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (p, i) => (s(), _(h(be), S(p.$attrs, {
-      modelValue: h(a),
-      "onUpdate:modelValue": i[0] || (i[0] = (y) => E(a) ? a.value = y : null),
+    return (v, o) => (s(), _(k(be), w(v.$attrs, {
+      modelValue: k(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (p) => E(l) ? l.value = p : null),
       name: e.name,
       color: e.color,
       density: e.density,
@@ -618,10 +620,10 @@ const Me = /* @__PURE__ */ C({
       min: e.min,
       precision: e.precision,
       inset: e.inset,
-      "error-messages": h(o)
+      "error-messages": k(r)
     }), null, 16, ["modelValue", "name", "color", "density", "rounded", "variant", "control-variant", "hide-details", "placeholder", "label", "prefix", "disabled", "readonly", "min", "precision", "inset", "error-messages"]));
   }
-}), Ae = { key: 0 }, Ue = { key: 1 }, Oe = /* @__PURE__ */ C({
+}), Re = { key: 0 }, Ue = { key: 1 }, Oe = /* @__PURE__ */ C({
   name: "FSwitch",
   inheritAttrs: !1,
   __name: "FSwitch",
@@ -638,17 +640,17 @@ const Me = /* @__PURE__ */ C({
   emits: ["update:modelValue"],
   setup(t) {
     const e = t, n = L(t, "modelValue");
-    return (o, a) => (s(), _(h(_e), S(o.$attrs, {
+    return (r, l) => (s(), _(k(_e), w(r.$attrs, {
       modelValue: n.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (p) => n.value = p),
+      "onUpdate:modelValue": l[0] || (l[0] = (v) => n.value = v),
       color: e.color,
       "hide-details": e.hideDetails,
       density: e.density
     }), H({ _: 2 }, [
       e.labelTrue || e.labelFalse ? {
         name: "label",
-        fn: f(() => [
-          n.value ? (s(), T("span", Ae, P(e.labelTrue), 1)) : (s(), T("span", Ue, P(e.labelFalse), 1))
+        fn: m(() => [
+          n.value ? (s(), B("span", Re, T(e.labelTrue), 1)) : (s(), B("span", Ue, T(e.labelFalse), 1))
         ]),
         key: "0"
       } : void 0
@@ -670,42 +672,42 @@ const Me = /* @__PURE__ */ C({
   emits: /* @__PURE__ */ Y(["closeDialog"], ["update:modelValue"]),
   setup(t) {
     const e = t, n = L(t, "modelValue");
-    return (o, a) => {
-      const p = b("v-btn"), i = b("v-card-title"), y = b("v-divider"), g = b("v-card-text"), d = b("v-card"), r = b("v-dialog");
-      return s(), _(r, S(o.$attrs, {
+    return (r, l) => {
+      const v = y("v-btn"), o = y("v-card-title"), p = y("v-divider"), b = y("v-card-text"), i = y("v-card"), d = y("v-dialog");
+      return s(), _(d, w(r.$attrs, {
         modelValue: n.value,
-        "onUpdate:modelValue": a[1] || (a[1] = (l) => n.value = l),
+        "onUpdate:modelValue": l[1] || (l[1] = (a) => n.value = a),
         transition: e.transition,
         class: "f-dialog",
         width: e.width,
         persistent: e.persistent
       }), {
-        default: f(() => [
-          V(d, {
+        default: m(() => [
+          V(i, {
             class: "f-dialog-card",
             density: "default",
             variant: "elevated",
             rounded: "lg"
           }, {
-            default: f(() => [
-              V(i, { class: "d-flex justify-space-between align-center" }, {
-                default: f(() => [
+            default: m(() => [
+              V(o, { class: "d-flex justify-space-between align-center" }, {
+                default: m(() => [
                   j("header", null, [
-                    A(o.$slots, "header")
+                    A(r.$slots, "header")
                   ]),
-                  e.hideClose ? z("", !0) : (s(), _(p, {
+                  e.hideClose ? z("", !0) : (s(), _(v, {
                     key: 0,
                     icon: "mdi-close",
                     variant: "text",
-                    onClick: a[0] || (a[0] = (l) => o.$emit("closeDialog"))
+                    onClick: l[0] || (l[0] = (a) => r.$emit("closeDialog"))
                   }))
                 ]),
                 _: 3
               }),
-              V(y),
-              V(g, { class: "py-4 px-1 overflow-auto overflow-x-hidden" }, {
-                default: f(() => [
-                  A(o.$slots, "default")
+              V(p),
+              V(b, { class: "py-4 px-1 overflow-auto overflow-x-hidden" }, {
+                default: m(() => [
+                  A(r.$slots, "default")
                 ]),
                 _: 3
               })
@@ -739,65 +741,65 @@ const Me = /* @__PURE__ */ C({
     labelConfirm: { default: "Confirm" }
   },
   setup(t) {
-    const e = t, n = B(() => e.rules), { errorMessage: o, value: a } = U(() => e.name, n, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue || "",
       syncVModel: !0
-    }), p = N(!1), i = N(a);
-    function y() {
-      a.value = i.value, p.value = !1;
+    }), v = I(!1), o = I(l);
+    function p() {
+      l.value = o.value, v.value = !1;
     }
-    function g(d) {
-      i.value && i.value.includes(":") && (i.value = d.toString().padStart(2, "0") + i.value.substring(i.value.indexOf(":")));
+    function b(i) {
+      o.value && o.value.includes(":") && (o.value = i.toString().padStart(2, "0") + o.value.substring(o.value.indexOf(":")));
     }
-    return (d, r) => {
-      const l = b("v-spacer"), k = b("v-time-picker"), w = b("v-menu"), M = b("v-text-field");
-      return s(), _(M, S(d.$attrs, {
-        modelValue: h(a),
-        "onUpdate:modelValue": r[4] || (r[4] = (u) => E(a) ? a.value = u : null),
+    return (i, d) => {
+      const a = y("v-spacer"), F = y("v-time-picker"), g = y("v-menu"), $ = y("v-text-field");
+      return s(), _($, w(i.$attrs, {
+        modelValue: k(l),
+        "onUpdate:modelValue": d[4] || (d[4] = (h) => E(l) ? l.value = h : null),
         "prepend-inner-icon": "mdi-clock-time-four-outline",
         name: e.name,
-        active: p.value,
-        focus: p.value,
+        active: v.value,
+        focus: v.value,
         density: e.density,
         rounded: e.rounded,
         variant: e.variant,
         "hide-details": e.hideDetails,
         readonly: e.readonly,
-        "error-messages": h(o)
+        "error-messages": k(r)
       }), {
-        default: f(() => [
-          V(w, {
-            modelValue: p.value,
-            "onUpdate:modelValue": r[3] || (r[3] = (u) => p.value = u),
+        default: m(() => [
+          V(g, {
+            modelValue: v.value,
+            "onUpdate:modelValue": d[3] || (d[3] = (h) => v.value = h),
             activator: "parent",
             location: "center",
             disabled: e.readonly,
             "close-on-content-click": !1
           }, {
-            default: f(() => [
-              p.value ? (s(), _(k, {
+            default: m(() => [
+              v.value ? (s(), _(F, {
                 key: 0,
-                modelValue: i.value,
-                "onUpdate:modelValue": r[1] || (r[1] = (u) => i.value = u),
+                modelValue: o.value,
+                "onUpdate:modelValue": d[1] || (d[1] = (h) => o.value = h),
                 "full-width": "",
                 color: "secondary",
                 format: "24hr",
                 title: e.title,
-                "onUpdate:hour": r[2] || (r[2] = (u) => g(u))
+                "onUpdate:hour": d[2] || (d[2] = (h) => b(h))
               }, {
-                actions: f(() => [
+                actions: m(() => [
                   j("div", Ee, [
-                    V(J, {
+                    V(Q, {
                       variant: "plain",
                       color: "red-darken-2",
                       text: e.labelCancel,
-                      onClick: r[0] || (r[0] = (u) => p.value = !1)
+                      onClick: d[0] || (d[0] = (h) => v.value = !1)
                     }, null, 8, ["text"]),
-                    V(l),
-                    V(J, {
+                    V(a),
+                    V(Q, {
                       variant: "tonal",
                       text: e.labelConfirm,
-                      onClick: y
+                      onClick: p
                     }, null, 8, ["text"])
                   ])
                 ]),
@@ -811,7 +813,7 @@ const Me = /* @__PURE__ */ C({
       }, 16, ["modelValue", "name", "active", "focus", "density", "rounded", "variant", "hide-details", "readonly", "error-messages"]);
     };
   }
-}), ze = /* @__PURE__ */ Q(Xe, [["__scopeId", "data-v-7639bf96"]]), Le = { class: "position-relative" }, Ye = /* @__PURE__ */ C({
+}), ze = /* @__PURE__ */ Z(Xe, [["__scopeId", "data-v-7639bf96"]]), Le = { class: "position-relative" }, Ye = /* @__PURE__ */ C({
   name: "FDatePicker",
   inheritAttrs: !1,
   __name: "FDatePicker",
@@ -832,46 +834,46 @@ const Me = /* @__PURE__ */ C({
     dateFormat: { default: "DD/MM/YYYY" }
   },
   setup(t) {
-    const e = t, n = B(() => e.rules);
-    function o(r) {
-      if (!r) return "";
-      let l;
-      if (r instanceof Date)
-        l = r;
+    const e = t, n = S(() => e.rules);
+    function r(d) {
+      if (!d) return "";
+      let a;
+      if (d instanceof Date)
+        a = d;
       else {
-        const u = r.split("/");
-        u.length === 3 ? l = new Date(Number(u[2]), Number(u[1]) - 1, Number(u[0])) : l = new Date(r);
+        const h = d.split("/");
+        h.length === 3 ? a = new Date(Number(h[2]), Number(h[1]) - 1, Number(h[0])) : a = new Date(d);
       }
-      if (isNaN(l.getTime())) return "";
-      const k = `0${l.getDate()}`.slice(-2), w = `0${l.getMonth() + 1}`.slice(-2), M = l.getFullYear();
-      return `${k}/${w}/${M}`;
+      if (isNaN(a.getTime())) return "";
+      const F = `0${a.getDate()}`.slice(-2), g = `0${a.getMonth() + 1}`.slice(-2), $ = a.getFullYear();
+      return `${F}/${g}/${$}`;
     }
-    function a(r) {
-      if (!r) return null;
-      const l = r.split("/");
-      return l.length === 3 ? new Date(Number(l[2]), Number(l[1]) - 1, Number(l[0])) : null;
+    function l(d) {
+      if (!d) return null;
+      const a = d.split("/");
+      return a.length === 3 ? new Date(Number(a[2]), Number(a[1]) - 1, Number(a[0])) : null;
     }
-    const { errorMessage: p, value: i } = U(() => e.name, n, {
-      initialValue: e.modelValue ? o(e.modelValue) : "",
+    const { errorMessage: v, value: o } = R(() => e.name, n, {
+      initialValue: e.modelValue ? r(e.modelValue) : "",
       syncVModel: !0
-    }), y = N(null), g = N(!1), d = (r) => {
-      i.value = o(r), g.value = !1;
+    }), p = I(null), b = I(!1), i = (d) => {
+      o.value = r(d), b.value = !1;
     };
-    return ae(() => {
-      y.value = e.modelValue ? a(e.modelValue) : null;
-    }), (r, l) => {
-      const k = b("v-text-field"), w = b("v-date-picker"), M = b("v-locale-provider"), u = b("v-btn"), x = b("v-menu");
-      return s(), _(x, {
-        modelValue: g.value,
-        "onUpdate:modelValue": l[4] || (l[4] = ($) => g.value = $),
+    return me(() => {
+      p.value = e.modelValue ? l(e.modelValue) : null;
+    }), (d, a) => {
+      const F = y("v-text-field"), g = y("v-date-picker"), $ = y("v-locale-provider"), h = y("v-btn"), U = y("v-menu");
+      return s(), _(U, {
+        modelValue: b.value,
+        "onUpdate:modelValue": a[4] || (a[4] = (P) => b.value = P),
         location: "center",
         disabled: e.disabled,
         "close-on-content-click": !1
       }, {
-        activator: f(({ props: $ }) => [
-          V(k, S({ ...r.$attrs, ...$ }, {
-            modelValue: h(i),
-            "onUpdate:modelValue": l[0] || (l[0] = (F) => E(i) ? i.value = F : null),
+        activator: m(({ props: P }) => [
+          V(F, w({ ...d.$attrs, ...P }, {
+            modelValue: k(o),
+            "onUpdate:modelValue": a[0] || (a[0] = (x) => E(o) ? o.value = x : null),
             "prepend-inner-icon": "mdi-calendar-outline",
             name: e.name,
             density: e.density,
@@ -880,21 +882,21 @@ const Me = /* @__PURE__ */ C({
             "hide-details": e.hideDetails,
             color: e.color,
             readonly: "",
-            "error-messages": h(p),
-            "onClick:clear": l[1] || (l[1] = (F) => i.value = "")
+            "error-messages": k(v),
+            "onClick:clear": a[1] || (a[1] = (x) => o.value = "")
           }), null, 16, ["modelValue", "name", "density", "rounded", "variant", "hide-details", "color", "error-messages"])
         ]),
-        default: f(() => [
+        default: m(() => [
           j("div", Le, [
-            V(M, {
+            V($, {
               locale: e.locale
             }, {
-              default: f(() => [
-                V(w, {
-                  modelValue: y.value,
+              default: m(() => [
+                V(g, {
+                  modelValue: p.value,
                   "onUpdate:modelValue": [
-                    l[2] || (l[2] = ($) => y.value = $),
-                    d
+                    a[2] || (a[2] = (P) => p.value = P),
+                    i
                   ],
                   title: "",
                   elevation: "10",
@@ -908,13 +910,13 @@ const Me = /* @__PURE__ */ C({
               ]),
               _: 1
             }, 8, ["locale"]),
-            V(u, {
+            V(h, {
               class: "position-absolute top-0 right-0",
               color: "white",
               icon: "mdi-close",
               size: "small",
               variant: "text",
-              onClick: l[3] || (l[3] = ($) => g.value = !1)
+              onClick: a[3] || (a[3] = (P) => b.value = !1)
             })
           ])
         ]),
@@ -922,7 +924,7 @@ const Me = /* @__PURE__ */ C({
       }, 8, ["modelValue", "disabled"]);
     };
   }
-}), He = /* @__PURE__ */ Q(Ye, [["__scopeId", "data-v-f2792853"]]), Ge = { class: "d-flex" }, Ke = /* @__PURE__ */ C({
+}), He = /* @__PURE__ */ Z(Ye, [["__scopeId", "data-v-f2792853"]]), Ge = { class: "d-flex" }, Ke = /* @__PURE__ */ C({
   name: "FTreeView",
   inheritAttrs: !1,
   __name: "FTreeView",
@@ -935,41 +937,41 @@ const Me = /* @__PURE__ */ C({
   },
   emits: ["set-selected-items"],
   setup(t, { emit: e }) {
-    const n = t, o = e, a = N(n.selectedItems), p = N(!1), i = [];
-    function y(d) {
-      d.isSelected ? a.value.push(d) : a.value.splice(a.value.indexOf(d), 1);
-      const r = n.items.find((l) => l.id === d.id);
-      if (r)
-        r.children.map((l) => l.isSelected = d.isSelected), d.isSelected && r.children.forEach((l) => {
-          const k = a.value.findIndex(
-            (w) => w.id === l.id
+    const n = t, r = e, l = I(n.selectedItems), v = I(!1), o = [];
+    function p(i) {
+      i.isSelected ? l.value.push(i) : l.value.splice(l.value.indexOf(i), 1);
+      const d = n.items.find((a) => a.id === i.id);
+      if (d)
+        d.children.map((a) => a.isSelected = i.isSelected), i.isSelected && d.children.forEach((a) => {
+          const F = l.value.findIndex(
+            (g) => g.id === a.id
           );
-          k !== -1 && a.value.splice(k, 1);
+          F !== -1 && l.value.splice(F, 1);
         });
       else {
-        const l = n.items.find((k) => k.id === d.parentId);
-        l && l.children.every((k) => k.isSelected) && (l.isSelected = !0);
+        const a = n.items.find((F) => F.id === i.parentId);
+        a && a.children.every((F) => F.isSelected) && (a.isSelected = !0);
       }
-      o("set-selected-items", [...a.value]);
+      r("set-selected-items", [...l.value]);
     }
-    function g(d) {
-      const r = n.items.find((l) => l.id === d.id);
-      return !r || r.children.every((l) => l.isSelected) ? !1 : !!r.children.find((l) => l.isSelected);
+    function b(i) {
+      const d = n.items.find((a) => a.id === i.id);
+      return !d || d.children.every((a) => a.isSelected) ? !1 : !!d.children.find((a) => a.isSelected);
     }
-    return (d, r) => {
-      const l = b("v-chip"), k = b("v-text-field"), w = b("v-list-item"), M = b("f-checkbox"), u = b("v-list-group"), x = b("v-list"), $ = b("v-menu");
-      return s(), _($, {
-        modelValue: p.value,
-        "onUpdate:modelValue": r[1] || (r[1] = (F) => p.value = F),
+    return (i, d) => {
+      const a = y("v-chip"), F = y("v-text-field"), g = y("v-list-item"), $ = y("f-checkbox"), h = y("v-list-group"), U = y("v-list"), P = y("v-menu");
+      return s(), _(P, {
+        modelValue: v.value,
+        "onUpdate:modelValue": d[1] || (d[1] = (x) => v.value = x),
         "max-height": "250px",
         "close-on-content-click": !1,
         disabled: n.disabled
       }, {
-        activator: f(({ props: F }) => [
-          V(k, S({
+        activator: m(({ props: x }) => [
+          V(F, w({
             name: "selectedItems",
             readonly: ""
-          }, F, {
+          }, x, {
             variant: "outlined",
             rounded: "lg",
             density: "compact",
@@ -977,17 +979,17 @@ const Me = /* @__PURE__ */ C({
             "hide-details": "",
             clearable: !1,
             label: n.label,
-            active: a.value.length > 0
+            active: l.value.length > 0
           }), {
-            "prepend-inner": f(() => [
+            "prepend-inner": m(() => [
               j("div", Ge, [
-                (s(!0), T(W, null, R(a.value, (c, m) => (s(), _(l, {
-                  key: m,
+                (s(!0), B(W, null, N(l.value, (u, c) => (s(), _(a, {
+                  key: c,
                   density: "compact",
                   class: "ml-3"
                 }, {
-                  default: f(() => [
-                    X(P(c[n.itemTitle]), 1)
+                  default: m(() => [
+                    X(T(u[n.itemTitle]), 1)
                   ]),
                   _: 2
                 }, 1024))), 128))
@@ -996,55 +998,55 @@ const Me = /* @__PURE__ */ C({
             _: 1
           }, 16, ["label", "active"])
         ]),
-        default: f(() => [
-          V(x, {
+        default: m(() => [
+          V(U, {
             density: "compact",
             nav: "",
             "open-strategy": "single",
             width: "100%",
-            opened: i,
+            opened: o,
             slim: ""
           }, {
-            default: f(() => [
-              (s(!0), T(W, null, R(t.items, (F) => (s(), T("div", {
-                key: F.id
+            default: m(() => [
+              (s(!0), B(W, null, N(t.items, (x) => (s(), B("div", {
+                key: x.id
               }, [
-                F.children ? (s(), _(u, {
+                x.children ? (s(), _(h, {
                   key: 1,
-                  value: F.id
+                  value: x.id
                 }, {
-                  activator: f(({ props: c }) => [
-                    V(w, S({ ref_for: !0 }, c, {
+                  activator: m(({ props: u }) => [
+                    V(g, w({ ref_for: !0 }, u, {
                       rounded: "lg",
-                      title: F[n.itemTitle]
+                      title: x[n.itemTitle]
                     }), {
-                      prepend: f(() => [
-                        V(M, {
-                          modelValue: F.isSelected,
-                          "onUpdate:modelValue": (m) => F.isSelected = m,
-                          indeterminate: g(F),
-                          onClick: r[0] || (r[0] = q(() => {
+                      prepend: m(() => [
+                        V($, {
+                          modelValue: x.isSelected,
+                          "onUpdate:modelValue": (c) => x.isSelected = c,
+                          indeterminate: b(x),
+                          onClick: d[0] || (d[0] = J(() => {
                           }, ["stop"])),
-                          onChange: (m) => y(F)
+                          onChange: (c) => p(x)
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "indeterminate", "onChange"])
                       ]),
                       _: 2
                     }, 1040, ["title"])
                   ]),
-                  default: f(() => [
-                    (s(!0), T(W, null, R(F.children, (c) => (s(), T("div", {
-                      key: c.id
+                  default: m(() => [
+                    (s(!0), B(W, null, N(x.children, (u) => (s(), B("div", {
+                      key: u.id
                     }, [
-                      V(w, {
+                      V(g, {
                         rounded: "lg",
-                        title: c[n.itemTitle],
-                        value: c.id
+                        title: u[n.itemTitle],
+                        value: u.id
                       }, {
-                        prepend: f(() => [
-                          V(M, {
-                            modelValue: c.isSelected,
-                            "onUpdate:modelValue": (m) => c.isSelected = m,
-                            onChange: (m) => y(c)
+                        prepend: m(() => [
+                          V($, {
+                            modelValue: u.isSelected,
+                            "onUpdate:modelValue": (c) => u.isSelected = c,
+                            onChange: (c) => p(u)
                           }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
                         ]),
                         _: 2
@@ -1052,11 +1054,11 @@ const Me = /* @__PURE__ */ C({
                     ]))), 128))
                   ]),
                   _: 2
-                }, 1032, ["value"])) : (s(), _(w, {
+                }, 1032, ["value"])) : (s(), _(g, {
                   key: 0,
                   rounded: "lg",
-                  title: F[n.itemTitle],
-                  value: F.id
+                  title: x[n.itemTitle],
+                  value: x.id
                 }, null, 8, ["title", "value"]))
               ]))), 128))
             ]),
@@ -1069,19 +1071,19 @@ const Me = /* @__PURE__ */ C({
   }
 }), Ze = {
   install(t) {
-    t.component("FButton", J), t.component("FTextField", Ve), t.component("FDataTable", Ce), t.component("FTextarea", Me), t.component("FAutocomplete", Te), t.component("FCheckbox", Ie), t.component("FCurrencyField", Pe), t.component("FSelect", Ne), t.component("FNumberField", Re), t.component("FSwitch", Oe), t.component("FDialog", je), t.component("FTimePicker", ze), t.component("FDatePicker", He), t.component("FTreeView", Ke);
+    t.component("FButton", Q), t.component("FTextField", Ve), t.component("FDataTable", Se), t.component("FTextarea", Me), t.component("FAutocomplete", Te), t.component("FCheckbox", Pe), t.component("FCurrencyField", Ie), t.component("FSelect", Ne), t.component("FNumberField", Ae), t.component("FSwitch", Oe), t.component("FDialog", je), t.component("FTimePicker", ze), t.component("FDatePicker", He), t.component("FTreeView", Ke);
   }
 };
 export {
   Te as FAutocomplete,
-  J as FButton,
-  Ie as FCheckbox,
-  Pe as FCurrencyField,
-  Ce as FDataTable,
+  Q as FButton,
+  Pe as FCheckbox,
+  Ie as FCurrencyField,
+  Se as FDataTable,
   Be as FDataTableHeaderType,
   He as FDatePicker,
   je as FDialog,
-  Re as FNumberField,
+  Ae as FNumberField,
   Ne as FSelect,
   Oe as FSwitch,
   Ve as FTextField,