finso-vue-components 0.4.21 → 0.4.23

package/dist/finso-vue-components.js

@@ -1,8 +1,8 @@
-import { defineComponent as x, resolveComponent as g, openBlock as c, createBlock as b, computed as $, withDirectives as ie, unref as h, mergeProps as B, isRef as I, createSlots as Y, renderList as X, withCtx as f, renderSlot as P, normalizeProps as L, guardReactiveProps as G, useModel as E, ref as N, createElementBlock as A, resolveDynamicComponent as de, toHandlers as ue, toDisplayString as M, createTextVNode as j, createElementVNode as O, createCommentVNode as U, withModifiers as ee, createVNode as F, mergeModels as z, watch as ce, onMounted as me } from "vue";
-import { VTextField as te, VTextarea as fe, VAutocomplete as pe, VCheckbox as ve, VSelect as ye, VNumberInput as ge, VSwitch as be } from "vuetify/components";
+import { defineComponent as C, resolveComponent as y, openBlock as i, createBlock as b, computed as S, withDirectives as ie, unref as V, mergeProps as w, isRef as j, createSlots as L, renderList as N, withCtx as u, renderSlot as A, normalizeProps as G, guardReactiveProps as K, useModel as Y, ref as P, createElementBlock as B, resolveDynamicComponent as ue, toHandlers as ce, toDisplayString as T, createTextVNode as E, createElementVNode as O, createCommentVNode as X, withModifiers as q, createVNode as k, mergeModels as H, watch as me, onMounted as fe, Fragment as W } from "vue";
+import { VTextField as le, 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 T } from "vee-validate";
-const W = /* @__PURE__ */ x({
+import { useField as R } from "vee-validate";
+const J = /* @__PURE__ */ C({
   __name: "FButton",
   props: {
     color: { default: "primary" },
@@ -10,15 +10,15 @@ const W = /* @__PURE__ */ x({
   },
   setup(t) {
     const e = t;
-    return (o, n) => {
-      const l = g("v-btn");
-      return c(), b(l, {
+    return (n, r) => {
+      const l = y("v-btn");
+      return i(), b(l, {
         color: e.color,
         rounded: e.rounded
       }, null, 8, ["color", "rounded"]);
     };
   }
-}), Ve = /* @__PURE__ */ x({
+}), Ve = /* @__PURE__ */ C({
   name: "FTextField",
   inheritAttrs: !1,
   __name: "FTextField",
@@ -37,13 +37,13 @@ const W = /* @__PURE__ */ x({
   },
   emits: ["clickAppendInner"],
   setup(t) {
-    const e = t, o = $(() => e.rules), { errorMessage: n, value: l } = T(() => e.name, o, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (i, a) => ie((c(), b(h(te), B(i.$attrs, {
-      modelValue: h(l),
-      "onUpdate:modelValue": a[0] || (a[0] = (m) => I(l) ? l.value = m : null),
+    return (f, o) => ie((i(), b(V(le), w(f.$attrs, {
+      modelValue: V(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (v) => j(l) ? l.value = v : null),
       name: e.name,
       color: e.color,
       density: e.density,
@@ -51,31 +51,31 @@ const W = /* @__PURE__ */ x({
       variant: e.variant,
       clearable: e.clearable,
       "hide-details": e.hideDetails,
-      "error-messages": h(n),
+      "error-messages": V(r),
       "append-inner-icon": e.appendInnerIcon,
-      "onClick:appendInner": a[1] || (a[1] = (m) => i.$emit("clickAppendInner"))
-    }), Y({ _: 2 }, [
-      X(i.$slots, (m, p) => ({
-        name: p,
-        fn: f((d) => [
-          P(i.$slots, p, L(G(d ?? {})))
+      "onClick:appendInner": o[1] || (o[1] = (v) => f.$emit("clickAppendInner"))
+    }), L({ _: 2 }, [
+      N(f.$slots, (v, g) => ({
+        name: g,
+        fn: u((d) => [
+          A(f.$slots, g, G(K(d ?? {})))
         ])
       }))
     ]), 1040, ["modelValue", "name", "color", "density", "rounded", "variant", "clearable", "hide-details", "error-messages", "append-inner-icon"])), [
-      [h(he), e.mask]
+      [V(he), e.mask]
     ]);
   }
-}), _e = {
+}), ke = {
   key: 0,
   class: "font-weight-bold d-flex justify-center align-center fill-height"
-}, ke = {
+}, Fe = {
   key: 1,
   class: "font-weight-bold d-flex justify-center align-center fill-height"
-}, Fe = { key: 2 }, De = { key: 5 }, $e = { class: "f-data-table__actions" }, xe = { class: "text-h6" }, we = /* @__PURE__ */ x({
+}, De = { key: 2 }, xe = { key: 5 }, $e = { class: "f-data-table__actions" }, we = { class: "text-h6" }, Ce = /* @__PURE__ */ C({
   name: "FDataTable",
   inheritAttrs: !1,
   __name: "FDataTable",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ H({
     headers: {},
     items: {},
     loading: { type: Boolean, default: !1 },
@@ -109,55 +109,55 @@ const W = /* @__PURE__ */ x({
     sortBy: { default: () => [] },
     sortByModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["show-record", "delete-record"], ["update:page", "update:itemsPerPage", "update:sortBy"]),
+  emits: /* @__PURE__ */ H(["show-record", "delete-record"], ["update:page", "update:itemsPerPage", "update:sortBy"]),
   setup(t, { emit: e }) {
-    const o = t, n = e, l = E(t, "page"), i = E(t, "itemsPerPage"), a = E(t, "sortBy"), m = N(!1), p = N(null);
-    function d(y, v) {
-      return v.split(".").reduce((C, R) => C == null ? void 0 : C[R], y);
+    const n = t, r = e, l = Y(t, "page"), f = Y(t, "itemsPerPage"), o = Y(t, "sortBy"), v = P(!1), g = P(null);
+    function d(c, p) {
+      return p.split(".").reduce((M, U) => M == null ? void 0 : M[U], c);
     }
-    function u(y) {
-      return y == null ? "" : new Intl.NumberFormat(o.moneyLocale, {
+    function s(c) {
+      return c == null ? "" : new Intl.NumberFormat(n.moneyLocale, {
         style: "currency",
-        currency: o.moneyCurrency
-      }).format(y);
+        currency: n.moneyCurrency
+      }).format(c);
     }
-    function s(y) {
-      if (!y) return "";
-      const v = y.replace(/\D/g, "");
-      return v.length < 10 ? y : `(${v.substring(0, 3)}) ${v.substring(3, 6)} ${v.substring(6, 10)}`;
+    function a(c) {
+      if (!c) return "";
+      const p = c.replace(/\D/g, "");
+      return p.length < 10 ? c : `(${p.substring(0, 3)}) ${p.substring(3, 6)} ${p.substring(6, 10)}`;
     }
-    function w(y, v) {
-      return v.split(",").map((C) => {
-        const R = d(y, C.trim());
-        return typeof R == "string" ? R.charAt(0).toUpperCase() : "";
+    function F(c, p) {
+      return p.split(",").map((M) => {
+        const U = d(c, M.trim());
+        return typeof U == "string" ? U.charAt(0).toUpperCase() : "";
       }).join("");
     }
-    const _ = $(() => {
-      const C = o.items.length === 0 ? 108 : o.items.length * 52 + 56;
-      return Math.min(C, o.maxHeight);
-    }), D = $(() => !o.canEditRecord && !o.canReadRecord ? {} : {
-      "click:row": (y, { item: v }) => {
-        n("show-record", v);
+    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": (c, { item: p }) => {
+        r("show-record", p);
       }
-    }), V = $(
-      () => o.headers.filter((y) => y.type && y.key !== "actions")
-    ), K = $(() => o.headers.some((y) => y.key === "actions"));
-    function S(y) {
-      o.showDeleteConfirm ? (p.value = y, m.value = !0) : n("delete-record", y);
+    }), h = S(
+      () => n.headers.filter((c) => c.type && c.key !== "actions")
+    ), z = S(() => n.headers.some((c) => c.key === "actions"));
+    function I(c) {
+      n.showDeleteConfirm ? (g.value = c, v.value = !0) : r("delete-record", c);
     }
-    function H() {
-      n("delete-record", p.value), m.value = !1, p.value = null;
+    function D() {
+      r("delete-record", g.value), v.value = !1, g.value = null;
     }
-    return (y, v) => {
-      const C = g("v-icon"), R = g("v-img"), J = g("v-avatar"), le = g("v-chip"), Q = g("v-btn"), ae = g("v-card-text"), ne = g("v-spacer"), Z = g("f-button"), oe = g("v-card-actions"), re = g("f-dialog");
-      return c(), A("div", null, [
-        (c(), b(de(t.serverSide ? "v-data-table-server" : "v-data-table"), B(y.$attrs, {
+    return (c, p) => {
+      const M = y("v-icon"), U = y("v-img"), Z = y("v-avatar"), ae = y("v-chip"), ee = y("v-btn"), ne = y("v-card-text"), oe = y("v-spacer"), te = y("f-button"), re = y("v-card-actions"), se = y("f-dialog");
+      return i(), B("div", null, [
+        (i(), b(ue(t.serverSide ? "v-data-table-server" : "v-data-table"), w(c.$attrs, {
           page: l.value,
-          "onUpdate:page": v[0] || (v[0] = (r) => l.value = r),
-          "items-per-page": i.value,
-          "onUpdate:itemsPerPage": v[1] || (v[1] = (r) => i.value = r),
-          "sort-by": a.value,
-          "onUpdate:sortBy": v[2] || (v[2] = (r) => a.value = r),
+          "onUpdate:page": p[0] || (p[0] = (m) => l.value = m),
+          "items-per-page": f.value,
+          "onUpdate:itemsPerPage": p[1] || (p[1] = (m) => f.value = m),
+          "sort-by": o.value,
+          "onUpdate:sortBy": p[2] || (p[2] = (m) => o.value = m),
           class: "rounded-b-lg",
           headers: t.headers,
           items: t.items,
@@ -169,152 +169,153 @@ const W = /* @__PURE__ */ x({
           "show-select": t.showSelect,
           "items-per-page-text": t.labelItemsPerPage,
           "no-data-text": t.labelNoData
-        }, ue(D.value)), Y({ _: 2 }, [
-          X(V.value, (r) => ({
-            name: `item.${r.key}`,
-            fn: f(({ item: k }) => [
-              P(y.$slots, `item.${r.key}`, {
-                item: k,
-                value: d(k, r.key)
+        }, ce($.value)), L({ _: 2 }, [
+          N(h.value, (m) => ({
+            name: `item.${m.key}`,
+            fn: u(({ item: x }) => [
+              A(c.$slots, `item.${m.key}`, {
+                item: x,
+                value: d(x, m.key)
               }, () => [
-                r.type === "image" ? (c(), b(J, {
+                m.type === "image" ? (i(), b(Z, {
                   key: 0,
                   rounded: "lg",
                   variant: "elevated",
                   border: ""
                 }, {
-                  default: f(() => [
-                    d(k, r.key) ? (c(), b(R, {
+                  default: u(() => [
+                    d(x, m.key) ? (i(), b(U, {
                       key: 0,
-                      src: d(k, r.key),
+                      src: d(x, m.key),
                       class: "f-data-table__logo"
                     }, {
-                      error: f(() => [
-                        r.imageInitialsKey ? (c(), A("span", _e, M(w(k, r.imageInitialsKey)), 1)) : (c(), b(C, {
+                      error: u(() => [
+                        m.imageInitialsKey ? (i(), B("span", ke, T(F(x, m.imageInitialsKey)), 1)) : (i(), b(M, {
                           key: 1,
                           color: "white"
                         }, {
-                          default: f(() => [...v[5] || (v[5] = [
-                            j("mdi-account", -1)
+                          default: u(() => [...p[5] || (p[5] = [
+                            E("mdi-account", -1)
                           ])]),
                           _: 1
                         }))
                       ]),
                       _: 2
-                    }, 1032, ["src"])) : r.imageInitialsKey ? (c(), A("span", ke, M(w(k, r.imageInitialsKey)), 1)) : (c(), b(C, {
+                    }, 1032, ["src"])) : m.imageInitialsKey ? (i(), B("span", Fe, T(F(x, m.imageInitialsKey)), 1)) : (i(), b(M, {
                       key: 2,
                       color: "white"
                     }, {
-                      default: f(() => [...v[6] || (v[6] = [
-                        j("mdi-account", -1)
+                      default: u(() => [...p[6] || (p[6] = [
+                        E("mdi-account", -1)
                       ])]),
                       _: 1
                     }))
                   ]),
                   _: 2
-                }, 1024)) : r.type === "logo" ? (c(), b(J, {
+                }, 1024)) : m.type === "logo" ? (i(), b(Z, {
                   key: 1,
                   rounded: "lg",
                   variant: "elevated",
                   border: "",
-                  class: "f-data-table__logo-avatar"
+                  class: "f-data-table__logo-avatar",
+                  color: "white"
                 }, {
-                  default: f(() => [
-                    d(k, r.key) ? (c(), b(R, {
+                  default: u(() => [
+                    d(x, m.key) ? (i(), b(U, {
                       key: 0,
-                      src: d(k, r.key),
+                      src: d(x, m.key),
                       class: "f-data-table__logo"
                     }, {
-                      error: f(() => [...v[7] || (v[7] = [
+                      error: u(() => [...p[7] || (p[7] = [
                         O("div", { class: "f-data-table__logo-avatar fill-height" }, null, -1)
                       ])]),
                       _: 1
-                    }, 8, ["src"])) : U("", !0)
+                    }, 8, ["src"])) : X("", !0)
                   ]),
                   _: 2
-                }, 1024)) : r.type === "money" ? (c(), A("span", Fe, M(u(d(k, r.key))), 1)) : r.type === "status" ? (c(), b(le, {
+                }, 1024)) : m.type === "money" ? (i(), B("span", De, T(s(d(x, m.key))), 1)) : m.type === "status" ? (i(), b(ae, {
                   key: 3,
-                  color: d(k, r.key) ? "green-darken-1" : "red-darken-2",
+                  color: d(x, m.key) ? "green-darken-1" : "red-darken-2",
                   size: "small"
                 }, {
-                  default: f(() => [
-                    j(M(d(k, r.key) ? t.labelActive : t.labelPassive), 1)
+                  default: u(() => [
+                    E(T(d(x, m.key) ? t.labelActive : t.labelPassive), 1)
                   ]),
                   _: 2
-                }, 1032, ["color"])) : r.type === "boolean" ? (c(), b(C, {
+                }, 1032, ["color"])) : m.type === "boolean" ? (i(), b(M, {
                   key: 4,
-                  color: d(k, r.key) ? "green-darken-1" : "red-darken-2"
+                  color: d(x, m.key) ? "green-darken-1" : "red-darken-2"
                 }, {
-                  default: f(() => [
-                    j(M(d(k, r.key) ? "mdi-check" : "mdi-close"), 1)
+                  default: u(() => [
+                    E(T(d(x, m.key) ? "mdi-check" : "mdi-close"), 1)
                   ]),
                   _: 2
-                }, 1032, ["color"])) : r.type === "gsmNo" ? (c(), A("span", De, M(s(d(k, r.key))), 1)) : U("", !0)
+                }, 1032, ["color"])) : m.type === "gsmNo" ? (i(), B("span", xe, T(a(d(x, m.key))), 1)) : X("", !0)
               ], !0)
             ])
           })),
-          K.value ? {
+          z.value ? {
             name: "item.actions",
-            fn: f(({ item: r }) => [
-              P(y.$slots, "item.actions", { item: r }, () => [
+            fn: u(({ item: m }) => [
+              A(c.$slots, "item.actions", { item: m }, () => [
                 O("div", $e, [
-                  t.canEditRecord || t.canReadRecord ? (c(), b(Q, {
+                  t.canEditRecord || t.canReadRecord ? (i(), b(ee, {
                     key: 0,
                     size: "small",
                     variant: "text",
                     icon: t.canEditRecord ? "mdi-pencil-outline" : "mdi-eye-outline",
                     color: t.canEditRecord ? "primary" : "secondary",
-                    onClick: ee((k) => n("show-record", r), ["stop"])
-                  }, null, 8, ["icon", "color", "onClick"])) : U("", !0),
-                  t.canDeleteRecord ? (c(), b(Q, {
+                    onClick: q((x) => r("show-record", m), ["stop"])
+                  }, null, 8, ["icon", "color", "onClick"])) : X("", !0),
+                  t.canDeleteRecord ? (i(), b(ee, {
                     key: 1,
                     icon: "mdi-trash-can-outline",
                     variant: "text",
                     size: "small",
                     color: "red-darken-2",
-                    onClick: ee((k) => S(r), ["stop"])
-                  }, null, 8, ["onClick"])) : U("", !0)
+                    onClick: q((x) => I(m), ["stop"])
+                  }, null, 8, ["onClick"])) : X("", !0)
                 ])
               ], !0)
             ]),
             key: "0"
           } : void 0,
-          X(y.$slots, (r, k) => ({
-            name: k,
-            fn: f((se) => [
-              P(y.$slots, k, L(G(se ?? {})), void 0, !0)
+          N(c.$slots, (m, x) => ({
+            name: x,
+            fn: u((de) => [
+              A(c.$slots, x, G(K(de ?? {})), void 0, !0)
             ])
           }))
         ]), 1040, ["page", "items-per-page", "sort-by", "headers", "items", "items-length", "loading", "hover", "density", "height", "show-select", "items-per-page-text", "no-data-text"])),
-        F(re, {
-          modelValue: m.value,
-          "onUpdate:modelValue": v[4] || (v[4] = (r) => m.value = r),
+        k(se, {
+          modelValue: v.value,
+          "onUpdate:modelValue": p[4] || (p[4] = (m) => v.value = m),
           "max-width": "400",
           "hide-close": !0
         }, {
-          header: f(() => [
-            O("div", xe, M(t.labelDeleteTitle), 1)
+          header: u(() => [
+            O("div", we, T(t.labelDeleteTitle), 1)
           ]),
-          default: f(() => [
-            F(ae, null, {
-              default: f(() => [
-                j(M(t.deleteMessageFormatter && p.value ? t.deleteMessageFormatter(p.value) : t.labelDeleteMessage), 1)
+          default: u(() => [
+            k(ne, null, {
+              default: u(() => [
+                E(T(t.deleteMessageFormatter && g.value ? t.deleteMessageFormatter(g.value) : t.labelDeleteMessage), 1)
               ]),
               _: 1
             }),
-            F(oe, null, {
-              default: f(() => [
-                F(ne),
-                F(Z, {
+            k(re, null, {
+              default: u(() => [
+                k(oe),
+                k(te, {
                   variant: "plain",
                   color: "red-darken-2",
                   text: t.labelDeleteCancel,
-                  onClick: v[3] || (v[3] = (r) => m.value = !1)
+                  onClick: p[3] || (p[3] = (m) => v.value = !1)
                 }, null, 8, ["text"]),
-                F(Z, {
+                k(te, {
                   variant: "tonal",
                   text: t.labelDeleteConfirm,
-                  onClick: H
+                  onClick: D
                 }, null, 8, ["text"])
               ]),
               _: 1
@@ -325,14 +326,14 @@ const W = /* @__PURE__ */ x({
       ]);
     };
   }
-}), q = (t, e) => {
-  const o = t.__vccOpts || t;
-  for (const [n, l] of e)
-    o[n] = l;
-  return o;
-}, Be = /* @__PURE__ */ q(we, [["__scopeId", "data-v-94eb976f"]]);
-var Ce = /* @__PURE__ */ ((t) => (t.IMAGE = "image", t.MONEY = "money", t.STATUS = "status", t.BOOLEAN = "boolean", t.GSM_NO = "gsmNo", t.LOGO = "logo", t))(Ce || {});
-const Me = /* @__PURE__ */ x({
+}), Q = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [r, l] of e)
+    n[r] = l;
+  return n;
+}, Se = /* @__PURE__ */ Q(Ce, [["__scopeId", "data-v-d5dbcccd"]]);
+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",
   inheritAttrs: !1,
   __name: "FTextarea",
@@ -350,13 +351,13 @@ const Me = /* @__PURE__ */ x({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, o = $(() => e.rules), { errorMessage: n, value: l } = T(() => e.name, o, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (i, a) => (c(), b(h(fe), B(i.$attrs, {
-      modelValue: h(l),
-      "onUpdate:modelValue": a[0] || (a[0] = (m) => I(l) ? l.value = m : null),
+    return (f, o) => (i(), b(V(pe), w(f.$attrs, {
+      modelValue: V(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (v) => j(l) ? l.value = v : null),
       name: e.name,
       rounded: e.rounded,
       variant: e.variant,
@@ -366,10 +367,10 @@ const Me = /* @__PURE__ */ x({
       label: e.label,
       "hide-details": e.hideDetails,
       "no-resize": e.noResize,
-      "error-messages": h(n)
+      "error-messages": V(r)
     }), null, 16, ["modelValue", "name", "rounded", "variant", "rows", "density", "color", "label", "hide-details", "no-resize", "error-messages"]));
   }
-}), Se = /* @__PURE__ */ x({
+}), Te = /* @__PURE__ */ C({
   name: "FAutocomplete",
   inheritAttrs: !1,
   __name: "FAutocomplete",
@@ -389,41 +390,41 @@ const Me = /* @__PURE__ */ x({
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const o = e, n = t, l = $(() => n.rules), { errorMessage: i, value: a } = T(() => n.name, l, {
-      initialValue: n.modelValue,
+    const n = e, r = t, l = S(() => r.rules), { errorMessage: f, value: o } = R(() => r.name, l, {
+      initialValue: r.modelValue,
       syncVModel: !0
     });
-    function m(p) {
-      o("change", p);
+    function v(g) {
+      n("change", g);
     }
-    return (p, d) => (c(), b(h(pe), B(p.$attrs, {
-      modelValue: h(a),
+    return (g, d) => (i(), b(V(ve), w(g.$attrs, {
+      modelValue: V(o),
       "onUpdate:modelValue": [
-        d[0] || (d[0] = (u) => I(a) ? a.value = u : null),
-        d[1] || (d[1] = (u) => m(h(a)))
+        d[0] || (d[0] = (s) => j(o) ? o.value = s : null),
+        d[1] || (d[1] = (s) => v(V(o)))
       ],
-      name: n.name,
-      items: n.items,
-      rounded: n.rounded,
-      variant: n.variant,
-      density: n.density,
-      color: n.color,
-      clearable: n.clearable,
-      "hide-details": n.hideDetails,
-      "return-object": n.returnObject,
-      "no-data-text": n.noDataText,
-      "error-messages": 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(f),
       "menu-props": { maxWidth: 0 }
-    }), Y({ _: 2 }, [
-      X(p.$slots, (u, s) => ({
-        name: s,
-        fn: f((w) => [
-          P(p.$slots, s, L(G(w ?? {})))
+    }), L({ _: 2 }, [
+      N(g.$slots, (s, a) => ({
+        name: a,
+        fn: u((F) => [
+          A(g.$slots, a, G(K(F ?? {})))
         ])
       }))
     ]), 1040, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "clearable", "hide-details", "return-object", "no-data-text", "error-messages"]));
   }
-}), Pe = /* @__PURE__ */ x({
+}), Ie = /* @__PURE__ */ C({
   name: "FCheckbox",
   inheritAttrs: !1,
   __name: "FCheckbox",
@@ -435,14 +436,14 @@ const Me = /* @__PURE__ */ x({
   },
   setup(t) {
     const e = t;
-    return (o, n) => (c(), b(h(ve), B(o.$attrs, {
+    return (n, r) => (i(), b(V(ye), w(n.$attrs, {
       color: e.color,
       "hide-details": e.hideDetails,
       indeterminate: e.indeterminate,
       density: e.density
     }), null, 16, ["color", "hide-details", "indeterminate", "density"]));
   }
-}), Ne = /* @__PURE__ */ x({
+}), Pe = /* @__PURE__ */ C({
   name: "FCurrencyField",
   inheritAttrs: !1,
   __name: "FCurrencyField",
@@ -462,41 +463,41 @@ const Me = /* @__PURE__ */ x({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, o = $(() => e.rules), { errorMessage: n, value: l } = T(() => e.name, o, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
-    }), i = $(
+    }), f = S(
       () => new Intl.NumberFormat(e.locale, {
         style: "currency",
         currency: e.currency,
         minimumFractionDigits: e.precision,
         maximumFractionDigits: e.precision
       })
-    ), a = N(m(e.modelValue));
-    function m(_) {
-      return _ == null || isNaN(_) ? "" : i.value.format(_);
+    ), o = P(v(e.modelValue));
+    function v(_) {
+      return _ == null || isNaN(_) ? "" : f.value.format(_);
     }
-    function p(_) {
-      const D = _.replace(/[^\d,.-]/g, "").replace(/\./g, "").replace(",", "."), V = parseFloat(D);
-      return isNaN(V) ? null : Math.round(V * Math.pow(10, e.precision)) / Math.pow(10, e.precision);
+    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);
     }
-    const d = N(!1);
-    function u(_) {
-      const D = _.target;
-      a.value = D.value, l.value = p(D.value);
+    const d = P(!1);
+    function s(_) {
+      const $ = _.target;
+      o.value = $.value, l.value = g($.value);
     }
-    function s() {
-      d.value = !1, a.value = m(l.value);
+    function a() {
+      d.value = !1, o.value = v(l.value);
     }
-    function w(_) {
+    function F(_) {
       d.value = !0;
-      const D = _.target, V = l.value;
-      V != null ? a.value = V.toFixed(e.precision).replace(".", ",") : a.value = "", setTimeout(() => D.select(), 0);
+      const $ = _.target, h = l.value;
+      h != null ? o.value = h.toFixed(e.precision).replace(".", ",") : o.value = "", setTimeout(() => $.select(), 0);
     }
-    return ce(() => e.modelValue, (_) => {
-      l.value = _, d.value || (a.value = m(_));
-    }), (_, D) => (c(), b(h(te), B(_.$attrs, {
-      "model-value": a.value,
+    return me(() => e.modelValue, (_) => {
+      l.value = _, d.value || (o.value = v(_));
+    }), (_, $) => (i(), b(V(le), w(_.$attrs, {
+      "model-value": o.value,
       name: e.name,
       label: e.label,
       readonly: e.readonly,
@@ -505,14 +506,14 @@ const Me = /* @__PURE__ */ x({
       variant: e.variant,
       density: e.density,
       color: e.color,
-      "error-messages": h(n),
+      "error-messages": V(r),
       inputmode: "decimal",
-      onInput: u,
-      onBlur: s,
-      onFocus: w
+      onInput: s,
+      onBlur: a,
+      onFocus: F
     }), null, 16, ["model-value", "name", "label", "readonly", "hide-details", "rounded", "variant", "density", "color", "error-messages"]));
   }
-}), Te = /* @__PURE__ */ x({
+}), Ne = /* @__PURE__ */ C({
   name: "FSelect",
   inheritAttrs: !1,
   __name: "FSelect",
@@ -529,13 +530,13 @@ const Me = /* @__PURE__ */ x({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, o = $(() => e.rules), { errorMessage: n, value: l } = T(() => e.name, o, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (i, a) => (c(), b(h(ye), B(i.$attrs, {
-      modelValue: h(l),
-      "onUpdate:modelValue": a[0] || (a[0] = (m) => I(l) ? l.value = m : null),
+    return (f, o) => (i(), b(V(ge), w(f.$attrs, {
+      modelValue: V(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (v) => j(l) ? l.value = v : null),
       name: e.name,
       items: e.items,
       rounded: e.rounded,
@@ -544,17 +545,17 @@ const Me = /* @__PURE__ */ x({
       color: e.color,
       "hide-details": e.hideDetails,
       "return-object": e.returnObject,
-      "error-messages": h(n)
-    }), Y({ _: 2 }, [
-      X(i.$slots, (m, p) => ({
-        name: p,
-        fn: f((d) => [
-          P(i.$slots, p, L(G(d ?? {})))
+      "error-messages": V(r)
+    }), L({ _: 2 }, [
+      N(f.$slots, (v, g) => ({
+        name: g,
+        fn: u((d) => [
+          A(f.$slots, g, G(K(d ?? {})))
         ])
       }))
     ]), 1040, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "hide-details", "return-object", "error-messages"]));
   }
-}), Re = /* @__PURE__ */ x({
+}), Ae = /* @__PURE__ */ C({
   name: "FNumberField",
   inheritAttrs: !1,
   __name: "FNumberField",
@@ -578,13 +579,13 @@ const Me = /* @__PURE__ */ x({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, o = $(() => e.rules), { errorMessage: n, value: l } = T(() => e.name, o, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (i, a) => (c(), b(h(ge), B(i.$attrs, {
-      modelValue: h(l),
-      "onUpdate:modelValue": a[0] || (a[0] = (m) => I(l) ? l.value = m : null),
+    return (f, o) => (i(), b(V(be), w(f.$attrs, {
+      modelValue: V(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (v) => j(l) ? l.value = v : null),
       name: e.name,
       color: e.color,
       density: e.density,
@@ -600,14 +601,14 @@ const Me = /* @__PURE__ */ x({
       min: e.min,
       precision: e.precision,
       inset: e.inset,
-      "error-messages": h(n)
+      "error-messages": V(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 }, Ie = { key: 1 }, Ue = /* @__PURE__ */ x({
+}), Re = { key: 0 }, Ue = { key: 1 }, Oe = /* @__PURE__ */ C({
   name: "FSwitch",
   inheritAttrs: !1,
   __name: "FSwitch",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ H({
     color: { default: "secondary" },
     density: { default: "comfortable" },
     hideDetails: { type: [Boolean, String], default: "auto" },
@@ -619,28 +620,28 @@ const Me = /* @__PURE__ */ x({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, o = E(t, "modelValue");
-    return (n, l) => (c(), b(h(be), B(n.$attrs, {
-      modelValue: o.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (i) => o.value = i),
+    const e = t, n = Y(t, "modelValue");
+    return (r, l) => (i(), b(V(_e), w(r.$attrs, {
+      modelValue: n.value,
+      "onUpdate:modelValue": l[0] || (l[0] = (f) => n.value = f),
       color: e.color,
       "hide-details": e.hideDetails,
       density: e.density
-    }), Y({ _: 2 }, [
+    }), L({ _: 2 }, [
       e.labelTrue || e.labelFalse ? {
         name: "label",
-        fn: f(() => [
-          o.value ? (c(), A("span", Ae, M(e.labelTrue), 1)) : (c(), A("span", Ie, M(e.labelFalse), 1))
+        fn: u(() => [
+          n.value ? (i(), B("span", Re, T(e.labelTrue), 1)) : (i(), B("span", Ue, T(e.labelFalse), 1))
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["modelValue", "color", "hide-details", "density"]));
   }
-}), Oe = /* @__PURE__ */ x({
+}), je = /* @__PURE__ */ C({
   name: "FDialog",
   inheritAttrs: !1,
   __name: "FDialog",
-  props: /* @__PURE__ */ z({
+  props: /* @__PURE__ */ H({
     width: { default: 750 },
     persistent: { type: Boolean, default: !0 },
     transition: { default: "slide-y-transition" },
@@ -649,45 +650,45 @@ const Me = /* @__PURE__ */ x({
     modelValue: { type: Boolean },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ z(["closeDialog"], ["update:modelValue"]),
+  emits: /* @__PURE__ */ H(["closeDialog"], ["update:modelValue"]),
   setup(t) {
-    const e = t, o = E(t, "modelValue");
-    return (n, l) => {
-      const i = g("v-btn"), a = g("v-card-title"), m = g("v-divider"), p = g("v-card-text"), d = g("v-card"), u = g("v-dialog");
-      return c(), b(u, B(n.$attrs, {
-        modelValue: o.value,
-        "onUpdate:modelValue": l[1] || (l[1] = (s) => o.value = s),
+    const e = t, n = Y(t, "modelValue");
+    return (r, l) => {
+      const f = y("v-btn"), o = y("v-card-title"), v = y("v-divider"), g = y("v-card-text"), d = y("v-card"), s = y("v-dialog");
+      return i(), b(s, w(r.$attrs, {
+        modelValue: n.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (a) => n.value = a),
         transition: e.transition,
         class: "f-dialog",
         width: e.width,
         persistent: e.persistent
       }), {
-        default: f(() => [
-          F(d, {
+        default: u(() => [
+          k(d, {
             class: "f-dialog-card",
             density: "default",
             variant: "elevated",
             rounded: "lg"
           }, {
-            default: f(() => [
-              F(a, { class: "d-flex justify-space-between align-center" }, {
-                default: f(() => [
+            default: u(() => [
+              k(o, { class: "d-flex justify-space-between align-center" }, {
+                default: u(() => [
                   O("header", null, [
-                    P(n.$slots, "header")
+                    A(r.$slots, "header")
                   ]),
-                  e.hideClose ? U("", !0) : (c(), b(i, {
+                  e.hideClose ? X("", !0) : (i(), b(f, {
                     key: 0,
                     icon: "mdi-close",
                     variant: "text",
-                    onClick: l[0] || (l[0] = (s) => n.$emit("closeDialog"))
+                    onClick: l[0] || (l[0] = (a) => r.$emit("closeDialog"))
                   }))
                 ]),
                 _: 3
               }),
-              F(m),
-              F(p, { class: "py-4 px-1 overflow-auto overflow-x-hidden" }, {
-                default: f(() => [
-                  P(n.$slots, "default")
+              k(v),
+              k(g, { class: "py-4 px-1 overflow-auto overflow-x-hidden" }, {
+                default: u(() => [
+                  A(r.$slots, "default")
                 ]),
                 _: 3
               })
@@ -699,10 +700,10 @@ const Me = /* @__PURE__ */ x({
       }, 16, ["modelValue", "transition", "width", "persistent"]);
     };
   }
-}), je = {
+}), Ee = {
   class: "d-flex mt-5 mb-n6",
   style: { width: "100%" }
-}, Ee = /* @__PURE__ */ x({
+}, Xe = /* @__PURE__ */ C({
   name: "FTimePicker",
   inheritAttrs: !1,
   __name: "FTimePicker",
@@ -721,70 +722,70 @@ const Me = /* @__PURE__ */ x({
     labelConfirm: { default: "Confirm" }
   },
   setup(t) {
-    const e = t, o = $(() => e.rules), { errorMessage: n, value: l } = T(() => e.name, o, {
+    const e = t, n = S(() => e.rules), { errorMessage: r, value: l } = R(() => e.name, n, {
       initialValue: e.modelValue || "",
       syncVModel: !0
-    }), i = N(!1), a = N(l);
-    function m() {
-      l.value = a.value, i.value = !1;
+    }), f = P(!1), o = P(l);
+    function v() {
+      l.value = o.value, f.value = !1;
     }
-    function p(d) {
-      a.value && a.value.includes(":") && (a.value = d.toString().padStart(2, "0") + a.value.substring(a.value.indexOf(":")));
+    function g(d) {
+      o.value && o.value.includes(":") && (o.value = d.toString().padStart(2, "0") + o.value.substring(o.value.indexOf(":")));
     }
-    return (d, u) => {
-      const s = g("v-spacer"), w = g("v-time-picker"), _ = g("v-menu"), D = g("v-text-field");
-      return c(), b(D, B(d.$attrs, {
-        modelValue: h(l),
-        "onUpdate:modelValue": u[4] || (u[4] = (V) => I(l) ? l.value = V : null),
+    return (d, s) => {
+      const a = y("v-spacer"), F = y("v-time-picker"), _ = y("v-menu"), $ = y("v-text-field");
+      return i(), b($, w(d.$attrs, {
+        modelValue: V(l),
+        "onUpdate:modelValue": s[4] || (s[4] = (h) => j(l) ? l.value = h : null),
         "prepend-inner-icon": "mdi-clock-time-four-outline",
         name: e.name,
-        active: i.value,
-        focus: i.value,
+        active: f.value,
+        focus: f.value,
         density: e.density,
         rounded: e.rounded,
         variant: e.variant,
         "hide-details": e.hideDetails,
         readonly: e.readonly,
-        "error-messages": h(n)
+        "error-messages": V(r)
       }), {
-        default: f(() => [
-          F(_, {
-            modelValue: i.value,
-            "onUpdate:modelValue": u[3] || (u[3] = (V) => i.value = V),
+        default: u(() => [
+          k(_, {
+            modelValue: f.value,
+            "onUpdate:modelValue": s[3] || (s[3] = (h) => f.value = h),
             activator: "parent",
             location: "center",
             disabled: e.readonly,
             "close-on-content-click": !1
           }, {
-            default: f(() => [
-              i.value ? (c(), b(w, {
+            default: u(() => [
+              f.value ? (i(), b(F, {
                 key: 0,
-                modelValue: a.value,
-                "onUpdate:modelValue": u[1] || (u[1] = (V) => a.value = V),
+                modelValue: o.value,
+                "onUpdate:modelValue": s[1] || (s[1] = (h) => o.value = h),
                 "full-width": "",
                 color: "secondary",
                 format: "24hr",
                 title: e.title,
-                "onUpdate:hour": u[2] || (u[2] = (V) => p(V))
+                "onUpdate:hour": s[2] || (s[2] = (h) => g(h))
               }, {
-                actions: f(() => [
-                  O("div", je, [
-                    F(W, {
+                actions: u(() => [
+                  O("div", Ee, [
+                    k(J, {
                       variant: "plain",
                       color: "red-darken-2",
                       text: e.labelCancel,
-                      onClick: u[0] || (u[0] = (V) => i.value = !1)
+                      onClick: s[0] || (s[0] = (h) => f.value = !1)
                     }, null, 8, ["text"]),
-                    F(s),
-                    F(W, {
+                    k(a),
+                    k(J, {
                       variant: "tonal",
                       text: e.labelConfirm,
-                      onClick: m
+                      onClick: v
                     }, null, 8, ["text"])
                   ])
                 ]),
                 _: 1
-              }, 8, ["modelValue", "title"])) : U("", !0)
+              }, 8, ["modelValue", "title"])) : X("", !0)
             ]),
             _: 1
           }, 8, ["modelValue", "disabled"])
@@ -793,7 +794,7 @@ const Me = /* @__PURE__ */ x({
       }, 16, ["modelValue", "name", "active", "focus", "density", "rounded", "variant", "hide-details", "readonly", "error-messages"]);
     };
   }
-}), Xe = /* @__PURE__ */ q(Ee, [["__scopeId", "data-v-7639bf96"]]), ze = { class: "position-relative" }, Ye = /* @__PURE__ */ x({
+}), ze = /* @__PURE__ */ Q(Xe, [["__scopeId", "data-v-7639bf96"]]), Ye = { class: "position-relative" }, He = /* @__PURE__ */ C({
   name: "FDatePicker",
   inheritAttrs: !1,
   __name: "FDatePicker",
@@ -814,46 +815,46 @@ const Me = /* @__PURE__ */ x({
     dateFormat: { default: "DD/MM/YYYY" }
   },
   setup(t) {
-    const e = t, o = $(() => e.rules);
-    function n(u) {
-      if (!u) return "";
-      let s;
-      if (u instanceof Date)
-        s = u;
+    const e = t, n = S(() => e.rules);
+    function r(s) {
+      if (!s) return "";
+      let a;
+      if (s instanceof Date)
+        a = s;
       else {
-        const V = u.split("/");
-        V.length === 3 ? s = new Date(Number(V[2]), Number(V[1]) - 1, Number(V[0])) : s = new Date(u);
+        const h = s.split("/");
+        h.length === 3 ? a = new Date(Number(h[2]), Number(h[1]) - 1, Number(h[0])) : a = new Date(s);
       }
-      if (isNaN(s.getTime())) return "";
-      const w = `0${s.getDate()}`.slice(-2), _ = `0${s.getMonth() + 1}`.slice(-2), D = s.getFullYear();
-      return `${w}/${_}/${D}`;
+      if (isNaN(a.getTime())) return "";
+      const F = `0${a.getDate()}`.slice(-2), _ = `0${a.getMonth() + 1}`.slice(-2), $ = a.getFullYear();
+      return `${F}/${_}/${$}`;
     }
-    function l(u) {
-      if (!u) return null;
-      const s = u.split("/");
-      return s.length === 3 ? new Date(Number(s[2]), Number(s[1]) - 1, Number(s[0])) : null;
+    function l(s) {
+      if (!s) return null;
+      const a = s.split("/");
+      return a.length === 3 ? new Date(Number(a[2]), Number(a[1]) - 1, Number(a[0])) : null;
     }
-    const { errorMessage: i, value: a } = T(() => e.name, o, {
-      initialValue: e.modelValue ? n(e.modelValue) : "",
+    const { errorMessage: f, value: o } = R(() => e.name, n, {
+      initialValue: e.modelValue ? r(e.modelValue) : "",
       syncVModel: !0
-    }), m = N(null), p = N(!1), d = (u) => {
-      a.value = n(u), p.value = !1;
+    }), v = P(null), g = P(!1), d = (s) => {
+      o.value = r(s), g.value = !1;
     };
-    return me(() => {
-      m.value = e.modelValue ? l(e.modelValue) : null;
-    }), (u, s) => {
-      const w = g("v-text-field"), _ = g("v-date-picker"), D = g("v-locale-provider"), V = g("v-btn"), K = g("v-menu");
-      return c(), b(K, {
-        modelValue: p.value,
-        "onUpdate:modelValue": s[4] || (s[4] = (S) => p.value = S),
+    return fe(() => {
+      v.value = e.modelValue ? l(e.modelValue) : null;
+    }), (s, a) => {
+      const F = y("v-text-field"), _ = y("v-date-picker"), $ = y("v-locale-provider"), h = y("v-btn"), z = y("v-menu");
+      return i(), b(z, {
+        modelValue: g.value,
+        "onUpdate:modelValue": a[4] || (a[4] = (I) => g.value = I),
         location: "center",
         disabled: e.disabled,
         "close-on-content-click": !1
       }, {
-        activator: f(({ props: S }) => [
-          F(w, B({ ...u.$attrs, ...S }, {
-            modelValue: h(a),
-            "onUpdate:modelValue": s[0] || (s[0] = (H) => I(a) ? a.value = H : null),
+        activator: u(({ props: I }) => [
+          k(F, w({ ...s.$attrs, ...I }, {
+            modelValue: V(o),
+            "onUpdate:modelValue": a[0] || (a[0] = (D) => j(o) ? o.value = D : null),
             "prepend-inner-icon": "mdi-calendar-outline",
             name: e.name,
             density: e.density,
@@ -862,20 +863,20 @@ const Me = /* @__PURE__ */ x({
             "hide-details": e.hideDetails,
             color: e.color,
             readonly: "",
-            "error-messages": h(i),
-            "onClick:clear": s[1] || (s[1] = (H) => a.value = "")
+            "error-messages": V(f),
+            "onClick:clear": a[1] || (a[1] = (D) => o.value = "")
           }), null, 16, ["modelValue", "name", "density", "rounded", "variant", "hide-details", "color", "error-messages"])
         ]),
-        default: f(() => [
-          O("div", ze, [
-            F(D, {
+        default: u(() => [
+          O("div", Ye, [
+            k($, {
               locale: e.locale
             }, {
-              default: f(() => [
-                F(_, {
-                  modelValue: m.value,
+              default: u(() => [
+                k(_, {
+                  modelValue: v.value,
                   "onUpdate:modelValue": [
-                    s[2] || (s[2] = (S) => m.value = S),
+                    a[2] || (a[2] = (I) => v.value = I),
                     d
                   ],
                   title: "",
@@ -890,13 +891,13 @@ const Me = /* @__PURE__ */ x({
               ]),
               _: 1
             }, 8, ["locale"]),
-            F(V, {
+            k(h, {
               class: "position-absolute top-0 right-0",
               color: "white",
               icon: "mdi-close",
               size: "small",
               variant: "text",
-              onClick: s[3] || (s[3] = (S) => p.value = !1)
+              onClick: a[3] || (a[3] = (I) => g.value = !1)
             })
           ])
         ]),
@@ -904,25 +905,171 @@ const Me = /* @__PURE__ */ x({
       }, 8, ["modelValue", "disabled"]);
     };
   }
-}), He = /* @__PURE__ */ q(Ye, [["__scopeId", "data-v-f2792853"]]), qe = {
+}), Le = /* @__PURE__ */ Q(He, [["__scopeId", "data-v-f2792853"]]), Ge = { class: "d-flex" }, Ke = /* @__PURE__ */ C({
+  name: "FTreeView",
+  inheritAttrs: !1,
+  __name: "FTreeView",
+  props: {
+    items: { default: () => [] },
+    selectedItems: { default: () => [] },
+    itemTitle: { default: "name" },
+    label: { default: "" },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["set-selected-items"],
+  setup(t, { emit: e }) {
+    const n = t, r = e, l = P(n.selectedItems), f = P(!1), o = [];
+    function v(d) {
+      d.isSelected ? l.value.push(d) : l.value.splice(l.value.indexOf(d), 1);
+      const s = n.items.find((a) => a.id === d.id);
+      if (s)
+        s.children.map((a) => a.isSelected = d.isSelected), d.isSelected && s.children.forEach((a) => {
+          const F = l.value.findIndex(
+            (_) => _.id === a.id
+          );
+          F !== -1 && l.value.splice(F, 1);
+        });
+      else {
+        const a = n.items.find((F) => F.id === d.parentId);
+        a && a.children.every((F) => F.isSelected) && (a.isSelected = !0);
+      }
+      r("set-selected-items", [...l.value]);
+    }
+    function g(d) {
+      const s = n.items.find((a) => a.id === d.id);
+      return !s || s.children.every((a) => a.isSelected) ? !1 : !!s.children.find((a) => a.isSelected);
+    }
+    return (d, s) => {
+      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 i(), b(I, {
+        modelValue: f.value,
+        "onUpdate:modelValue": s[1] || (s[1] = (D) => f.value = D),
+        "max-height": "250px",
+        "close-on-content-click": !1,
+        disabled: n.disabled
+      }, {
+        activator: u(({ props: D }) => [
+          k(F, w({
+            name: "selectedItems",
+            readonly: ""
+          }, D, {
+            variant: "outlined",
+            rounded: "lg",
+            density: "compact",
+            color: "secondary",
+            "hide-details": "",
+            clearable: !1,
+            label: n.label,
+            active: l.value.length > 0
+          }), {
+            "prepend-inner": u(() => [
+              O("div", Ge, [
+                (i(!0), B(W, null, N(l.value, (c, p) => (i(), b(a, {
+                  key: p,
+                  density: "compact",
+                  class: "ml-3"
+                }, {
+                  default: u(() => [
+                    E(T(c[n.itemTitle]), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ])
+            ]),
+            _: 1
+          }, 16, ["label", "active"])
+        ]),
+        default: u(() => [
+          k(z, {
+            density: "compact",
+            nav: "",
+            "open-strategy": "single",
+            width: "100%",
+            opened: o,
+            slim: ""
+          }, {
+            default: u(() => [
+              (i(!0), B(W, null, N(t.items, (D) => (i(), B("div", {
+                key: D.id
+              }, [
+                D.children ? (i(), b(h, {
+                  key: 1,
+                  value: D.id
+                }, {
+                  activator: u(({ props: c }) => [
+                    k(_, w({ ref_for: !0 }, c, {
+                      rounded: "lg",
+                      title: D[n.itemTitle]
+                    }), {
+                      prepend: u(() => [
+                        k($, {
+                          modelValue: D.isSelected,
+                          "onUpdate:modelValue": (p) => D.isSelected = p,
+                          indeterminate: g(D),
+                          onClick: s[0] || (s[0] = q(() => {
+                          }, ["stop"])),
+                          onChange: (p) => v(D)
+                        }, null, 8, ["modelValue", "onUpdate:modelValue", "indeterminate", "onChange"])
+                      ]),
+                      _: 2
+                    }, 1040, ["title"])
+                  ]),
+                  default: u(() => [
+                    (i(!0), B(W, null, N(D.children, (c) => (i(), B("div", {
+                      key: c.id
+                    }, [
+                      k(_, {
+                        rounded: "lg",
+                        title: c[n.itemTitle],
+                        value: c.id
+                      }, {
+                        prepend: u(() => [
+                          k($, {
+                            modelValue: c.isSelected,
+                            "onUpdate:modelValue": (p) => c.isSelected = p,
+                            onChange: (p) => v(c)
+                          }, null, 8, ["modelValue", "onUpdate:modelValue", "onChange"])
+                        ]),
+                        _: 2
+                      }, 1032, ["title", "value"])
+                    ]))), 128))
+                  ]),
+                  _: 2
+                }, 1032, ["value"])) : (i(), b(_, {
+                  key: 0,
+                  rounded: "lg",
+                  title: D[n.itemTitle],
+                  value: D.id
+                }, null, 8, ["title", "value"]))
+              ]))), 128))
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["modelValue", "disabled"]);
+    };
+  }
+}), Ze = {
   install(t) {
-    t.component("FButton", W), t.component("FTextField", Ve), t.component("FDataTable", Be), t.component("FTextarea", Me), t.component("FAutocomplete", Se), t.component("FCheckbox", Pe), t.component("FCurrencyField", Ne), t.component("FSelect", Te), t.component("FNumberField", Re), t.component("FSwitch", Ue), t.component("FDialog", Oe), t.component("FTimePicker", Xe), t.component("FDatePicker", He);
+    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", Le), t.component("FTreeView", Ke);
   }
 };
 export {
-  Se as FAutocomplete,
-  W as FButton,
-  Pe as FCheckbox,
-  Ne as FCurrencyField,
-  Be as FDataTable,
-  Ce as FDataTableHeaderType,
-  He as FDatePicker,
-  Oe as FDialog,
-  Re as FNumberField,
-  Te as FSelect,
-  Ue as FSwitch,
+  Te as FAutocomplete,
+  J as FButton,
+  Ie as FCheckbox,
+  Pe as FCurrencyField,
+  Se as FDataTable,
+  Be as FDataTableHeaderType,
+  Le as FDatePicker,
+  je as FDialog,
+  Ae as FNumberField,
+  Ne as FSelect,
+  Oe as FSwitch,
   Ve as FTextField,
   Me as FTextarea,
-  Xe as FTimePicker,
-  qe as default
+  ze as FTimePicker,
+  Ke as FTreeView,
+  Ze as default
 };