finso-vue-components 0.4.5 → 0.4.7

package/dist/components/FDataTable/FDataTable.vue.d.ts

@@ -1,12 +1,4 @@
-export type FDataTableHeaderType = 'image' | 'money' | 'status' | 'boolean' | 'gsmNo';
-export interface FDataTableHeader {
-    title: string;
-    key: string;
-    align?: 'start' | 'center' | 'end';
-    sortable?: boolean;
-    width?: string | number;
-    type?: FDataTableHeaderType;
-}
+import type { FDataTableHeader } from './types';
 export interface FDataTableProps {
     headers: FDataTableHeader[];
     items: Record<string, unknown>[];

package/dist/components/FDataTable/index.d.ts

@@ -1,2 +1,4 @@
 export { default as FDataTable } from './FDataTable.vue';
-export type { FDataTableProps, FDataTableHeader, FDataTableHeaderType } from './FDataTable.vue';
+export { FDataTableHeaderType } from './types';
+export type { FDataTableHeader } from './types';
+export type { FDataTableProps } from './FDataTable.vue';

package/dist/components/FDataTable/types.d.ts

@@ -0,0 +1,15 @@
+export declare enum FDataTableHeaderType {
+    IMAGE = "image",
+    MONEY = "money",
+    STATUS = "status",
+    BOOLEAN = "boolean",
+    GSM_NO = "gsmNo"
+}
+export interface FDataTableHeader {
+    title: string;
+    key: string;
+    align?: 'start' | 'center' | 'end';
+    sortable?: boolean;
+    width?: string | number;
+    type?: FDataTableHeaderType;
+}

package/dist/components/FDialog/FDialog.vue.d.ts

@@ -0,0 +1,33 @@
+export interface FDialogProps {
+    width?: number;
+    persistent?: boolean;
+    transition?: string;
+}
+type __VLS_Props = FDialogProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
+declare var __VLS_14: {}, __VLS_32: {};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_14) => any;
+} & {
+    default?: (props: typeof __VLS_32) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+    closeDialog: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+    onCloseDialog?: (() => any) | undefined;
+}>, {
+    width: number;
+    transition: string;
+    persistent: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/FDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default as FDialog } from './FDialog.vue';
+export type { FDialogProps } from './FDialog.vue';

package/dist/finso-vue-components.css

@@ -1 +1 @@
-.f-data-table__logo[data-v-18a58608]{object-fit:contain}.f-data-table__actions[data-v-18a58608]{display:flex;gap:4px;align-items:center}
+.f-data-table__logo[data-v-e4c3ed73]{object-fit:contain}.f-data-table__actions[data-v-e4c3ed73]{display:flex;gap:4px;align-items:center}.f-dialog-card[data-v-5c571a9a]{border-radius:var(--dialog-radius)!important;border:2px solid rgba(255,255,255,.2)!important;background:rgb(var(--v-theme-surface))!important;overflow:hidden}

package/dist/finso-vue-components.js

