finso-vue-components 0.4.26 → 0.4.28

package/dist/finso-vue-components.js

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