finso-vue-components 0.4.3 → 0.4.4

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

@@ -13,7 +13,11 @@ export interface FAutocompleteProps {
     modelValue?: any;
     rules?: string | GenericValidateFunction<any>;
 }
-declare const _default: import("vue").DefineComponent<FAutocompleteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_11: string | number, __VLS_12: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_11>]?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<FAutocompleteProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: any) => any;
 }, string, import("vue").PublicProps, Readonly<FAutocompleteProps> & Readonly<{
     onChange?: ((value: any) => any) | undefined;
@@ -30,4 +34,10 @@ declare const _default: import("vue").DefineComponent<FAutocompleteProps, {}, {}
     returnObject: boolean;
     noDataText: string;
 }, {}, {}, {}, 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/FTextField/FTextField.vue.d.ts

@@ -12,7 +12,11 @@ export interface FTextFieldProps {
     modelValue?: string;
     rules?: string | GenericValidateFunction<string>;
 }
-declare const _default: import("vue").DefineComponent<FTextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+declare var __VLS_11: string | number, __VLS_12: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_11>]?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<FTextFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     clickAppendInner: () => any;
 }, string, import("vue").PublicProps, Readonly<FTextFieldProps> & Readonly<{
     onClickAppendInner?: (() => any) | undefined;
@@ -28,4 +32,10 @@ declare const _default: import("vue").DefineComponent<FTextFieldProps, {}, {}, {
     modelValue: string;
     rules: string | GenericValidateFunction<string>;
 }, {}, {}, {}, 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/finso-vue-components.js

@@ -1,8 +1,8 @@
-import { defineComponent as m, resolveComponent as N, openBlock as i, createBlock as p, computed as F, withDirectives as R, unref as o, mergeProps as f, isRef as g, createSlots as B, renderList as x, withCtx as S, renderSlot as T, normalizeProps as M, guardReactiveProps as k, ref as _, watch as I, useModel as j, createElementBlock as D, toDisplayString as $, mergeModels as P } from "vue";
-import { VTextField as A, VDataTable as U, VTextarea as z, VAutocomplete as O, VCheckbox as E, VSelect as L, VNumberInput as W, VSwitch as Y } from "vuetify/components";
+import { defineComponent as p, resolveComponent as R, openBlock as m, createBlock as f, computed as F, withDirectives as I, unref as o, mergeProps as y, isRef as V, createSlots as B, renderList as _, withCtx as $, renderSlot as D, normalizeProps as T, guardReactiveProps as x, ref as k, watch as N, useModel as j, createElementBlock as A, toDisplayString as w, mergeModels as P } from "vue";
+import { VTextField as C, VDataTable as U, VTextarea as z, VAutocomplete as O, VCheckbox as E, VSelect as L, VNumberInput as W, VSwitch as Y } from "vuetify/components";
 import { vMaska as q } from "maska/vue";
 import { useField as v } from "vee-validate";
-const G = /* @__PURE__ */ m({
+const G = /* @__PURE__ */ p({
   __name: "FButton",
   props: {
     color: { default: "primary" },
@@ -10,15 +10,15 @@ const G = /* @__PURE__ */ m({
   },
   setup(t) {
     const e = t;
-    return (r, l) => {
-      const a = N("v-btn");
-      return i(), p(a, {
+    return (s, l) => {
+      const a = R("v-btn");
+      return m(), f(a, {
         color: e.color,
         rounded: e.rounded
       }, null, 8, ["color", "rounded"]);
     };
   }
-}), H = /* @__PURE__ */ m({
+}), H = /* @__PURE__ */ p({
   name: "FTextField",
   inheritAttrs: !1,
   __name: "FTextField",
@@ -37,13 +37,13 @@ const G = /* @__PURE__ */ m({
   },
   emits: ["clickAppendInner"],
   setup(t) {
-    const e = t, r = F(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, r, {
+    const e = t, s = F(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, s, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (d, n) => R((i(), p(o(A), f(d.$attrs, {
+    return (r, n) => I((m(), f(o(C), y(r.$attrs, {
       modelValue: o(a),
-      "onUpdate:modelValue": n[0] || (n[0] = (s) => g(a) ? a.value = s : null),
+      "onUpdate:modelValue": n[0] || (n[0] = (d) => V(a) ? a.value = d : null),
       name: e.name,
       color: e.color,
       density: e.density,
@@ -53,12 +53,19 @@ const G = /* @__PURE__ */ m({
       "hide-details": e.hideDetails,
       "error-messages": o(l),
       "append-inner-icon": e.appendInnerIcon,
-      "onClick:appendInner": n[1] || (n[1] = (s) => d.$emit("clickAppendInner"))
-    }), null, 16, ["modelValue", "name", "color", "density", "rounded", "variant", "clearable", "hide-details", "error-messages", "append-inner-icon"])), [
+      "onClick:appendInner": n[1] || (n[1] = (d) => r.$emit("clickAppendInner"))
+    }), B({ _: 2 }, [
+      _(r.$slots, (d, i) => ({
+        name: i,
+        fn: $((c) => [
+          D(r.$slots, i, T(x(c ?? {})))
+        ])
+      }))
+    ]), 1040, ["modelValue", "name", "color", "density", "rounded", "variant", "clearable", "hide-details", "error-messages", "append-inner-icon"])), [
       [o(q), e.mask]
     ]);
   }
-}), J = /* @__PURE__ */ m({
+}), J = /* @__PURE__ */ p({
   name: "FDataTable",
   inheritAttrs: !1,
   __name: "FDataTable",
@@ -72,7 +79,7 @@ const G = /* @__PURE__ */ m({
     density: { default: "default" }
   },
   setup(t) {
-    return (e, r) => (i(), p(o(U), f(e.$attrs, {
+    return (e, s) => (m(), f(o(U), y(e.$attrs, {
       headers: t.headers,
       items: t.items,
       loading: t.loading,
@@ -81,15 +88,15 @@ const G = /* @__PURE__ */ m({
       hover: t.hover,
       density: t.density
     }), B({ _: 2 }, [
-      x(e.$slots, (l, a) => ({
+      _(e.$slots, (l, a) => ({
         name: a,
-        fn: S((d) => [
-          T(e.$slots, a, M(k(d ?? {})))
+        fn: $((r) => [
+          D(e.$slots, a, T(x(r ?? {})))
         ])
       }))
     ]), 1040, ["headers", "items", "loading", "search", "items-per-page", "hover", "density"]));
   }
-}), K = /* @__PURE__ */ m({
+}), K = /* @__PURE__ */ p({
   name: "FTextarea",
   inheritAttrs: !1,
   __name: "FTextarea",
@@ -107,13 +114,13 @@ const G = /* @__PURE__ */ m({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, r = F(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, r, {
+    const e = t, s = F(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, s, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (d, n) => (i(), p(o(z), f(d.$attrs, {
+    return (r, n) => (m(), f(o(z), y(r.$attrs, {
       modelValue: o(a),
-      "onUpdate:modelValue": n[0] || (n[0] = (s) => g(a) ? a.value = s : null),
+      "onUpdate:modelValue": n[0] || (n[0] = (d) => V(a) ? a.value = d : null),
       name: e.name,
       rounded: e.rounded,
       variant: e.variant,
@@ -126,7 +133,7 @@ const G = /* @__PURE__ */ m({
       "error-messages": o(l)
     }), null, 16, ["modelValue", "name", "rounded", "variant", "rows", "density", "color", "label", "hide-details", "no-resize", "error-messages"]));
   }
-}), Q = /* @__PURE__ */ m({
+}), Q = /* @__PURE__ */ p({
   name: "FAutocomplete",
   inheritAttrs: !1,
   __name: "FAutocomplete",
@@ -146,18 +153,18 @@ const G = /* @__PURE__ */ m({
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const r = e, l = t, a = F(() => l.rules), { errorMessage: d, value: n } = v(() => l.name, a, {
+    const s = e, l = t, a = F(() => l.rules), { errorMessage: r, value: n } = v(() => l.name, a, {
       initialValue: l.modelValue,
       syncVModel: !0
     });
-    function s(y) {
-      r("change", y);
+    function d(i) {
+      s("change", i);
     }
-    return (y, c) => (i(), p(o(O), f(y.$attrs, {
+    return (i, c) => (m(), f(o(O), y(i.$attrs, {
       modelValue: o(n),
       "onUpdate:modelValue": [
-        c[0] || (c[0] = (V) => g(n) ? n.value = V : null),
-        c[1] || (c[1] = (V) => s(o(n)))
+        c[0] || (c[0] = (b) => V(n) ? n.value = b : null),
+        c[1] || (c[1] = (b) => d(o(n)))
       ],
       name: l.name,
       items: l.items,
@@ -169,11 +176,18 @@ const G = /* @__PURE__ */ m({
       "hide-details": l.hideDetails,
       "return-object": l.returnObject,
       "no-data-text": l.noDataText,
-      "error-messages": o(d),
+      "error-messages": o(r),
       "menu-props": { maxWidth: 0 }
-    }), null, 16, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "clearable", "hide-details", "return-object", "no-data-text", "error-messages"]));
+    }), B({ _: 2 }, [
+      _(i.$slots, (b, S) => ({
+        name: S,
+        fn: $((M) => [
+          D(i.$slots, S, T(x(M ?? {})))
+        ])
+      }))
+    ]), 1040, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "clearable", "hide-details", "return-object", "no-data-text", "error-messages"]));
   }
-}), X = /* @__PURE__ */ m({
+}), X = /* @__PURE__ */ p({
   name: "FCheckbox",
   inheritAttrs: !1,
   __name: "FCheckbox",
@@ -185,14 +199,14 @@ const G = /* @__PURE__ */ m({
   },
   setup(t) {
     const e = t;
-    return (r, l) => (i(), p(o(E), f(r.$attrs, {
+    return (s, l) => (m(), f(o(E), y(s.$attrs, {
       color: e.color,
       "hide-details": e.hideDetails,
       indeterminate: e.indeterminate,
       density: e.density
     }), null, 16, ["color", "hide-details", "indeterminate", "density"]));
   }
-}), Z = /* @__PURE__ */ m({
+}), Z = /* @__PURE__ */ p({
   name: "FCurrencyField",
   inheritAttrs: !1,
   __name: "FCurrencyField",
@@ -212,40 +226,40 @@ const G = /* @__PURE__ */ m({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, r = F(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, r, {
+    const e = t, s = F(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, s, {
       initialValue: e.modelValue,
       syncVModel: !0
-    }), d = F(
+    }), r = F(
       () => new Intl.NumberFormat(e.locale, {
         style: "currency",
         currency: e.currency,
         minimumFractionDigits: e.precision,
         maximumFractionDigits: e.precision
       })
-    ), n = _(s(e.modelValue));
-    function s(u) {
-      return u == null || isNaN(u) ? "" : d.value.format(u);
+    ), n = k(d(e.modelValue));
+    function d(u) {
+      return u == null || isNaN(u) ? "" : r.value.format(u);
     }
-    function y(u) {
-      const h = u.replace(/[^\d,.-]/g, "").replace(/\./g, "").replace(",", "."), b = parseFloat(h);
-      return isNaN(b) ? null : Math.round(b * Math.pow(10, e.precision)) / Math.pow(10, e.precision);
+    function i(u) {
+      const h = u.replace(/[^\d,.-]/g, "").replace(/\./g, "").replace(",", "."), g = parseFloat(h);
+      return isNaN(g) ? null : Math.round(g * Math.pow(10, e.precision)) / Math.pow(10, e.precision);
     }
-    const c = _(!1);
-    function V(u) {
+    const c = k(!1);
+    function b(u) {
       const h = u.target;
-      n.value = h.value, a.value = y(h.value);
+      n.value = h.value, a.value = i(h.value);
     }
-    function w() {
-      c.value = !1, n.value = s(a.value);
+    function S() {
+      c.value = !1, n.value = d(a.value);
     }
-    function C(u) {
+    function M(u) {
       c.value = !0;
-      const h = u.target, b = a.value;
-      b != null ? n.value = b.toFixed(e.precision).replace(".", ",") : n.value = "", setTimeout(() => h.select(), 0);
+      const h = u.target, g = a.value;
+      g != null ? n.value = g.toFixed(e.precision).replace(".", ",") : n.value = "", setTimeout(() => h.select(), 0);
     }
-    return I(() => e.modelValue, (u) => {
-      a.value = u, c.value || (n.value = s(u));
-    }), (u, h) => (i(), p(o(A), f(u.$attrs, {
+    return N(() => e.modelValue, (u) => {
+      a.value = u, c.value || (n.value = d(u));
+    }), (u, h) => (m(), f(o(C), y(u.$attrs, {
       "model-value": n.value,
       name: e.name,
       label: e.label,
@@ -257,12 +271,12 @@ const G = /* @__PURE__ */ m({
       color: e.color,
       "error-messages": o(l),
       inputmode: "decimal",
-      onInput: V,
-      onBlur: w,
-      onFocus: C
+      onInput: b,
+      onBlur: S,
+      onFocus: M
     }), null, 16, ["model-value", "name", "label", "readonly", "hide-details", "rounded", "variant", "density", "color", "error-messages"]));
   }
-}), ee = /* @__PURE__ */ m({
+}), ee = /* @__PURE__ */ p({
   name: "FSelect",
   inheritAttrs: !1,
   __name: "FSelect",
@@ -279,13 +293,13 @@ const G = /* @__PURE__ */ m({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, r = F(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, r, {
+    const e = t, s = F(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, s, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (d, n) => (i(), p(o(L), f(d.$attrs, {
+    return (r, n) => (m(), f(o(L), y(r.$attrs, {
       modelValue: o(a),
-      "onUpdate:modelValue": n[0] || (n[0] = (s) => g(a) ? a.value = s : null),
+      "onUpdate:modelValue": n[0] || (n[0] = (d) => V(a) ? a.value = d : null),
       name: e.name,
       items: e.items,
       rounded: e.rounded,
@@ -296,15 +310,15 @@ const G = /* @__PURE__ */ m({
       "return-object": e.returnObject,
       "error-messages": o(l)
     }), B({ _: 2 }, [
-      x(d.$slots, (s, y) => ({
-        name: y,
-        fn: S((c) => [
-          T(d.$slots, y, M(k(c ?? {})))
+      _(r.$slots, (d, i) => ({
+        name: i,
+        fn: $((c) => [
+          D(r.$slots, i, T(x(c ?? {})))
         ])
       }))
     ]), 1040, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "hide-details", "return-object", "error-messages"]));
   }
-}), te = /* @__PURE__ */ m({
+}), te = /* @__PURE__ */ p({
   name: "FNumberField",
   inheritAttrs: !1,
   __name: "FNumberField",
@@ -328,13 +342,13 @@ const G = /* @__PURE__ */ m({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, r = F(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, r, {
+    const e = t, s = F(() => e.rules), { errorMessage: l, value: a } = v(() => e.name, s, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (d, n) => (i(), p(o(W), f(d.$attrs, {
+    return (r, n) => (m(), f(o(W), y(r.$attrs, {
       modelValue: o(a),
-      "onUpdate:modelValue": n[0] || (n[0] = (s) => g(a) ? a.value = s : null),
+      "onUpdate:modelValue": n[0] || (n[0] = (d) => V(a) ? a.value = d : null),
       name: e.name,
       color: e.color,
       density: e.density,
@@ -353,7 +367,7 @@ const G = /* @__PURE__ */ m({
       "error-messages": o(l)
     }), 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 }, le = { key: 1 }, ne = /* @__PURE__ */ m({
+}), ae = { key: 0 }, le = { key: 1 }, ne = /* @__PURE__ */ p({
   name: "FSwitch",
   inheritAttrs: !1,
   __name: "FSwitch",
@@ -369,18 +383,18 @@ const G = /* @__PURE__ */ m({
   }),
   emits: ["update:modelValue"],
   setup(t) {
-    const e = t, r = j(t, "modelValue");
-    return (l, a) => (i(), p(o(Y), f(l.$attrs, {
-      modelValue: r.value,
-      "onUpdate:modelValue": a[0] || (a[0] = (d) => r.value = d),
+    const e = t, s = j(t, "modelValue");
+    return (l, a) => (m(), f(o(Y), y(l.$attrs, {
+      modelValue: s.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (r) => s.value = r),
       color: e.color,
       "hide-details": e.hideDetails,
       density: e.density
     }), B({ _: 2 }, [
       e.labelTrue || e.labelFalse ? {
         name: "label",
-        fn: S(() => [
-          r.value ? (i(), D("span", ae, $(e.labelTrue), 1)) : (i(), D("span", le, $(e.labelFalse), 1))
+        fn: $(() => [
+          s.value ? (m(), A("span", ae, w(e.labelTrue), 1)) : (m(), A("span", le, w(e.labelFalse), 1))
         ]),
         key: "0"
       } : void 0

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

@@ -1 +1 @@
-(function(r,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):(r=typeof globalThis<"u"?globalThis:r||self,e(r.FinsoVueComponents={},r.Vue,r.VuetifyComponents,r.MaskaVue,r.VeeValidate))})(this,(function(r,e,m,$,y){"use strict";const g=e.defineComponent({__name:"FButton",props:{color:{default:"primary"},rounded:{type:[String,Number,Boolean],default:"lg"}},setup(n){const t=n;return(d,l)=>{const a=e.resolveComponent("v-btn");return e.openBlock(),e.createBlock(a,{color:t.color,rounded:t.rounded},null,8,["color","rounded"])}}}),V=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(n){const t=n,d=e.computed(()=>t.rules),{errorMessage:l,value:a}=y.useField(()=>t.name,d,{initialValue:t.modelValue,syncVModel:!0});return(i,o)=>e.withDirectives((e.openBlock(),e.createBlock(e.unref(m.VTextField),e.mergeProps(i.$attrs,{modelValue:e.unref(a),"onUpdate:modelValue":o[0]||(o[0]=s=>e.isRef(a)?a.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(l),"append-inner-icon":t.appendInnerIcon,"onClick:appendInner":o[1]||(o[1]=s=>i.$emit("clickAppendInner"))}),null,16,["modelValue","name","color","density","rounded","variant","clearable","hide-details","error-messages","append-inner-icon"])),[[e.unref($.vMaska),t.mask]])}}),b=e.defineComponent({name:"FDataTable",inheritAttrs:!1,__name:"FDataTable",props:{headers:{},items:{},loading:{type:Boolean,default:!1},search:{default:""},itemsPerPage:{default:10},hover:{type:Boolean,default:!0},density:{default:"default"}},setup(n){return(t,d)=>(e.openBlock(),e.createBlock(e.unref(m.VDataTable),e.mergeProps(t.$attrs,{headers:n.headers,items:n.items,loading:n.loading,search:n.search,"items-per-page":n.itemsPerPage,hover:n.hover,density:n.density}),e.createSlots({_:2},[e.renderList(t.$slots,(l,a)=>({name:a,fn:e.withCtx(i=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(i??{})))])}))]),1040,["headers","items","loading","search","items-per-page","hover","density"]))}}),B=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(n){const t=n,d=e.computed(()=>t.rules),{errorMessage:l,value:a}=y.useField(()=>t.name,d,{initialValue:t.modelValue,syncVModel:!0});return(i,o)=>(e.openBlock(),e.createBlock(e.unref(m.VTextarea),e.mergeProps(i.$attrs,{modelValue:e.unref(a),"onUpdate:modelValue":o[0]||(o[0]=s=>e.isRef(a)?a.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(l)}),null,16,["modelValue","name","rounded","variant","rows","density","color","label","hide-details","no-resize","error-messages"]))}}),k=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(n,{emit:t}){const d=t,l=n,a=e.computed(()=>l.rules),{errorMessage:i,value:o}=y.useField(()=>l.name,a,{initialValue:l.modelValue,syncVModel:!0});function s(f){d("change",f)}return(f,c)=>(e.openBlock(),e.createBlock(e.unref(m.VAutocomplete),e.mergeProps(f.$attrs,{modelValue:e.unref(o),"onUpdate:modelValue":[c[0]||(c[0]=F=>e.isRef(o)?o.value=F:null),c[1]||(c[1]=F=>s(e.unref(o)))],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(i),"menu-props":{maxWidth:0}}),null,16,["modelValue","name","items","rounded","variant","density","color","clearable","hide-details","return-object","no-data-text","error-messages"]))}}),S=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(n){const t=n;return(d,l)=>(e.openBlock(),e.createBlock(e.unref(m.VCheckbox),e.mergeProps(d.$attrs,{color:t.color,"hide-details":t.hideDetails,indeterminate:t.indeterminate,density:t.density}),null,16,["color","hide-details","indeterminate","density"]))}}),_=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(n){const t=n,d=e.computed(()=>t.rules),{errorMessage:l,value:a}=y.useField(()=>t.name,d,{initialValue:t.modelValue,syncVModel:!0}),i=e.computed(()=>new Intl.NumberFormat(t.locale,{style:"currency",currency:t.currency,minimumFractionDigits:t.precision,maximumFractionDigits:t.precision})),o=e.ref(s(t.modelValue));function s(u){return u==null||isNaN(u)?"":i.value.format(u)}function f(u){const p=u.replace(/[^\d,.-]/g,"").replace(/\./g,"").replace(",","."),h=parseFloat(p);return isNaN(h)?null:Math.round(h*Math.pow(10,t.precision))/Math.pow(10,t.precision)}const c=e.ref(!1);function F(u){const p=u.target;o.value=p.value,a.value=f(p.value)}function w(){c.value=!1,o.value=s(a.value)}function R(u){c.value=!0;const p=u.target,h=a.value;h!=null?o.value=h.toFixed(t.precision).replace(".",","):o.value="",setTimeout(()=>p.select(),0)}return e.watch(()=>t.modelValue,u=>{a.value=u,c.value||(o.value=s(u))}),(u,p)=>(e.openBlock(),e.createBlock(e.unref(m.VTextField),e.mergeProps(u.$attrs,{"model-value":o.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:F,onBlur:w,onFocus:R}),null,16,["model-value","name","label","readonly","hide-details","rounded","variant","density","color","error-messages"]))}}),D=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(n){const t=n,d=e.computed(()=>t.rules),{errorMessage:l,value:a}=y.useField(()=>t.name,d,{initialValue:t.modelValue,syncVModel:!0});return(i,o)=>(e.openBlock(),e.createBlock(e.unref(m.VSelect),e.mergeProps(i.$attrs,{modelValue:e.unref(a),"onUpdate:modelValue":o[0]||(o[0]=s=>e.isRef(a)?a.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(l)}),e.createSlots({_:2},[e.renderList(i.$slots,(s,f)=>({name:f,fn:e.withCtx(c=>[e.renderSlot(i.$slots,f,e.normalizeProps(e.guardReactiveProps(c??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","hide-details","return-object","error-messages"]))}}),C=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(n){const t=n,d=e.computed(()=>t.rules),{errorMessage:l,value:a}=y.useField(()=>t.name,d,{initialValue:t.modelValue,syncVModel:!0});return(i,o)=>(e.openBlock(),e.createBlock(e.unref(m.VNumberInput),e.mergeProps(i.$attrs,{modelValue:e.unref(a),"onUpdate:modelValue":o[0]||(o[0]=s=>e.isRef(a)?a.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(l)}),null,16,["modelValue","name","color","density","rounded","variant","control-variant","hide-details","placeholder","label","prefix","disabled","readonly","min","precision","inset","error-messages"]))}}),M={key:0},x={key:1},T=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(n){const t=n,d=e.useModel(n,"modelValue");return(l,a)=>(e.openBlock(),e.createBlock(e.unref(m.VSwitch),e.mergeProps(l.$attrs,{modelValue:d.value,"onUpdate:modelValue":a[0]||(a[0]=i=>d.value=i),color:t.color,"hide-details":t.hideDetails,density:t.density}),e.createSlots({_:2},[t.labelTrue||t.labelFalse?{name:"label",fn:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("span",M,e.toDisplayString(t.labelTrue),1)):(e.openBlock(),e.createElementBlock("span",x,e.toDisplayString(t.labelFalse),1))]),key:"0"}:void 0]),1040,["modelValue","color","hide-details","density"]))}}),P={install(n){n.component("FButton",g),n.component("FTextField",V),n.component("FDataTable",b),n.component("FTextarea",B),n.component("FAutocomplete",k),n.component("FCheckbox",S),n.component("FCurrencyField",_),n.component("FSelect",D),n.component("FNumberField",C),n.component("FSwitch",T)}};r.FAutocomplete=k,r.FButton=g,r.FCheckbox=S,r.FCurrencyField=_,r.FDataTable=b,r.FNumberField=C,r.FSelect=D,r.FSwitch=T,r.FTextField=V,r.FTextarea=B,r.default=P,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(r,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):(r=typeof globalThis<"u"?globalThis:r||self,e(r.FinsoVueComponents={},r.Vue,r.VuetifyComponents,r.MaskaVue,r.VeeValidate))})(this,(function(r,e,f,P,y){"use strict";const b=e.defineComponent({__name:"FButton",props:{color:{default:"primary"},rounded:{type:[String,Number,Boolean],default:"lg"}},setup(n){const t=n;return(i,l)=>{const a=e.resolveComponent("v-btn");return e.openBlock(),e.createBlock(a,{color:t.color,rounded:t.rounded},null,8,["color","rounded"])}}}),B=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(n){const t=n,i=e.computed(()=>t.rules),{errorMessage:l,value:a}=y.useField(()=>t.name,i,{initialValue:t.modelValue,syncVModel:!0});return(d,o)=>e.withDirectives((e.openBlock(),e.createBlock(e.unref(f.VTextField),e.mergeProps(d.$attrs,{modelValue:e.unref(a),"onUpdate:modelValue":o[0]||(o[0]=s=>e.isRef(a)?a.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(l),"append-inner-icon":t.appendInnerIcon,"onClick:appendInner":o[1]||(o[1]=s=>d.$emit("clickAppendInner"))}),e.createSlots({_:2},[e.renderList(d.$slots,(s,c)=>({name:c,fn:e.withCtx(m=>[e.renderSlot(d.$slots,c,e.normalizeProps(e.guardReactiveProps(m??{})))])}))]),1040,["modelValue","name","color","density","rounded","variant","clearable","hide-details","error-messages","append-inner-icon"])),[[e.unref(P.vMaska),t.mask]])}}),k=e.defineComponent({name:"FDataTable",inheritAttrs:!1,__name:"FDataTable",props:{headers:{},items:{},loading:{type:Boolean,default:!1},search:{default:""},itemsPerPage:{default:10},hover:{type:Boolean,default:!0},density:{default:"default"}},setup(n){return(t,i)=>(e.openBlock(),e.createBlock(e.unref(f.VDataTable),e.mergeProps(t.$attrs,{headers:n.headers,items:n.items,loading:n.loading,search:n.search,"items-per-page":n.itemsPerPage,hover:n.hover,density:n.density}),e.createSlots({_:2},[e.renderList(t.$slots,(l,a)=>({name:a,fn:e.withCtx(d=>[e.renderSlot(t.$slots,a,e.normalizeProps(e.guardReactiveProps(d??{})))])}))]),1040,["headers","items","loading","search","items-per-page","hover","density"]))}}),S=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(n){const t=n,i=e.computed(()=>t.rules),{errorMessage:l,value:a}=y.useField(()=>t.name,i,{initialValue:t.modelValue,syncVModel:!0});return(d,o)=>(e.openBlock(),e.createBlock(e.unref(f.VTextarea),e.mergeProps(d.$attrs,{modelValue:e.unref(a),"onUpdate:modelValue":o[0]||(o[0]=s=>e.isRef(a)?a.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(l)}),null,16,["modelValue","name","rounded","variant","rows","density","color","label","hide-details","no-resize","error-messages"]))}}),_=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(n,{emit:t}){const i=t,l=n,a=e.computed(()=>l.rules),{errorMessage:d,value:o}=y.useField(()=>l.name,a,{initialValue:l.modelValue,syncVModel:!0});function s(c){i("change",c)}return(c,m)=>(e.openBlock(),e.createBlock(e.unref(f.VAutocomplete),e.mergeProps(c.$attrs,{modelValue:e.unref(o),"onUpdate:modelValue":[m[0]||(m[0]=h=>e.isRef(o)?o.value=h:null),m[1]||(m[1]=h=>s(e.unref(o)))],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(d),"menu-props":{maxWidth:0}}),e.createSlots({_:2},[e.renderList(c.$slots,(h,g)=>({name:g,fn:e.withCtx(V=>[e.renderSlot(c.$slots,g,e.normalizeProps(e.guardReactiveProps(V??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","clearable","hide-details","return-object","no-data-text","error-messages"]))}}),C=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(n){const t=n;return(i,l)=>(e.openBlock(),e.createBlock(e.unref(f.VCheckbox),e.mergeProps(i.$attrs,{color:t.color,"hide-details":t.hideDetails,indeterminate:t.indeterminate,density:t.density}),null,16,["color","hide-details","indeterminate","density"]))}}),$=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(n){const t=n,i=e.computed(()=>t.rules),{errorMessage:l,value:a}=y.useField(()=>t.name,i,{initialValue:t.modelValue,syncVModel:!0}),d=e.computed(()=>new Intl.NumberFormat(t.locale,{style:"currency",currency:t.currency,minimumFractionDigits:t.precision,maximumFractionDigits:t.precision})),o=e.ref(s(t.modelValue));function s(u){return u==null||isNaN(u)?"":d.value.format(u)}function c(u){const p=u.replace(/[^\d,.-]/g,"").replace(/\./g,"").replace(",","."),F=parseFloat(p);return isNaN(F)?null:Math.round(F*Math.pow(10,t.precision))/Math.pow(10,t.precision)}const m=e.ref(!1);function h(u){const p=u.target;o.value=p.value,a.value=c(p.value)}function g(){m.value=!1,o.value=s(a.value)}function V(u){m.value=!0;const p=u.target,F=a.value;F!=null?o.value=F.toFixed(t.precision).replace(".",","):o.value="",setTimeout(()=>p.select(),0)}return e.watch(()=>t.modelValue,u=>{a.value=u,m.value||(o.value=s(u))}),(u,p)=>(e.openBlock(),e.createBlock(e.unref(f.VTextField),e.mergeProps(u.$attrs,{"model-value":o.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:h,onBlur:g,onFocus:V}),null,16,["model-value","name","label","readonly","hide-details","rounded","variant","density","color","error-messages"]))}}),D=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(n){const t=n,i=e.computed(()=>t.rules),{errorMessage:l,value:a}=y.useField(()=>t.name,i,{initialValue:t.modelValue,syncVModel:!0});return(d,o)=>(e.openBlock(),e.createBlock(e.unref(f.VSelect),e.mergeProps(d.$attrs,{modelValue:e.unref(a),"onUpdate:modelValue":o[0]||(o[0]=s=>e.isRef(a)?a.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(l)}),e.createSlots({_:2},[e.renderList(d.$slots,(s,c)=>({name:c,fn:e.withCtx(m=>[e.renderSlot(d.$slots,c,e.normalizeProps(e.guardReactiveProps(m??{})))])}))]),1040,["modelValue","name","items","rounded","variant","density","color","hide-details","return-object","error-messages"]))}}),T=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(n){const t=n,i=e.computed(()=>t.rules),{errorMessage:l,value:a}=y.useField(()=>t.name,i,{initialValue:t.modelValue,syncVModel:!0});return(d,o)=>(e.openBlock(),e.createBlock(e.unref(f.VNumberInput),e.mergeProps(d.$attrs,{modelValue:e.unref(a),"onUpdate:modelValue":o[0]||(o[0]=s=>e.isRef(a)?a.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(l)}),null,16,["modelValue","name","color","density","rounded","variant","control-variant","hide-details","placeholder","label","prefix","disabled","readonly","min","precision","inset","error-messages"]))}}),w={key:0},R={key:1},M=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(n){const t=n,i=e.useModel(n,"modelValue");return(l,a)=>(e.openBlock(),e.createBlock(e.unref(f.VSwitch),e.mergeProps(l.$attrs,{modelValue:i.value,"onUpdate:modelValue":a[0]||(a[0]=d=>i.value=d),color:t.color,"hide-details":t.hideDetails,density:t.density}),e.createSlots({_:2},[t.labelTrue||t.labelFalse?{name:"label",fn:e.withCtx(()=>[i.value?(e.openBlock(),e.createElementBlock("span",w,e.toDisplayString(t.labelTrue),1)):(e.openBlock(),e.createElementBlock("span",R,e.toDisplayString(t.labelFalse),1))]),key:"0"}:void 0]),1040,["modelValue","color","hide-details","density"]))}}),x={install(n){n.component("FButton",b),n.component("FTextField",B),n.component("FDataTable",k),n.component("FTextarea",S),n.component("FAutocomplete",_),n.component("FCheckbox",C),n.component("FCurrencyField",$),n.component("FSelect",D),n.component("FNumberField",T),n.component("FSwitch",M)}};r.FAutocomplete=_,r.FButton=b,r.FCheckbox=C,r.FCurrencyField=$,r.FDataTable=k,r.FNumberField=T,r.FSelect=D,r.FSwitch=M,r.FTextField=B,r.FTextarea=S,r.default=x,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

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