@@ -1,8 +1,8 @@
-import { defineComponent as k, resolveComponent as h, openBlock as f, createBlock as g, computed as F, withDirectives as oe, unref as c, mergeProps as _, isRef as N, createSlots as I, renderList as A, withCtx as y, renderSlot as M, normalizeProps as j, guardReactiveProps as z, useModel as X, ref as H, createElementBlock as P, resolveDynamicComponent as re, toHandlers as se, createVNode as B, toDisplayString as V, createTextVNode as x, createCommentVNode as O, createElementVNode as de, withModifiers as Y, mergeModels as L, watch as ue } from "vue";
-import { VTextField as G, VTextarea as ie, VAutocomplete as ce, VCheckbox as me, VSelect as fe, VNumberInput as pe, VSwitch as ye } from "vuetify/components";
-import { vMaska as ve } from "maska/vue";
-import { useField as T } from "vee-validate";
-const ge = /* @__PURE__ */ k({
+import { defineComponent as _, resolveComponent as y, openBlock as f, createBlock as b, computed as V, withDirectives as se, unref as p, mergeProps as D, isRef as U, createSlots as X, renderList as T, withCtx as m, renderSlot as S, normalizeProps as O, guardReactiveProps as z, useModel as N, ref as E, createElementBlock as P, resolveDynamicComponent as de, toHandlers as ie, createVNode as F, toDisplayString as k, createTextVNode as M, createCommentVNode as L, createElementVNode as Y, withModifiers as G, mergeModels as I, watch as ue } from "vue";
+import { VTextField as W, VTextarea as ce, VAutocomplete as me, VCheckbox as fe, VSelect as pe, VNumberInput as ve, VSwitch as ye } from "vuetify/components";
+import { vMaska as ge } from "maska/vue";
+import { useField as A } from "vee-validate";
+const be = /* @__PURE__ */ _({
   __name: "FButton",
   props: {
     color: { default: "primary" },
@@ -11,14 +11,14 @@ const ge = /* @__PURE__ */ k({
   setup(t) {
     const e = t;
     return (n, a) => {
-      const l = h("v-btn");
-      return f(), g(l, {
+      const l = y("v-btn");
+      return f(), b(l, {
         color: e.color,
         rounded: e.rounded
       }, null, 8, ["color", "rounded"]);
     };
   }
-}), be = /* @__PURE__ */ k({
+}), he = /* @__PURE__ */ _({
   name: "FTextField",
   inheritAttrs: !1,
   __name: "FTextField",
@@ -37,13 +37,13 @@ const ge = /* @__PURE__ */ k({
   },
   emits: ["clickAppendInner"],
   setup(t) {
-    const e = t, n = F(() => e.rules), { errorMessage: a, value: l } = T(() => e.name, n, {
+    const e = t, n = V(() => e.rules), { errorMessage: a, value: l } = A(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (u, r) => oe((f(), g(c(G), _(u.$attrs, {
-      modelValue: c(l),
-      "onUpdate:modelValue": r[0] || (r[0] = (d) => N(l) ? l.value = d : null),
+    return (i, o) => se((f(), b(p(W), D(i.$attrs, {
+      modelValue: p(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => U(l) ? l.value = s : null),
       name: e.name,
       color: e.color,
       density: e.density,
@@ -51,25 +51,25 @@ const ge = /* @__PURE__ */ k({
       variant: e.variant,
       clearable: e.clearable,
       "hide-details": e.hideDetails,
-      "error-messages": c(a),
+      "error-messages": p(a),
       "append-inner-icon": e.appendInnerIcon,
-      "onClick:appendInner": r[1] || (r[1] = (d) => u.$emit("clickAppendInner"))
-    }), I({ _: 2 }, [
-      A(u.$slots, (d, p) => ({
-        name: p,
-        fn: y((i) => [
-          M(u.$slots, p, j(z(i ?? {})))
+      "onClick:appendInner": o[1] || (o[1] = (s) => i.$emit("clickAppendInner"))
+    }), X({ _: 2 }, [
+      T(i.$slots, (s, c) => ({
+        name: c,
+        fn: m((u) => [
+          S(i.$slots, c, O(z(u ?? {})))
         ])
       }))
     ]), 1040, ["modelValue", "name", "color", "density", "rounded", "variant", "clearable", "hide-details", "error-messages", "append-inner-icon"])), [
-      [c(ve), e.mask]
+      [p(ge), e.mask]
     ]);
   }
-}), he = { key: 1 }, Fe = { key: 4 }, Ve = { class: "f-data-table__actions" }, ke = /* @__PURE__ */ k({
+}), Fe = { key: 1 }, Ve = { key: 4 }, _e = { class: "f-data-table__actions" }, ke = /* @__PURE__ */ _({
   name: "FDataTable",
   inheritAttrs: !1,
   __name: "FDataTable",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ I({
     headers: {},
     items: {},
     loading: { type: Boolean, default: !1 },
@@ -103,49 +103,50 @@ const ge = /* @__PURE__ */ k({
     sortBy: { default: () => [] },
     sortByModifiers: {}
   }),
-  emits: /* @__PURE__ */ L(["show-record", "delete-record"], ["update:page", "update:itemsPerPage", "update:sortBy"]),
+  emits: /* @__PURE__ */ I(["show-record", "delete-record"], ["update:page", "update:itemsPerPage", "update:sortBy"]),
   setup(t, { emit: e }) {
-    const n = t, a = e, l = X(t, "page"), u = X(t, "itemsPerPage"), r = X(t, "sortBy"), d = H(!1), p = H(null);
-    function i(s, m) {
-      return m.split(".").reduce((S, E) => S == null ? void 0 : S[E], s);
+    const n = t, a = e, l = N(t, "page"), i = N(t, "itemsPerPage"), o = N(t, "sortBy"), s = E(!1), c = E(null);
+    function u(d, v) {
+      return v.split(".").reduce((C, H) => C == null ? void 0 : C[H], d);
     }
-    function $(s) {
-      return s == null ? "" : new Intl.NumberFormat(n.moneyLocale, {
+    function $(d) {
+      return d == null ? "" : new Intl.NumberFormat(n.moneyLocale, {
         style: "currency",
         currency: n.moneyCurrency
-      }).format(s);
+      }).format(d);
     }
-    function w(s) {
-      if (!s) return "";
-      const m = s.replace(/\D/g, "");
-      return m.length < 10 ? s : `(${m.substring(0, 3)}) ${m.substring(3, 6)} ${m.substring(6, 10)}`;
+    function B(d) {
+      if (!d) return "";
+      const v = d.replace(/\D/g, "");
+      return v.length < 10 ? d : `(${v.substring(0, 3)}) ${v.substring(3, 6)} ${v.substring(6, 10)}`;
     }
-    const R = F(() => {
-      const S = n.items.length * 52 + 56;
-      return Math.min(S, n.maxHeight);
-    }), v = F(() => !n.canEditRecord && !n.canReadRecord ? {} : {
-      "click:row": (s, { item: m }) => {
-        a("show-record", m);
+    const R = V(() => {
+      const C = n.items.length * 52 + 56;
+      return Math.min(C, n.maxHeight);
+    }), g = V(() => !n.canEditRecord && !n.canReadRecord ? {} : {
+      "click:row": (d, { item: v }) => {
+        a("show-record", v);
       }
-    }), D = F(
-      () => n.headers.filter((s) => s.type && s.key !== "actions")
-    ), C = F(() => n.headers.some((s) => s.key === "actions"));
-    function W(s) {
-      n.showDeleteConfirm ? (p.value = s, d.value = !0) : a("delete-record", s);
+    }), w = V(
+      () => n.headers.filter((d) => d.type && d.key !== "actions")
+    ), x = V(() => n.headers.some((d) => d.key === "actions"));
+    function J(d) {
+      n.showDeleteConfirm ? (c.value = d, s.value = !0) : a("delete-record", d);
     }
-    function q() {
-      a("delete-record", p.value), d.value = !1, p.value = null;
+    function K() {
+      a("delete-record", c.value), s.value = !1, c.value = null;
     }
-    return (s, m) => {
-      const S = h("v-img"), E = h("v-avatar"), J = h("v-chip"), K = h("v-icon"), U = h("v-btn"), Q = h("v-card-title"), Z = h("v-card-text"), ee = h("v-spacer"), te = h("v-card-actions"), ae = h("v-card"), le = h("v-dialog");
+    return (d, v) => {
+      const C = y("v-img"), H = y("v-avatar"), Q = y("v-chip"), Z = y("v-icon"), j = y("v-btn"), ee = y("v-card-title"), te = y("v-card-text"), ae = y("v-spacer"), le = y("v-card-actions"), ne = y("v-card"), oe = y("v-dialog");
       return f(), P("div", null, [
-        (f(), g(re(t.serverSide ? "v-data-table-server" : "v-data-table"), _(s.$attrs, {
+        (f(), b(de(t.serverSide ? "v-data-table-server" : "v-data-table"), D(d.$attrs, {
           page: l.value,
-          "onUpdate:page": m[0] || (m[0] = (o) => l.value = o),
-          "items-per-page": u.value,
-          "onUpdate:itemsPerPage": m[1] || (m[1] = (o) => u.value = o),
-          "sort-by": r.value,
-          "onUpdate:sortBy": m[2] || (m[2] = (o) => r.value = o),
+          "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": o.value,
+          "onUpdate:sortBy": v[2] || (v[2] = (r) => o.value = r),
+          class: "rounded-b-lg",
           headers: t.headers,
           items: t.items,
           "items-length": t.serverSide ? t.totalCount : void 0,
@@ -156,118 +157,120 @@ const ge = /* @__PURE__ */ k({
           "show-select": t.showSelect,
           "items-per-page-text": t.labelItemsPerPage,
           "no-data-text": t.labelNoData
-        }, se(v.value)), I({ _: 2 }, [
-          A(D.value, (o) => ({
-            name: `item.${o.key}`,
-            fn: y(({ item: b }) => [
-              M(s.$slots, `item.${o.key}`, {
-                item: b,
-                value: i(b, o.key)
+        }, ie(g.value)), X({ _: 2 }, [
+          T(w.value, (r) => ({
+            name: `item.${r.key}`,
+            fn: m(({ item: h }) => [
+              S(d.$slots, `item.${r.key}`, {
+                item: h,
+                value: u(h, r.key)
               }, () => [
-                o.type === "image" ? (f(), g(E, {
+                r.type === "image" ? (f(), b(H, {
                   key: 0,
                   rounded: "lg",
-                  variant: "elevated"
+                  variant: "elevated",
+                  color: "white"
                 }, {
-                  default: y(() => [
-                    B(S, {
-                      src: i(b, o.key),
+                  default: m(() => [
+                    F(C, {
+                      src: u(h, r.key),
                       class: "f-data-table__logo"
                     }, null, 8, ["src"])
                   ]),
                   _: 2
-                }, 1024)) : o.type === "money" ? (f(), P("span", he, V($(i(b, o.key))), 1)) : o.type === "status" ? (f(), g(J, {
+                }, 1024)) : r.type === "money" ? (f(), P("span", Fe, k($(u(h, r.key))), 1)) : r.type === "status" ? (f(), b(Q, {
                   key: 2,
-                  color: i(b, o.key) ? "green-darken-1" : "red-darken-2",
+                  color: u(h, r.key) ? "green-darken-1" : "red-darken-2",
                   size: "small"
                 }, {
-                  default: y(() => [
-                    x(V(i(b, o.key) ? t.labelActive : t.labelPassive), 1)
+                  default: m(() => [
+                    M(k(u(h, r.key) ? t.labelActive : t.labelPassive), 1)
                   ]),
                   _: 2
-                }, 1032, ["color"])) : o.type === "boolean" ? (f(), g(K, {
+                }, 1032, ["color"])) : r.type === "boolean" ? (f(), b(Z, {
                   key: 3,
-                  color: i(b, o.key) ? "green-darken-1" : "red-darken-2"
+                  color: u(h, r.key) ? "green-darken-1" : "red-darken-2"
                 }, {
-                  default: y(() => [
-                    x(V(i(b, o.key) ? "mdi-check" : "mdi-close"), 1)
+                  default: m(() => [
+                    M(k(u(h, r.key) ? "mdi-check" : "mdi-close"), 1)
                   ]),
                   _: 2
-                }, 1032, ["color"])) : o.type === "gsmNo" ? (f(), P("span", Fe, V(w(i(b, o.key))), 1)) : O("", !0)
+                }, 1032, ["color"])) : r.type === "gsmNo" ? (f(), P("span", Ve, k(B(u(h, r.key))), 1)) : L("", !0)
               ], !0)
             ])
           })),
-          C.value ? {
+          x.value ? {
             name: "item.actions",
-            fn: y(({ item: o }) => [
-              M(s.$slots, "item.actions", { item: o }, () => [
-                de("div", Ve, [
-                  t.canEditRecord || t.canReadRecord ? (f(), g(U, {
+            fn: m(({ item: r }) => [
+              S(d.$slots, "item.actions", { item: r }, () => [
+                Y("div", _e, [
+                  t.canEditRecord || t.canReadRecord ? (f(), b(j, {
                     key: 0,
-                    icon: "mdi-pencil",
+                    color: "primary",
+                    icon: "mdi-pencil-outline",
                     variant: "text",
                     size: "small",
-                    onClick: Y((b) => a("show-record", o), ["stop"])
-                  }, null, 8, ["onClick"])) : O("", !0),
-                  t.canDeleteRecord ? (f(), g(U, {
+                    onClick: G((h) => a("show-record", r), ["stop"])
+                  }, null, 8, ["onClick"])) : L("", !0),
+                  t.canDeleteRecord ? (f(), b(j, {
                     key: 1,
-                    icon: "mdi-delete",
+                    icon: "mdi-trash-can-outline",
                     variant: "text",
                     size: "small",
                     color: "red-darken-2",
-                    onClick: Y((b) => W(o), ["stop"])
-                  }, null, 8, ["onClick"])) : O("", !0)
+                    onClick: G((h) => J(r), ["stop"])
+                  }, null, 8, ["onClick"])) : L("", !0)
                 ])
               ], !0)
             ]),
             key: "0"
           } : void 0,
-          A(s.$slots, (o, b) => ({
-            name: b,
-            fn: y((ne) => [
-              M(s.$slots, b, j(z(ne ?? {})), void 0, !0)
+          T(d.$slots, (r, h) => ({
+            name: h,
+            fn: m((re) => [
+              S(d.$slots, h, O(z(re ?? {})), 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"])),
-        B(le, {
-          modelValue: d.value,
-          "onUpdate:modelValue": m[4] || (m[4] = (o) => d.value = o),
+        F(oe, {
+          modelValue: s.value,
+          "onUpdate:modelValue": v[4] || (v[4] = (r) => s.value = r),
           "max-width": "400"
         }, {
-          default: y(() => [
-            B(ae, null, {
-              default: y(() => [
-                B(Q, null, {
-                  default: y(() => [
-                    x(V(t.labelDeleteTitle), 1)
+          default: m(() => [
+            F(ne, null, {
+              default: m(() => [
+                F(ee, null, {
+                  default: m(() => [
+                    M(k(t.labelDeleteTitle), 1)
                   ]),
                   _: 1
                 }),
-                B(Z, null, {
-                  default: y(() => [
-                    x(V(t.deleteMessageFormatter && p.value ? t.deleteMessageFormatter(p.value) : t.labelDeleteMessage), 1)
+                F(te, null, {
+                  default: m(() => [
+                    M(k(t.deleteMessageFormatter && c.value ? t.deleteMessageFormatter(c.value) : t.labelDeleteMessage), 1)
                   ]),
                   _: 1
                 }),
-                B(te, null, {
-                  default: y(() => [
-                    B(ee),
-                    B(U, {
+                F(le, null, {
+                  default: m(() => [
+                    F(ae),
+                    F(j, {
                       variant: "text",
-                      onClick: m[3] || (m[3] = (o) => d.value = !1)
+                      onClick: v[3] || (v[3] = (r) => s.value = !1)
                     }, {
-                      default: y(() => [
-                        x(V(t.labelDeleteCancel), 1)
+                      default: m(() => [
+                        M(k(t.labelDeleteCancel), 1)
                       ]),
                       _: 1
                     }),
-                    B(U, {
+                    F(j, {
                       color: "red-darken-2",
                       variant: "flat",
-                      onClick: q
+                      onClick: K
                     }, {
-                      default: y(() => [
-                        x(V(t.labelDeleteConfirm), 1)
+                      default: m(() => [
+                        M(k(t.labelDeleteConfirm), 1)
                       ]),
                       _: 1
                     })
@@ -283,12 +286,14 @@ const ge = /* @__PURE__ */ k({
       ]);
     };
   }
-}), De = (t, e) => {
+}), q = (t, e) => {
   const n = t.__vccOpts || t;
   for (const [a, l] of e)
     n[a] = l;
   return n;
-}, Be = /* @__PURE__ */ De(ke, [["__scopeId", "data-v-18a58608"]]), _e = /* @__PURE__ */ k({
+}, De = /* @__PURE__ */ q(ke, [["__scopeId", "data-v-e4c3ed73"]]);
+var $e = /* @__PURE__ */ ((t) => (t.IMAGE = "image", t.MONEY = "money", t.STATUS = "status", t.BOOLEAN = "boolean", t.GSM_NO = "gsmNo", t))($e || {});
+const Be = /* @__PURE__ */ _({
   name: "FTextarea",
   inheritAttrs: !1,
   __name: "FTextarea",
@@ -306,13 +311,13 @@ const ge = /* @__PURE__ */ k({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, n = F(() => e.rules), { errorMessage: a, value: l } = T(() => e.name, n, {
+    const e = t, n = V(() => e.rules), { errorMessage: a, value: l } = A(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (u, r) => (f(), g(c(ie), _(u.$attrs, {
-      modelValue: c(l),
-      "onUpdate:modelValue": r[0] || (r[0] = (d) => N(l) ? l.value = d : null),
+    return (i, o) => (f(), b(p(ce), D(i.$attrs, {
+      modelValue: p(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => U(l) ? l.value = s : null),
       name: e.name,
       rounded: e.rounded,
       variant: e.variant,
@@ -322,10 +327,10 @@ const ge = /* @__PURE__ */ k({
       label: e.label,
       "hide-details": e.hideDetails,
       "no-resize": e.noResize,
-      "error-messages": c(a)
+      "error-messages": p(a)
     }), null, 16, ["modelValue", "name", "rounded", "variant", "rows", "density", "color", "label", "hide-details", "no-resize", "error-messages"]));
   }
-}), $e = /* @__PURE__ */ k({
+}), we = /* @__PURE__ */ _({
   name: "FAutocomplete",
   inheritAttrs: !1,
   __name: "FAutocomplete",
@@ -345,18 +350,18 @@ const ge = /* @__PURE__ */ k({
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const n = e, a = t, l = F(() => a.rules), { errorMessage: u, value: r } = T(() => a.name, l, {
+    const n = e, a = t, l = V(() => a.rules), { errorMessage: i, value: o } = A(() => a.name, l, {
       initialValue: a.modelValue,
       syncVModel: !0
     });
-    function d(p) {
-      n("change", p);
+    function s(c) {
+      n("change", c);
     }
-    return (p, i) => (f(), g(c(ce), _(p.$attrs, {
-      modelValue: c(r),
+    return (c, u) => (f(), b(p(me), D(c.$attrs, {
+      modelValue: p(o),
       "onUpdate:modelValue": [
-        i[0] || (i[0] = ($) => N(r) ? r.value = $ : null),
-        i[1] || (i[1] = ($) => d(c(r)))
+        u[0] || (u[0] = ($) => U(o) ? o.value = $ : null),
+        u[1] || (u[1] = ($) => s(p(o)))
       ],
       name: a.name,
       items: a.items,
@@ -368,18 +373,18 @@ const ge = /* @__PURE__ */ k({
       "hide-details": a.hideDetails,
       "return-object": a.returnObject,
       "no-data-text": a.noDataText,
-      "error-messages": c(u),
+      "error-messages": p(i),
       "menu-props": { maxWidth: 0 }
-    }), I({ _: 2 }, [
-      A(p.$slots, ($, w) => ({
-        name: w,
-        fn: y((R) => [
-          M(p.$slots, w, j(z(R ?? {})))
+    }), X({ _: 2 }, [
+      T(c.$slots, ($, B) => ({
+        name: B,
+        fn: m((R) => [
+          S(c.$slots, B, O(z(R ?? {})))
         ])
       }))
     ]), 1040, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "clearable", "hide-details", "return-object", "no-data-text", "error-messages"]));
   }
-}), Ce = /* @__PURE__ */ k({
+}), Se = /* @__PURE__ */ _({
   name: "FCheckbox",
   inheritAttrs: !1,
   __name: "FCheckbox",
@@ -391,14 +396,14 @@ const ge = /* @__PURE__ */ k({
   },
   setup(t) {
     const e = t;
-    return (n, a) => (f(), g(c(me), _(n.$attrs, {
+    return (n, a) => (f(), b(p(fe), D(n.$attrs, {
       color: e.color,
       "hide-details": e.hideDetails,
       indeterminate: e.indeterminate,
       density: e.density
     }), null, 16, ["color", "hide-details", "indeterminate", "density"]));
   }
-}), Se = /* @__PURE__ */ k({
+}), xe = /* @__PURE__ */ _({
   name: "FCurrencyField",
   inheritAttrs: !1,
   __name: "FCurrencyField",
@@ -418,41 +423,41 @@ const ge = /* @__PURE__ */ k({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, n = F(() => e.rules), { errorMessage: a, value: l } = T(() => e.name, n, {
+    const e = t, n = V(() => e.rules), { errorMessage: a, value: l } = A(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
-    }), u = F(
+    }), i = V(
       () => new Intl.NumberFormat(e.locale, {
         style: "currency",
         currency: e.currency,
         minimumFractionDigits: e.precision,
         maximumFractionDigits: e.precision
       })
-    ), r = H(d(e.modelValue));
-    function d(v) {
-      return v == null || isNaN(v) ? "" : u.value.format(v);
+    ), o = E(s(e.modelValue));
+    function s(g) {
+      return g == null || isNaN(g) ? "" : i.value.format(g);
     }
-    function p(v) {
-      const D = v.replace(/[^\d,.-]/g, "").replace(/\./g, "").replace(",", "."), C = parseFloat(D);
-      return isNaN(C) ? null : Math.round(C * Math.pow(10, e.precision)) / Math.pow(10, e.precision);
+    function c(g) {
+      const w = g.replace(/[^\d,.-]/g, "").replace(/\./g, "").replace(",", "."), x = parseFloat(w);
+      return isNaN(x) ? null : Math.round(x * Math.pow(10, e.precision)) / Math.pow(10, e.precision);
     }
-    const i = H(!1);
-    function $(v) {
-      const D = v.target;
-      r.value = D.value, l.value = p(D.value);
+    const u = E(!1);
+    function $(g) {
+      const w = g.target;
+      o.value = w.value, l.value = c(w.value);
     }
-    function w() {
-      i.value = !1, r.value = d(l.value);
+    function B() {
+      u.value = !1, o.value = s(l.value);
     }
-    function R(v) {
-      i.value = !0;
-      const D = v.target, C = l.value;
-      C != null ? r.value = C.toFixed(e.precision).replace(".", ",") : r.value = "", setTimeout(() => D.select(), 0);
+    function R(g) {
+      u.value = !0;
+      const w = g.target, x = l.value;
+      x != null ? o.value = x.toFixed(e.precision).replace(".", ",") : o.value = "", setTimeout(() => w.select(), 0);
     }
-    return ue(() => e.modelValue, (v) => {
-      l.value = v, i.value || (r.value = d(v));
-    }), (v, D) => (f(), g(c(G), _(v.$attrs, {
-      "model-value": r.value,
+    return ue(() => e.modelValue, (g) => {
+      l.value = g, u.value || (o.value = s(g));
+    }), (g, w) => (f(), b(p(W), D(g.$attrs, {
+      "model-value": o.value,
       name: e.name,
       label: e.label,
       readonly: e.readonly,
@@ -461,14 +466,14 @@ const ge = /* @__PURE__ */ k({
       variant: e.variant,
       density: e.density,
       color: e.color,
-      "error-messages": c(a),
+      "error-messages": p(a),
       inputmode: "decimal",
       onInput: $,
-      onBlur: w,
+      onBlur: B,
       onFocus: R
     }), null, 16, ["model-value", "name", "label", "readonly", "hide-details", "rounded", "variant", "density", "color", "error-messages"]));
   }
-}), we = /* @__PURE__ */ k({
+}), Ce = /* @__PURE__ */ _({
   name: "FSelect",
   inheritAttrs: !1,
   __name: "FSelect",
@@ -485,13 +490,13 @@ const ge = /* @__PURE__ */ k({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, n = F(() => e.rules), { errorMessage: a, value: l } = T(() => e.name, n, {
+    const e = t, n = V(() => e.rules), { errorMessage: a, value: l } = A(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (u, r) => (f(), g(c(fe), _(u.$attrs, {
-      modelValue: c(l),
-      "onUpdate:modelValue": r[0] || (r[0] = (d) => N(l) ? l.value = d : null),
+    return (i, o) => (f(), b(p(pe), D(i.$attrs, {
+      modelValue: p(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => U(l) ? l.value = s : null),
       name: e.name,
       items: e.items,
       rounded: e.rounded,
@@ -500,17 +505,17 @@ const ge = /* @__PURE__ */ k({
       color: e.color,
       "hide-details": e.hideDetails,
       "return-object": e.returnObject,
-      "error-messages": c(a)
-    }), I({ _: 2 }, [
-      A(u.$slots, (d, p) => ({
-        name: p,
-        fn: y((i) => [
-          M(u.$slots, p, j(z(i ?? {})))
+      "error-messages": p(a)
+    }), X({ _: 2 }, [
+      T(i.$slots, (s, c) => ({
+        name: c,
+        fn: m((u) => [
+          S(i.$slots, c, O(z(u ?? {})))
         ])
       }))
     ]), 1040, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "hide-details", "return-object", "error-messages"]));
   }
-}), xe = /* @__PURE__ */ k({
+}), Me = /* @__PURE__ */ _({
   name: "FNumberField",
   inheritAttrs: !1,
   __name: "FNumberField",
@@ -534,13 +539,13 @@ const ge = /* @__PURE__ */ k({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, n = F(() => e.rules), { errorMessage: a, value: l } = T(() => e.name, n, {
+    const e = t, n = V(() => e.rules), { errorMessage: a, value: l } = A(() => e.name, n, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (u, r) => (f(), g(c(pe), _(u.$attrs, {
-      modelValue: c(l),
-      "onUpdate:modelValue": r[0] || (r[0] = (d) => N(l) ? l.value = d : null),
+    return (i, o) => (f(), b(p(ve), D(i.$attrs, {
+      modelValue: p(l),
+      "onUpdate:modelValue": o[0] || (o[0] = (s) => U(l) ? l.value = s : null),
       name: e.name,
       color: e.color,
       density: e.density,
@@ -556,14 +561,14 @@ const ge = /* @__PURE__ */ k({
       min: e.min,
       precision: e.precision,
       inset: e.inset,
-      "error-messages": c(a)
+      "error-messages": p(a)
     }), null, 16, ["modelValue", "name", "color", "density", "rounded", "variant", "control-variant", "hide-details", "placeholder", "label", "prefix", "disabled", "readonly", "min", "precision", "inset", "error-messages"]));
   }
-}), Me = { key: 0 }, Te = { key: 1 }, Re = /* @__PURE__ */ k({
+}), Ae = { key: 0 }, Re = { key: 1 }, Ne = /* @__PURE__ */ _({
   name: "FSwitch",
   inheritAttrs: !1,
   __name: "FSwitch",
-  props: /* @__PURE__ */ L({
+  props: /* @__PURE__ */ I({
     color: { default: "secondary" },
     density: { default: "comfortable" },
     hideDetails: { type: [Boolean, String], default: "auto" },
@@ -575,38 +580,101 @@ const ge = /* @__PURE__ */ k({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, n = X(t, "modelValue");
-    return (a, l) => (f(), g(c(ye), _(a.$attrs, {
+    const e = t, n = N(t, "modelValue");
+    return (a, l) => (f(), b(p(ye), D(a.$attrs, {
       modelValue: n.value,
-      "onUpdate:modelValue": l[0] || (l[0] = (u) => n.value = u),
+      "onUpdate:modelValue": l[0] || (l[0] = (i) => n.value = i),
       color: e.color,
       "hide-details": e.hideDetails,
       density: e.density
-    }), I({ _: 2 }, [
+    }), X({ _: 2 }, [
       e.labelTrue || e.labelFalse ? {
         name: "label",
-        fn: y(() => [
-          n.value ? (f(), P("span", Me, V(e.labelTrue), 1)) : (f(), P("span", Te, V(e.labelFalse), 1))
+        fn: m(() => [
+          n.value ? (f(), P("span", Ae, k(e.labelTrue), 1)) : (f(), P("span", Re, k(e.labelFalse), 1))
         ]),
         key: "0"
       } : void 0
     ]), 1040, ["modelValue", "color", "hide-details", "density"]));
   }
-}), Ue = {
+}), Pe = /* @__PURE__ */ _({
+  name: "FDialog",
+  inheritAttrs: !1,
+  __name: "FDialog",
+  props: /* @__PURE__ */ I({
+    width: { default: 750 },
+    persistent: { type: Boolean, default: !0 },
+    transition: { default: "slide-y-transition" }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ I(["closeDialog"], ["update:modelValue"]),
+  setup(t) {
+    const e = t, n = N(t, "modelValue");
+    return (a, l) => {
+      const i = y("v-btn"), o = y("v-card-title"), s = y("v-divider"), c = y("v-card-text"), u = y("v-card"), $ = y("v-dialog");
+      return f(), b($, D(a.$attrs, {
+        modelValue: n.value,
+        "onUpdate:modelValue": l[1] || (l[1] = (B) => n.value = B),
+        transition: e.transition,
+        class: "f-dialog",
+        width: e.width,
+        persistent: e.persistent
+      }), {
+        default: m(() => [
+          F(u, {
+            class: "f-dialog-card",
+            density: "default",
+            variant: "elevated",
+            rounded: "lg"
+          }, {
+            default: m(() => [
+              F(o, { class: "d-flex justify-space-between align-center" }, {
+                default: m(() => [
+                  Y("header", null, [
+                    S(a.$slots, "header", {}, void 0, !0)
+                  ]),
+                  F(i, {
+                    icon: "mdi-close",
+                    variant: "text",
+                    onClick: l[0] || (l[0] = (B) => a.$emit("closeDialog"))
+                  })
+                ]),
+                _: 3
+              }),
+              F(s),
+              F(c, { class: "py-4 px-1 overflow-auto overflow-x-hidden" }, {
+                default: m(() => [
+                  S(a.$slots, "default", {}, void 0, !0)
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          })
+        ]),
+        _: 3
+      }, 16, ["modelValue", "transition", "width", "persistent"]);
+    };
+  }
+}), Te = /* @__PURE__ */ q(Pe, [["__scopeId", "data-v-5c571a9a"]]), Ee = {
   install(t) {
-    t.component("FButton", ge), t.component("FTextField", be), t.component("FDataTable", Be), t.component("FTextarea", _e), t.component("FAutocomplete", $e), t.component("FCheckbox", Ce), t.component("FCurrencyField", Se), t.component("FSelect", we), t.component("FNumberField", xe), t.component("FSwitch", Re);
+    t.component("FButton", be), t.component("FTextField", he), t.component("FDataTable", De), t.component("FTextarea", Be), t.component("FAutocomplete", we), t.component("FCheckbox", Se), t.component("FCurrencyField", xe), t.component("FSelect", Ce), t.component("FNumberField", Me), t.component("FSwitch", Ne), t.component("FDialog", Te);
   }
 };
 export {
-  $e as FAutocomplete,
-  ge as FButton,
-  Ce as FCheckbox,
-  Se as FCurrencyField,
-  Be as FDataTable,
-  xe as FNumberField,
-  we as FSelect,
-  Re as FSwitch,
-  be as FTextField,
-  _e as FTextarea,
-  Ue as default
+  we as FAutocomplete,
+  be as FButton,
+  Se as FCheckbox,
+  xe as FCurrencyField,
+  De as FDataTable,
+  $e as FDataTableHeaderType,
+  Te as FDialog,
+  Me as FNumberField,
+  Ce as FSelect,
+  Ne as FSwitch,
+  he as FTextField,
+  Be as FTextarea,
+  Ee as default
 };

package/dist/finso-vue-components.umd.cjs

@@ -1 +1 @@
-(function(m,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vuetify/components"),require("maska/vue"),require("vee-validate")):typeof define=="function"&&define.amd?define(["exports","vue","vuetify/components","maska/vue","vee-validate"],e):(m=typeof globalThis<"u"?globalThis:m||self,e(m.FinsoVueComponents={},m.Vue,m.VuetifyComponents,m.MaskaVue,m.VeeValidate))})(this,(function(m,e,k,z,B){"use strict";const _=e.defineComponent({__name:"FButton",props:{color:{default:"primary"},rounded:{type:[String,Number,Boolean],default:"lg"}},setup(o){const t=o;return(a,l)=>{const n=e.resolveComponent("v-btn");return e.openBlock(),e.createBlock(n,{color:t.color,rounded:t.rounded},null,8,["color","rounded"])}}}),x=e.defineComponent({name:"FTextField",inheritAttrs:!1,__name:"FTextField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},appendInnerIcon:{default:""},mask:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},emits:["clickAppendInner"],setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:l,value:n}=B.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(c,d)=>e.withDirectives((e.openBlock(),e.createBlock(e.unref(k.VTextField),e.mergeProps(c.$attrs,{modelValue:e.unref(n),"onUpdate:modelValue":d[0]||(d[0]=i=>e.isRef(n)?n.value=i:null),name:t.name,color:t.color,density:t.density,rounded:t.rounded,variant:t.variant,clearable:t.clearable,"hide-details":t.hideDetails,"error-messages":e.unref(l),"append-inner-icon":t.appendInnerIcon,"onClick:appendInner":d[1]||(d[1]=i=>c.$emit("clickAppendInner"))}),e.createSlots({_:2},[e.renderList(c.$slots,(i,p)=>({name:p,fn:e.withCtx(u=>[e.renderSlot(c.$slots,p,e.normalizeProps(e.guardReactiveProps(u??{})))])}))]),1040,["modelValue","name","color","density","rounded","variant","clearable","hide-details","error-messages","append-inner-icon"])),[[e.unref(z.vMaska),t.mask]])}}),U={key:1},j={key:4},E={class:"f-data-table__actions"},$=((o,t)=>{const a=o.__vccOpts||o;for(const[l,n]of t)a[l]=n;return a})(e.defineComponent({name:"FDataTable",inheritAttrs:!1,__name:"FDataTable",props:e.mergeModels({headers:{},items:{},loading:{type:Boolean,default:!1},hover:{type:Boolean,default:!0},density:{default:"default"},maxHeight:{default:576},showSelect:{type:Boolean,default:!1},serverSide:{type:Boolean,default:!1},totalCount:{default:0},canEditRecord:{type:Boolean,default:!0},canDeleteRecord:{type:Boolean,default:!0},canReadRecord:{type:Boolean,default:!0},showDeleteConfirm:{type:Boolean,default:!0},labelActive:{default:"Active"},labelPassive:{default:"Passive"},labelDeleteTitle:{default:"Delete"},deleteMessageFormatter:{},labelDeleteMessage:{default:"Are you sure you want to delete this record?"},labelDeleteConfirm:{default:"Delete"},labelDeleteCancel:{default:"Cancel"},labelItemsPerPage:{default:"Items per page"},labelNoData:{default:"No data available"},moneyLocale:{default:"tr-TR"},moneyCurrency:{default:"TRY"},gsmPattern:{default:"(XXX) XXX XXXX"}},{page:{default:1},pageModifiers:{},itemsPerPage:{default:10},itemsPerPageModifiers:{},sortBy:{default:()=>[]},sortByModifiers:{}}),emits:e.mergeModels(["show-record","delete-record"],["update:page","update:itemsPerPage","update:sortBy"]),setup(o,{emit:t}){const a=o,l=t,n=e.useModel(o,"page"),c=e.useModel(o,"itemsPerPage"),d=e.useModel(o,"sortBy"),i=e.ref(!1),p=e.ref(null);function u(s,f){return f.split(".").reduce((F,w)=>F==null?void 0:F[w],s)}function b(s){return s==null?"":new Intl.NumberFormat(a.moneyLocale,{style:"currency",currency:a.moneyCurrency}).format(s)}function C(s){if(!s)return"";const f=s.replace(/\D/g,"");return f.length<10?s:`(${f.substring(0,3)}) ${f.substring(3,6)} ${f.substring(6,10)}`}const D=e.computed(()=>{const F=a.items.length*52+56;return Math.min(F,a.maxHeight)}),y=e.computed(()=>!a.canEditRecord&&!a.canReadRecord?{}:{"click:row":(s,{item:f})=>{l("show-record",f)}}),h=e.computed(()=>a.headers.filter(s=>s.type&&s.key!=="actions")),V=e.computed(()=>a.headers.some(s=>s.key==="actions"));function O(s){a.showDeleteConfirm?(p.value=s,i.value=!0):l("delete-record",s)}function q(){l("delete-record",p.value),i.value=!1,p.value=null}return(s,f)=>{const F=e.resolveComponent("v-img"),w=e.resolveComponent("v-avatar"),Y=e.resolveComponent("v-chip"),G=e.resolveComponent("v-icon"),S=e.resolveComponent("v-btn"),W=e.resolveComponent("v-card-title"),J=e.resolveComponent("v-card-text"),K=e.resolveComponent("v-spacer"),Q=e.resolveComponent("v-card-actions"),Z=e.resolveComponent("v-card"),v=e.resolveComponent("v-dialog");return e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.serverSide?"v-data-table-server":"v-data-table"),e.mergeProps(s.$attrs,{page:n.value,"onUpdate:page":f[0]||(f[0]=r=>n.value=r),"items-per-page":c.value,"onUpdate:itemsPerPage":f[1]||(f[1]=r=>c.value=r),"sort-by":d.value,"onUpdate:sortBy":f[2]||(f[2]=r=>d.value=r),headers:o.headers,items:o.items,"items-length":o.serverSide?o.totalCount:void 0,loading:o.loading,hover:o.hover,density:o.density,height:D.value,"show-select":o.showSelect,"items-per-page-text":o.labelItemsPerPage,"no-data-text":o.labelNoData},e.toHandlers(y.value)),e.createSlots({_:2},[e.renderList(h.value,r=>({name:`item.${r.key}`,fn:e.withCtx(({item:g})=>[e.renderSlot(s.$slots,`item.${r.key}`,{item:g,value:u(g,r.key)},()=>[r.type==="image"?(e.openBlock(),e.createBlock(w,{key:0,rounded:"lg",variant:"elevated"},{default:e.withCtx(()=>[e.createVNode(F,{src:u(g,r.key),class:"f-data-table__logo"},null,8,["src"])]),_:2},1024)):r.type==="money"?(e.openBlock(),e.createElementBlock("span",U,e.toDisplayString(b(u(g,r.key))),1)):r.type==="status"?(e.openBlock(),e.createBlock(Y,{key:2,color:u(g,r.key)?"green-darken-1":"red-darken-2",size:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u(g,r.key)?o.labelActive:o.labelPassive),1)]),_:2},1032,["color"])):r.type==="boolean"?(e.openBlock(),e.createBlock(G,{key:3,color:u(g,r.key)?"green-darken-1":"red-darken-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u(g,r.key)?"mdi-check":"mdi-close"),1)]),_:2},1032,["color"])):r.type==="gsmNo"?(e.openBlock(),e.createElementBlock("span",j,e.toDisplayString(C(u(g,r.key))),1)):e.createCommentVNode("",!0)],!0)])})),V.value?{name:"item.actions",fn:e.withCtx(({item:r})=>[e.renderSlot(s.$slots,"item.actions",{item:r},()=>[e.createElementVNode("div",E,[o.canEditRecord||o.canReadRecord?(e.openBlock(),e.createBlock(S,{key:0,icon:"mdi-pencil",variant:"text",size:"small",onClick:e.withModifiers(g=>l("show-record",r),["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0),o.canDeleteRecord?(e.openBlock(),e.createBlock(S,{key:1,icon:"mdi-delete",variant:"text",size:"small",color:"red-darken-2",onClick:e.withModifiers(g=>O(r),["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0)])],!0)]),key:"0"}:void 0,e.renderList(s.$slots,(r,g)=>({name:g,fn:e.withCtx(ee=>[e.renderSlot(s.$slots,g,e.normalizeProps(e.guardReactiveProps(ee??{})),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"])),e.createVNode(v,{modelValue:i.value,"onUpdate:modelValue":f[4]||(f[4]=r=>i.value=r),"max-width":"400"},{default:e.withCtx(()=>[e.createVNode(Z,null,{default:e.withCtx(()=>[e.createVNode(W,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.labelDeleteTitle),1)]),_:1}),e.createVNode(J,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.deleteMessageFormatter&&p.value?o.deleteMessageFormatter(p.value):o.labelDeleteMessage),1)]),_:1}),e.createVNode(Q,null,{default:e.withCtx(()=>[e.createVNode(K),e.createVNode(S,{variant:"text",onClick:f[3]||(f[3]=r=>i.value=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.labelDeleteCancel),1)]),_:1}),e.createVNode(S,{color:"red-darken-2",variant:"flat",onClick:q},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.labelDeleteConfirm),1)]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])])}}}),[["__scopeId","data-v-18a58608"]]),M=e.defineComponent({name:"FTextarea",inheritAttrs:!1,__name:"FTextarea",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},label:{default:""},hideDetails:{type:[Boolean,String],default:"auto"},noResize:{type:Boolean,default:!0},rows:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:l,value:n}=B.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(c,d)=>(e.openBlock(),e.createBlock(e.unref(k.VTextarea),e.mergeProps(c.$attrs,{modelValue:e.unref(n),"onUpdate:modelValue":d[0]||(d[0]=i=>e.isRef(n)?n.value=i:null),name:t.name,rounded:t.rounded,variant:t.variant,rows:t.rows,density:t.density,color:t.color,label:t.label,"hide-details":t.hideDetails,"no-resize":t.noResize,"error-messages":e.unref(l)}),null,16,["modelValue","name","rounded","variant","rows","density","color","label","hide-details","no-resize","error-messages"]))}}),P=e.defineComponent({name:"FAutocomplete",inheritAttrs:!1,__name:"FAutocomplete",props:{name:{},items:{default:()=>[]},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},returnObject:{type:Boolean,default:!0},noDataText:{default:""},modelValue:{default:null},rules:{type:[String,Function],default:""}},emits:["change"],setup(o,{emit:t}){const a=t,l=o,n=e.computed(()=>l.rules),{errorMessage:c,value:d}=B.useField(()=>l.name,n,{initialValue:l.modelValue,syncVModel:!0});function i(p){a("change",p)}return(p,u)=>(e.openBlock(),e.createBlock(e.unref(k.VAutocomplete),e.mergeProps(p.$attrs,{modelValue:e.unref(d),"onUpdate:modelValue":[u[0]||(u[0]=b=>e.isRef(d)?d.value=b:null),u[1]||(u[1]=b=>i(e.unref(d)))],name:l.name,items:l.items,rounded:l.rounded,variant:l.variant,density:l.density,color:l.color,clearable:l.clearable,"hide-details":l.hideDetails,"return-object":l.returnObject,"no-data-text":l.noDataText,"error-messages":e.unref(c),"menu-props":{maxWidth:0}}),e.createSlots({_:2},[e.renderList(p.$slots,(b,C)=>({name:C,fn:e.withCtx(D=>[e.renderSlot(p.$slots,C,e.normalizeProps(e.guardReactiveProps(D??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","clearable","hide-details","return-object","no-data-text","error-messages"]))}}),T=e.defineComponent({name:"FCheckbox",inheritAttrs:!1,__name:"FCheckbox",props:{color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},indeterminate:{type:Boolean,default:!1},density:{default:"compact"}},setup(o){const t=o;return(a,l)=>(e.openBlock(),e.createBlock(e.unref(k.VCheckbox),e.mergeProps(a.$attrs,{color:t.color,"hide-details":t.hideDetails,indeterminate:t.indeterminate,density:t.density}),null,16,["color","hide-details","indeterminate","density"]))}}),N=e.defineComponent({name:"FCurrencyField",inheritAttrs:!1,__name:"FCurrencyField",props:{name:{},label:{default:""},readonly:{type:Boolean,default:!1},hideDetails:{type:[Boolean,String],default:"auto"},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},locale:{default:"tr-TR"},currency:{default:"TRY"},precision:{default:2},modelValue:{default:null},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:l,value:n}=B.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0}),c=e.computed(()=>new Intl.NumberFormat(t.locale,{style:"currency",currency:t.currency,minimumFractionDigits:t.precision,maximumFractionDigits:t.precision})),d=e.ref(i(t.modelValue));function i(y){return y==null||isNaN(y)?"":c.value.format(y)}function p(y){const h=y.replace(/[^\d,.-]/g,"").replace(/\./g,"").replace(",","."),V=parseFloat(h);return isNaN(V)?null:Math.round(V*Math.pow(10,t.precision))/Math.pow(10,t.precision)}const u=e.ref(!1);function b(y){const h=y.target;d.value=h.value,n.value=p(h.value)}function C(){u.value=!1,d.value=i(n.value)}function D(y){u.value=!0;const h=y.target,V=n.value;V!=null?d.value=V.toFixed(t.precision).replace(".",","):d.value="",setTimeout(()=>h.select(),0)}return e.watch(()=>t.modelValue,y=>{n.value=y,u.value||(d.value=i(y))}),(y,h)=>(e.openBlock(),e.createBlock(e.unref(k.VTextField),e.mergeProps(y.$attrs,{"model-value":d.value,name:t.name,label:t.label,readonly:t.readonly,"hide-details":t.hideDetails,rounded:t.rounded,variant:t.variant,density:t.density,color:t.color,"error-messages":e.unref(l),inputmode:"decimal",onInput:b,onBlur:C,onFocus:D}),null,16,["model-value","name","label","readonly","hide-details","rounded","variant","density","color","error-messages"]))}}),R=e.defineComponent({name:"FSelect",inheritAttrs:!1,__name:"FSelect",props:{name:{},items:{default:()=>[]},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},returnObject:{type:Boolean,default:!1},modelValue:{default:""},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:l,value:n}=B.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(c,d)=>(e.openBlock(),e.createBlock(e.unref(k.VSelect),e.mergeProps(c.$attrs,{modelValue:e.unref(n),"onUpdate:modelValue":d[0]||(d[0]=i=>e.isRef(n)?n.value=i:null),name:t.name,items:t.items,rounded:t.rounded,variant:t.variant,density:t.density,color:t.color,"hide-details":t.hideDetails,"return-object":t.returnObject,"error-messages":e.unref(l)}),e.createSlots({_:2},[e.renderList(c.$slots,(i,p)=>({name:p,fn:e.withCtx(u=>[e.renderSlot(c.$slots,p,e.normalizeProps(e.guardReactiveProps(u??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","hide-details","return-object","error-messages"]))}}),A=e.defineComponent({name:"FNumberField",inheritAttrs:!1,__name:"FNumberField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},controlVariant:{default:"stacked"},color:{default:"secondary"},label:{default:""},placeholder:{default:""},prefix:{default:""},hideDetails:{type:[Boolean,String],default:"auto"},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},min:{default:0},precision:{default:0},inset:{type:Boolean,default:!0},modelValue:{default:-1},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:l,value:n}=B.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(c,d)=>(e.openBlock(),e.createBlock(e.unref(k.VNumberInput),e.mergeProps(c.$attrs,{modelValue:e.unref(n),"onUpdate:modelValue":d[0]||(d[0]=i=>e.isRef(n)?n.value=i:null),name:t.name,color:t.color,density:t.density,rounded:t.rounded,variant:t.variant,"control-variant":t.controlVariant,"hide-details":t.hideDetails,placeholder:t.placeholder,label:t.label,prefix:t.prefix,disabled:t.disabled,readonly:t.readonly,min:t.min,precision:t.precision,inset:t.inset,"error-messages":e.unref(l)}),null,16,["modelValue","name","color","density","rounded","variant","control-variant","hide-details","placeholder","label","prefix","disabled","readonly","min","precision","inset","error-messages"]))}}),X={key:0},H={key:1},I=e.defineComponent({name:"FSwitch",inheritAttrs:!1,__name:"FSwitch",props:e.mergeModels({color:{default:"secondary"},density:{default:"comfortable"},hideDetails:{type:[Boolean,String],default:"auto"},labelTrue:{default:""},labelFalse:{default:""}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const t=o,a=e.useModel(o,"modelValue");return(l,n)=>(e.openBlock(),e.createBlock(e.unref(k.VSwitch),e.mergeProps(l.$attrs,{modelValue:a.value,"onUpdate:modelValue":n[0]||(n[0]=c=>a.value=c),color:t.color,"hide-details":t.hideDetails,density:t.density}),e.createSlots({_:2},[t.labelTrue||t.labelFalse?{name:"label",fn:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("span",X,e.toDisplayString(t.labelTrue),1)):(e.openBlock(),e.createElementBlock("span",H,e.toDisplayString(t.labelFalse),1))]),key:"0"}:void 0]),1040,["modelValue","color","hide-details","density"]))}}),L={install(o){o.component("FButton",_),o.component("FTextField",x),o.component("FDataTable",$),o.component("FTextarea",M),o.component("FAutocomplete",P),o.component("FCheckbox",T),o.component("FCurrencyField",N),o.component("FSelect",R),o.component("FNumberField",A),o.component("FSwitch",I)}};m.FAutocomplete=P,m.FButton=_,m.FCheckbox=T,m.FCurrencyField=N,m.FDataTable=$,m.FNumberField=A,m.FSelect=R,m.FSwitch=I,m.FTextField=x,m.FTextarea=M,m.default=L,Object.defineProperties(m,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vuetify/components"),require("maska/vue"),require("vee-validate")):typeof define=="function"&&define.amd?define(["exports","vue","vuetify/components","maska/vue","vee-validate"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.FinsoVueComponents={},u.Vue,u.VuetifyComponents,u.MaskaVue,u.VeeValidate))})(this,(function(u,e,b,z,B){"use strict";const S=e.defineComponent({__name:"FButton",props:{color:{default:"primary"},rounded:{type:[String,Number,Boolean],default:"lg"}},setup(o){const t=o;return(a,n)=>{const l=e.resolveComponent("v-btn");return e.openBlock(),e.createBlock(l,{color:t.color,rounded:t.rounded},null,8,["color","rounded"])}}}),x=e.defineComponent({name:"FTextField",inheritAttrs:!1,__name:"FTextField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},appendInnerIcon:{default:""},mask:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},emits:["clickAppendInner"],setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:n,value:l}=B.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(c,r)=>e.withDirectives((e.openBlock(),e.createBlock(e.unref(b.VTextField),e.mergeProps(c.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":r[0]||(r[0]=s=>e.isRef(l)?l.value=s:null),name:t.name,color:t.color,density:t.density,rounded:t.rounded,variant:t.variant,clearable:t.clearable,"hide-details":t.hideDetails,"error-messages":e.unref(n),"append-inner-icon":t.appendInnerIcon,"onClick:appendInner":r[1]||(r[1]=s=>c.$emit("clickAppendInner"))}),e.createSlots({_:2},[e.renderList(c.$slots,(s,f)=>({name:f,fn:e.withCtx(m=>[e.renderSlot(c.$slots,f,e.normalizeProps(e.guardReactiveProps(m??{})))])}))]),1040,["modelValue","name","color","density","rounded","variant","clearable","hide-details","error-messages","append-inner-icon"])),[[e.unref(z.vMaska),t.mask]])}}),O={key:1},X={key:4},L={class:"f-data-table__actions"},H=e.defineComponent({name:"FDataTable",inheritAttrs:!1,__name:"FDataTable",props:e.mergeModels({headers:{},items:{},loading:{type:Boolean,default:!1},hover:{type:Boolean,default:!0},density:{default:"default"},maxHeight:{default:576},showSelect:{type:Boolean,default:!1},serverSide:{type:Boolean,default:!1},totalCount:{default:0},canEditRecord:{type:Boolean,default:!0},canDeleteRecord:{type:Boolean,default:!0},canReadRecord:{type:Boolean,default:!0},showDeleteConfirm:{type:Boolean,default:!0},labelActive:{default:"Active"},labelPassive:{default:"Passive"},labelDeleteTitle:{default:"Delete"},deleteMessageFormatter:{},labelDeleteMessage:{default:"Are you sure you want to delete this record?"},labelDeleteConfirm:{default:"Delete"},labelDeleteCancel:{default:"Cancel"},labelItemsPerPage:{default:"Items per page"},labelNoData:{default:"No data available"},moneyLocale:{default:"tr-TR"},moneyCurrency:{default:"TRY"},gsmPattern:{default:"(XXX) XXX XXXX"}},{page:{default:1},pageModifiers:{},itemsPerPage:{default:10},itemsPerPageModifiers:{},sortBy:{default:()=>[]},sortByModifiers:{}}),emits:e.mergeModels(["show-record","delete-record"],["update:page","update:itemsPerPage","update:sortBy"]),setup(o,{emit:t}){const a=o,n=t,l=e.useModel(o,"page"),c=e.useModel(o,"itemsPerPage"),r=e.useModel(o,"sortBy"),s=e.ref(!1),f=e.ref(null);function m(i,p){return p.split(".").reduce((F,w)=>F==null?void 0:F[w],i)}function h(i){return i==null?"":new Intl.NumberFormat(a.moneyLocale,{style:"currency",currency:a.moneyCurrency}).format(i)}function k(i){if(!i)return"";const p=i.replace(/\D/g,"");return p.length<10?i:`(${p.substring(0,3)}) ${p.substring(3,6)} ${p.substring(6,10)}`}const _=e.computed(()=>{const F=a.items.length*52+56;return Math.min(F,a.maxHeight)}),y=e.computed(()=>!a.canEditRecord&&!a.canReadRecord?{}:{"click:row":(i,{item:p})=>{n("show-record",p)}}),V=e.computed(()=>a.headers.filter(i=>i.type&&i.key!=="actions")),C=e.computed(()=>a.headers.some(i=>i.key==="actions"));function W(i){a.showDeleteConfirm?(f.value=i,s.value=!0):n("delete-record",i)}function J(){n("delete-record",f.value),s.value=!1,f.value=null}return(i,p)=>{const F=e.resolveComponent("v-img"),w=e.resolveComponent("v-avatar"),K=e.resolveComponent("v-chip"),Q=e.resolveComponent("v-icon"),D=e.resolveComponent("v-btn"),Z=e.resolveComponent("v-card-title"),v=e.resolveComponent("v-card-text"),ee=e.resolveComponent("v-spacer"),te=e.resolveComponent("v-card-actions"),oe=e.resolveComponent("v-card"),ne=e.resolveComponent("v-dialog");return e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.serverSide?"v-data-table-server":"v-data-table"),e.mergeProps(i.$attrs,{page:l.value,"onUpdate:page":p[0]||(p[0]=d=>l.value=d),"items-per-page":c.value,"onUpdate:itemsPerPage":p[1]||(p[1]=d=>c.value=d),"sort-by":r.value,"onUpdate:sortBy":p[2]||(p[2]=d=>r.value=d),class:"rounded-b-lg",headers:o.headers,items:o.items,"items-length":o.serverSide?o.totalCount:void 0,loading:o.loading,hover:o.hover,density:o.density,height:_.value,"show-select":o.showSelect,"items-per-page-text":o.labelItemsPerPage,"no-data-text":o.labelNoData},e.toHandlers(y.value)),e.createSlots({_:2},[e.renderList(V.value,d=>({name:`item.${d.key}`,fn:e.withCtx(({item:g})=>[e.renderSlot(i.$slots,`item.${d.key}`,{item:g,value:m(g,d.key)},()=>[d.type==="image"?(e.openBlock(),e.createBlock(w,{key:0,rounded:"lg",variant:"elevated",color:"white"},{default:e.withCtx(()=>[e.createVNode(F,{src:m(g,d.key),class:"f-data-table__logo"},null,8,["src"])]),_:2},1024)):d.type==="money"?(e.openBlock(),e.createElementBlock("span",O,e.toDisplayString(h(m(g,d.key))),1)):d.type==="status"?(e.openBlock(),e.createBlock(K,{key:2,color:m(g,d.key)?"green-darken-1":"red-darken-2",size:"small"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m(g,d.key)?o.labelActive:o.labelPassive),1)]),_:2},1032,["color"])):d.type==="boolean"?(e.openBlock(),e.createBlock(Q,{key:3,color:m(g,d.key)?"green-darken-1":"red-darken-2"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m(g,d.key)?"mdi-check":"mdi-close"),1)]),_:2},1032,["color"])):d.type==="gsmNo"?(e.openBlock(),e.createElementBlock("span",X,e.toDisplayString(k(m(g,d.key))),1)):e.createCommentVNode("",!0)],!0)])})),C.value?{name:"item.actions",fn:e.withCtx(({item:d})=>[e.renderSlot(i.$slots,"item.actions",{item:d},()=>[e.createElementVNode("div",L,[o.canEditRecord||o.canReadRecord?(e.openBlock(),e.createBlock(D,{key:0,color:"primary",icon:"mdi-pencil-outline",variant:"text",size:"small",onClick:e.withModifiers(g=>n("show-record",d),["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0),o.canDeleteRecord?(e.openBlock(),e.createBlock(D,{key:1,icon:"mdi-trash-can-outline",variant:"text",size:"small",color:"red-darken-2",onClick:e.withModifiers(g=>W(d),["stop"])},null,8,["onClick"])):e.createCommentVNode("",!0)])],!0)]),key:"0"}:void 0,e.renderList(i.$slots,(d,g)=>({name:g,fn:e.withCtx(le=>[e.renderSlot(i.$slots,g,e.normalizeProps(e.guardReactiveProps(le??{})),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"])),e.createVNode(ne,{modelValue:s.value,"onUpdate:modelValue":p[4]||(p[4]=d=>s.value=d),"max-width":"400"},{default:e.withCtx(()=>[e.createVNode(oe,null,{default:e.withCtx(()=>[e.createVNode(Z,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.labelDeleteTitle),1)]),_:1}),e.createVNode(v,null,{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.deleteMessageFormatter&&f.value?o.deleteMessageFormatter(f.value):o.labelDeleteMessage),1)]),_:1}),e.createVNode(te,null,{default:e.withCtx(()=>[e.createVNode(ee),e.createVNode(D,{variant:"text",onClick:p[3]||(p[3]=d=>s.value=!1)},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.labelDeleteCancel),1)]),_:1}),e.createVNode(D,{color:"red-darken-2",variant:"flat",onClick:J},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(o.labelDeleteConfirm),1)]),_:1})]),_:1})]),_:1})]),_:1},8,["modelValue"])])}}}),$=(o,t)=>{const a=o.__vccOpts||o;for(const[n,l]of t)a[n]=l;return a},M=$(H,[["__scopeId","data-v-e4c3ed73"]]);var N=(o=>(o.IMAGE="image",o.MONEY="money",o.STATUS="status",o.BOOLEAN="boolean",o.GSM_NO="gsmNo",o))(N||{});const P=e.defineComponent({name:"FTextarea",inheritAttrs:!1,__name:"FTextarea",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},label:{default:""},hideDetails:{type:[Boolean,String],default:"auto"},noResize:{type:Boolean,default:!0},rows:{default:""},modelValue:{default:""},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:n,value:l}=B.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(c,r)=>(e.openBlock(),e.createBlock(e.unref(b.VTextarea),e.mergeProps(c.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":r[0]||(r[0]=s=>e.isRef(l)?l.value=s:null),name:t.name,rounded:t.rounded,variant:t.variant,rows:t.rows,density:t.density,color:t.color,label:t.label,"hide-details":t.hideDetails,"no-resize":t.noResize,"error-messages":e.unref(n)}),null,16,["modelValue","name","rounded","variant","rows","density","color","label","hide-details","no-resize","error-messages"]))}}),T=e.defineComponent({name:"FAutocomplete",inheritAttrs:!1,__name:"FAutocomplete",props:{name:{},items:{default:()=>[]},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},clearable:{type:Boolean,default:!0},hideDetails:{type:[Boolean,String],default:"auto"},returnObject:{type:Boolean,default:!0},noDataText:{default:""},modelValue:{default:null},rules:{type:[String,Function],default:""}},emits:["change"],setup(o,{emit:t}){const a=t,n=o,l=e.computed(()=>n.rules),{errorMessage:c,value:r}=B.useField(()=>n.name,l,{initialValue:n.modelValue,syncVModel:!0});function s(f){a("change",f)}return(f,m)=>(e.openBlock(),e.createBlock(e.unref(b.VAutocomplete),e.mergeProps(f.$attrs,{modelValue:e.unref(r),"onUpdate:modelValue":[m[0]||(m[0]=h=>e.isRef(r)?r.value=h:null),m[1]||(m[1]=h=>s(e.unref(r)))],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":e.unref(c),"menu-props":{maxWidth:0}}),e.createSlots({_:2},[e.renderList(f.$slots,(h,k)=>({name:k,fn:e.withCtx(_=>[e.renderSlot(f.$slots,k,e.normalizeProps(e.guardReactiveProps(_??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","clearable","hide-details","return-object","no-data-text","error-messages"]))}}),R=e.defineComponent({name:"FCheckbox",inheritAttrs:!1,__name:"FCheckbox",props:{color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},indeterminate:{type:Boolean,default:!1},density:{default:"compact"}},setup(o){const t=o;return(a,n)=>(e.openBlock(),e.createBlock(e.unref(b.VCheckbox),e.mergeProps(a.$attrs,{color:t.color,"hide-details":t.hideDetails,indeterminate:t.indeterminate,density:t.density}),null,16,["color","hide-details","indeterminate","density"]))}}),A=e.defineComponent({name:"FCurrencyField",inheritAttrs:!1,__name:"FCurrencyField",props:{name:{},label:{default:""},readonly:{type:Boolean,default:!1},hideDetails:{type:[Boolean,String],default:"auto"},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},locale:{default:"tr-TR"},currency:{default:"TRY"},precision:{default:2},modelValue:{default:null},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:n,value:l}=B.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0}),c=e.computed(()=>new Intl.NumberFormat(t.locale,{style:"currency",currency:t.currency,minimumFractionDigits:t.precision,maximumFractionDigits:t.precision})),r=e.ref(s(t.modelValue));function s(y){return y==null||isNaN(y)?"":c.value.format(y)}function f(y){const V=y.replace(/[^\d,.-]/g,"").replace(/\./g,"").replace(",","."),C=parseFloat(V);return isNaN(C)?null:Math.round(C*Math.pow(10,t.precision))/Math.pow(10,t.precision)}const m=e.ref(!1);function h(y){const V=y.target;r.value=V.value,l.value=f(V.value)}function k(){m.value=!1,r.value=s(l.value)}function _(y){m.value=!0;const V=y.target,C=l.value;C!=null?r.value=C.toFixed(t.precision).replace(".",","):r.value="",setTimeout(()=>V.select(),0)}return e.watch(()=>t.modelValue,y=>{l.value=y,m.value||(r.value=s(y))}),(y,V)=>(e.openBlock(),e.createBlock(e.unref(b.VTextField),e.mergeProps(y.$attrs,{"model-value":r.value,name:t.name,label:t.label,readonly:t.readonly,"hide-details":t.hideDetails,rounded:t.rounded,variant:t.variant,density:t.density,color:t.color,"error-messages":e.unref(n),inputmode:"decimal",onInput:h,onBlur:k,onFocus:_}),null,16,["model-value","name","label","readonly","hide-details","rounded","variant","density","color","error-messages"]))}}),I=e.defineComponent({name:"FSelect",inheritAttrs:!1,__name:"FSelect",props:{name:{},items:{default:()=>[]},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},color:{default:"secondary"},hideDetails:{type:[Boolean,String],default:"auto"},returnObject:{type:Boolean,default:!1},modelValue:{default:""},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:n,value:l}=B.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(c,r)=>(e.openBlock(),e.createBlock(e.unref(b.VSelect),e.mergeProps(c.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":r[0]||(r[0]=s=>e.isRef(l)?l.value=s:null),name:t.name,items:t.items,rounded:t.rounded,variant:t.variant,density:t.density,color:t.color,"hide-details":t.hideDetails,"return-object":t.returnObject,"error-messages":e.unref(n)}),e.createSlots({_:2},[e.renderList(c.$slots,(s,f)=>({name:f,fn:e.withCtx(m=>[e.renderSlot(c.$slots,f,e.normalizeProps(e.guardReactiveProps(m??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","hide-details","return-object","error-messages"]))}}),E=e.defineComponent({name:"FNumberField",inheritAttrs:!1,__name:"FNumberField",props:{name:{},rounded:{default:"lg"},variant:{default:"outlined"},density:{default:"compact"},controlVariant:{default:"stacked"},color:{default:"secondary"},label:{default:""},placeholder:{default:""},prefix:{default:""},hideDetails:{type:[Boolean,String],default:"auto"},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},min:{default:0},precision:{default:0},inset:{type:Boolean,default:!0},modelValue:{default:-1},rules:{type:[String,Function],default:""}},setup(o){const t=o,a=e.computed(()=>t.rules),{errorMessage:n,value:l}=B.useField(()=>t.name,a,{initialValue:t.modelValue,syncVModel:!0});return(c,r)=>(e.openBlock(),e.createBlock(e.unref(b.VNumberInput),e.mergeProps(c.$attrs,{modelValue:e.unref(l),"onUpdate:modelValue":r[0]||(r[0]=s=>e.isRef(l)?l.value=s:null),name:t.name,color:t.color,density:t.density,rounded:t.rounded,variant:t.variant,"control-variant":t.controlVariant,"hide-details":t.hideDetails,placeholder:t.placeholder,label:t.label,prefix:t.prefix,disabled:t.disabled,readonly:t.readonly,min:t.min,precision:t.precision,inset:t.inset,"error-messages":e.unref(n)}),null,16,["modelValue","name","color","density","rounded","variant","control-variant","hide-details","placeholder","label","prefix","disabled","readonly","min","precision","inset","error-messages"]))}}),q={key:0},G={key:1},U=e.defineComponent({name:"FSwitch",inheritAttrs:!1,__name:"FSwitch",props:e.mergeModels({color:{default:"secondary"},density:{default:"comfortable"},hideDetails:{type:[Boolean,String],default:"auto"},labelTrue:{default:""},labelFalse:{default:""}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(o){const t=o,a=e.useModel(o,"modelValue");return(n,l)=>(e.openBlock(),e.createBlock(e.unref(b.VSwitch),e.mergeProps(n.$attrs,{modelValue:a.value,"onUpdate:modelValue":l[0]||(l[0]=c=>a.value=c),color:t.color,"hide-details":t.hideDetails,density:t.density}),e.createSlots({_:2},[t.labelTrue||t.labelFalse?{name:"label",fn:e.withCtx(()=>[a.value?(e.openBlock(),e.createElementBlock("span",q,e.toDisplayString(t.labelTrue),1)):(e.openBlock(),e.createElementBlock("span",G,e.toDisplayString(t.labelFalse),1))]),key:"0"}:void 0]),1040,["modelValue","color","hide-details","density"]))}}),j=$(e.defineComponent({name:"FDialog",inheritAttrs:!1,__name:"FDialog",props:e.mergeModels({width:{default:750},persistent:{type:Boolean,default:!0},transition:{default:"slide-y-transition"}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["closeDialog"],["update:modelValue"]),setup(o){const t=o,a=e.useModel(o,"modelValue");return(n,l)=>{const c=e.resolveComponent("v-btn"),r=e.resolveComponent("v-card-title"),s=e.resolveComponent("v-divider"),f=e.resolveComponent("v-card-text"),m=e.resolveComponent("v-card"),h=e.resolveComponent("v-dialog");return e.openBlock(),e.createBlock(h,e.mergeProps(n.$attrs,{modelValue:a.value,"onUpdate:modelValue":l[1]||(l[1]=k=>a.value=k),transition:t.transition,class:"f-dialog",width:t.width,persistent:t.persistent}),{default:e.withCtx(()=>[e.createVNode(m,{class:"f-dialog-card",density:"default",variant:"elevated",rounded:"lg"},{default:e.withCtx(()=>[e.createVNode(r,{class:"d-flex justify-space-between align-center"},{default:e.withCtx(()=>[e.createElementVNode("header",null,[e.renderSlot(n.$slots,"header",{},void 0,!0)]),e.createVNode(c,{icon:"mdi-close",variant:"text",onClick:l[0]||(l[0]=k=>n.$emit("closeDialog"))})]),_:3}),e.createVNode(s),e.createVNode(f,{class:"py-4 px-1 overflow-auto overflow-x-hidden"},{default:e.withCtx(()=>[e.renderSlot(n.$slots,"default",{},void 0,!0)]),_:3})]),_:3})]),_:3},16,["modelValue","transition","width","persistent"])}}}),[["__scopeId","data-v-5c571a9a"]]),Y={install(o){o.component("FButton",S),o.component("FTextField",x),o.component("FDataTable",M),o.component("FTextarea",P),o.component("FAutocomplete",T),o.component("FCheckbox",R),o.component("FCurrencyField",A),o.component("FSelect",I),o.component("FNumberField",E),o.component("FSwitch",U),o.component("FDialog",j)}};u.FAutocomplete=T,u.FButton=S,u.FCheckbox=R,u.FCurrencyField=A,u.FDataTable=M,u.FDataTableHeaderType=N,u.FDialog=j,u.FNumberField=E,u.FSelect=I,u.FSwitch=U,u.FTextField=x,u.FTextarea=P,u.default=Y,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import type { Plugin } from 'vue';
 export { FButton } from './components/FButton';
 export { FTextField } from './components/FTextField';
-export { FDataTable } from './components/FDataTable';
+export { FDataTable, FDataTableHeaderType } from './components/FDataTable';
 export { FTextarea } from './components/FTextarea';
 export { FAutocomplete } from './components/FAutocomplete';
 export { FCheckbox } from './components/FCheckbox';
@@ -9,9 +9,10 @@ export { FCurrencyField } from './components/FCurrencyField';
 export { FSelect } from './components/FSelect';
 export { FNumberField } from './components/FNumberField';
 export { FSwitch } from './components/FSwitch';
+export { FDialog } from './components/FDialog';
 export type { FButtonProps } from './components/FButton';
 export type { FTextFieldProps } from './components/FTextField';
-export type { FDataTableProps, FDataTableHeader, FDataTableHeaderType } from './components/FDataTable';
+export type { FDataTableProps, FDataTableHeader } from './components/FDataTable';
 export type { FTextareaProps } from './components/FTextarea';
 export type { FAutocompleteProps } from './components/FAutocomplete';
 export type { FCheckboxProps } from './components/FCheckbox';
@@ -19,6 +20,7 @@ export type { FCurrencyFieldProps } from './components/FCurrencyField';
 export type { FSelectProps } from './components/FSelect';
 export type { FNumberFieldProps } from './components/FNumberField';
 export type { FSwitchProps } from './components/FSwitch';
+export type { FDialogProps } from './components/FDialog';
 import { FButton } from './components/FButton';
 import { FTextField } from './components/FTextField';
 import { FDataTable } from './components/FDataTable';
@@ -29,6 +31,7 @@ import { FCurrencyField } from './components/FCurrencyField';
 import { FSelect } from './components/FSelect';
 import { FNumberField } from './components/FNumberField';
 import { FSwitch } from './components/FSwitch';
+import { FDialog } from './components/FDialog';
 declare const FinsoComponents: Plugin;
 export default FinsoComponents;
 declare module 'vue' {
@@ -43,5 +46,6 @@ declare module 'vue' {
         FSelect: typeof FSelect;
         FNumberField: typeof FNumberField;
         FSwitch: typeof FSwitch;
+        FDialog: typeof FDialog;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "finso-vue-components",
-  "version": "0.4.5",
+  "version": "0.4.7",
   "description": "Finso Vue 3 + Vuetify UI Component Library",
   "type": "module",
   "main": "./dist/finso-vue-components.umd.cjs",