finso-vue-components 0.3.0 → 0.4.1

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

@@ -0,0 +1,39 @@
+import { type GenericValidateFunction } from 'vee-validate';
+export interface FNumberFieldProps {
+    name: string;
+    rounded?: string;
+    variant?: 'outlined' | 'plain' | 'underlined' | 'filled';
+    density?: 'default' | 'comfortable' | 'compact';
+    controlVariant?: 'default' | 'stacked' | 'split';
+    color?: string;
+    label?: string;
+    placeholder?: string;
+    prefix?: string;
+    hideDetails?: boolean | 'auto';
+    disabled?: boolean;
+    readonly?: boolean;
+    min?: number;
+    precision?: number;
+    inset?: boolean;
+    modelValue?: number;
+    rules?: string | GenericValidateFunction<any>;
+}
+declare const _default: import("vue").DefineComponent<FNumberFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FNumberFieldProps> & Readonly<{}>, {
+    color: string;
+    rounded: string;
+    density: "default" | "comfortable" | "compact";
+    variant: "outlined" | "plain" | "underlined" | "filled";
+    disabled: boolean;
+    readonly: boolean;
+    placeholder: string;
+    hideDetails: boolean | "auto";
+    modelValue: number;
+    rules: string | GenericValidateFunction<any>;
+    label: string;
+    prefix: string;
+    min: number;
+    precision: number;
+    controlVariant: "default" | "stacked" | "split";
+    inset: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

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

@@ -0,0 +1,23 @@
+export interface FSwitchProps {
+    color?: string;
+    density?: 'default' | 'comfortable' | 'compact';
+    hideDetails?: boolean | 'auto';
+    labelTrue?: string;
+    labelFalse?: string;
+}
+type __VLS_Props = FSwitchProps;
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    color: string;
+    density: "default" | "comfortable" | "compact";
+    hideDetails: boolean | "auto";
+    labelTrue: string;
+    labelFalse: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

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

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

package/dist/finso-vue-components.js

@@ -1,8 +1,8 @@
-import { defineComponent as i, resolveComponent as T, openBlock as c, createBlock as m, computed as h, withDirectives as S, unref as o, mergeProps as f, isRef as b, createSlots as _, renderList as $, withCtx as A, renderSlot as C, normalizeProps as M, guardReactiveProps as k, ref as R, watch as B } from "vue";
-import { VTextField as D, VDataTable as w, VTextarea as I, VAutocomplete as j, VCheckbox as N, VSelect as P } from "vuetify/components";
-import { vMaska as z } from "maska/vue";
-import { useField as v } from "vee-validate";
-const U = /* @__PURE__ */ i({
+import { defineComponent as c, resolveComponent as k, openBlock as i, createBlock as m, computed as h, withDirectives as A, unref as o, mergeProps as p, isRef as g, createSlots as D, renderList as w, withCtx as x, renderSlot as C, normalizeProps as N, guardReactiveProps as R, ref as B, watch as I, useModel as j, createElementBlock as S, toDisplayString as _, mergeModels as P } from "vue";
+import { VTextField as T, VDataTable as U, VTextarea as z, VAutocomplete as O, VCheckbox as E, VSelect as L, VNumberInput as Y, VSwitch as q } from "vuetify/components";
+import { vMaska as G } from "maska/vue";
+import { useField as F } from "vee-validate";
+const H = /* @__PURE__ */ c({
   __name: "FButton",
   props: {
     color: { default: "primary" },
@@ -10,15 +10,15 @@ const U = /* @__PURE__ */ i({
   },
   setup(t) {
     const e = t;
-    return (s, a) => {
-      const n = T("v-btn");
-      return c(), m(n, {
+    return (r, l) => {
+      const a = k("v-btn");
+      return i(), m(a, {
         color: e.color,
         rounded: e.rounded
       }, null, 8, ["color", "rounded"]);
     };
   }
-}), O = /* @__PURE__ */ i({
+}), J = /* @__PURE__ */ c({
   name: "FTextField",
   inheritAttrs: !1,
   __name: "FTextField",
@@ -37,13 +37,13 @@ const U = /* @__PURE__ */ i({
   },
   emits: ["clickAppendInner"],
   setup(t) {
-    const e = t, s = h(() => e.rules), { errorMessage: a, value: n } = v(() => e.name, s, {
+    const e = t, r = h(() => e.rules), { errorMessage: l, value: a } = F(() => e.name, r, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (d, l) => S((c(), m(o(D), f(d.$attrs, {
-      modelValue: o(n),
-      "onUpdate:modelValue": l[0] || (l[0] = (u) => b(n) ? n.value = u : null),
+    return (d, n) => A((i(), m(o(T), p(d.$attrs, {
+      modelValue: o(a),
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => g(a) ? a.value = s : null),
       name: e.name,
       color: e.color,
       density: e.density,
@@ -51,14 +51,14 @@ const U = /* @__PURE__ */ i({
       variant: e.variant,
       clearable: e.clearable,
       "hide-details": e.hideDetails,
-      "error-messages": o(a),
+      "error-messages": o(l),
       "append-inner-icon": e.appendInnerIcon,
-      "onClick:appendInner": l[1] || (l[1] = (u) => d.$emit("clickAppendInner"))
+      "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"])), [
-      [o(z), e.mask]
+      [o(G), e.mask]
     ]);
   }
-}), L = /* @__PURE__ */ i({
+}), K = /* @__PURE__ */ c({
   name: "FDataTable",
   inheritAttrs: !1,
   __name: "FDataTable",
@@ -72,7 +72,7 @@ const U = /* @__PURE__ */ i({
     density: { default: "default" }
   },
   setup(t) {
-    return (e, s) => (c(), m(o(w), f(e.$attrs, {
+    return (e, r) => (i(), m(o(U), p(e.$attrs, {
       headers: t.headers,
       items: t.items,
       loading: t.loading,
@@ -80,16 +80,16 @@ const U = /* @__PURE__ */ i({
       "items-per-page": t.itemsPerPage,
       hover: t.hover,
       density: t.density
-    }), _({ _: 2 }, [
-      $(e.$slots, (a, n) => ({
-        name: n,
-        fn: A((d) => [
-          C(e.$slots, n, M(k(d ?? {})))
+    }), D({ _: 2 }, [
+      w(e.$slots, (l, a) => ({
+        name: a,
+        fn: x((d) => [
+          C(e.$slots, a, N(R(d ?? {})))
         ])
       }))
     ]), 1040, ["headers", "items", "loading", "search", "items-per-page", "hover", "density"]));
   }
-}), Y = /* @__PURE__ */ i({
+}), Q = /* @__PURE__ */ c({
   name: "FTextarea",
   inheritAttrs: !1,
   __name: "FTextarea",
@@ -107,13 +107,13 @@ const U = /* @__PURE__ */ i({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, s = h(() => e.rules), { errorMessage: a, value: n } = v(() => e.name, s, {
+    const e = t, r = h(() => e.rules), { errorMessage: l, value: a } = F(() => e.name, r, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (d, l) => (c(), m(o(I), f(d.$attrs, {
-      modelValue: o(n),
-      "onUpdate:modelValue": l[0] || (l[0] = (u) => b(n) ? n.value = u : null),
+    return (d, n) => (i(), m(o(z), p(d.$attrs, {
+      modelValue: o(a),
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => g(a) ? a.value = s : null),
       name: e.name,
       rounded: e.rounded,
       variant: e.variant,
@@ -123,10 +123,10 @@ const U = /* @__PURE__ */ i({
       label: e.label,
       "hide-details": e.hideDetails,
       "no-resize": e.noResize,
-      "error-messages": o(a)
+      "error-messages": o(l)
     }), null, 16, ["modelValue", "name", "rounded", "variant", "rows", "density", "color", "label", "hide-details", "no-resize", "error-messages"]));
   }
-}), q = /* @__PURE__ */ i({
+}), W = /* @__PURE__ */ c({
   name: "FAutocomplete",
   inheritAttrs: !1,
   __name: "FAutocomplete",
@@ -146,33 +146,33 @@ const U = /* @__PURE__ */ i({
   },
   emits: ["change"],
   setup(t, { emit: e }) {
-    const s = e, a = t, n = h(() => a.rules), { errorMessage: d, value: l } = v(() => a.name, n, {
-      initialValue: a.modelValue,
+    const r = e, l = t, a = h(() => l.rules), { errorMessage: d, value: n } = F(() => l.name, a, {
+      initialValue: l.modelValue,
       syncVModel: !0
     });
-    function u(g) {
-      s("change", g);
+    function s(v) {
+      r("change", v);
     }
-    return (g, y) => (c(), m(o(j), f(g.$attrs, {
-      modelValue: o(l),
+    return (v, f) => (i(), m(o(O), p(v.$attrs, {
+      modelValue: o(n),
       "onUpdate:modelValue": [
-        y[0] || (y[0] = (V) => b(l) ? l.value = V : null),
-        y[1] || (y[1] = (V) => u(o(l)))
+        f[0] || (f[0] = (V) => g(n) ? n.value = V : null),
+        f[1] || (f[1] = (V) => s(o(n)))
       ],
-      name: a.name,
-      items: a.items,
-      rounded: a.rounded,
-      variant: a.variant,
-      density: a.density,
-      color: a.color,
-      clearable: a.clearable,
-      "hide-details": a.hideDetails,
-      "return-object": a.returnObject,
-      "no-data-text": a.noDataText,
+      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": o(d)
     }), null, 16, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "clearable", "hide-details", "return-object", "no-data-text", "error-messages"]));
   }
-}), E = /* @__PURE__ */ i({
+}), X = /* @__PURE__ */ c({
   name: "FCheckbox",
   inheritAttrs: !1,
   __name: "FCheckbox",
@@ -184,14 +184,14 @@ const U = /* @__PURE__ */ i({
   },
   setup(t) {
     const e = t;
-    return (s, a) => (c(), m(o(N), f(s.$attrs, {
+    return (r, l) => (i(), m(o(E), p(r.$attrs, {
       color: e.color,
       "hide-details": e.hideDetails,
       indeterminate: e.indeterminate,
       density: e.density
     }), null, 16, ["color", "hide-details", "indeterminate", "density"]));
   }
-}), G = /* @__PURE__ */ i({
+}), Z = /* @__PURE__ */ c({
   name: "FCurrencyField",
   inheritAttrs: !1,
   __name: "FCurrencyField",
@@ -211,7 +211,7 @@ const U = /* @__PURE__ */ i({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, s = h(() => e.rules), { errorMessage: a, value: n } = v(() => e.name, s, {
+    const e = t, r = h(() => e.rules), { errorMessage: l, value: a } = F(() => e.name, r, {
       initialValue: e.modelValue,
       syncVModel: !0
     }), d = h(
@@ -221,31 +221,31 @@ const U = /* @__PURE__ */ i({
         minimumFractionDigits: e.precision,
         maximumFractionDigits: e.precision
       })
-    ), l = R(u(e.modelValue));
-    function u(r) {
-      return r == null || isNaN(r) ? "" : d.value.format(r);
+    ), n = B(s(e.modelValue));
+    function s(u) {
+      return u == null || isNaN(u) ? "" : d.value.format(u);
     }
-    function g(r) {
-      const F = r.replace(/[^\d,.-]/g, "").replace(/\./g, "").replace(",", "."), p = parseFloat(F);
-      return isNaN(p) ? null : Math.round(p * Math.pow(10, e.precision)) / Math.pow(10, e.precision);
+    function v(u) {
+      const y = u.replace(/[^\d,.-]/g, "").replace(/\./g, "").replace(",", "."), b = parseFloat(y);
+      return isNaN(b) ? null : Math.round(b * Math.pow(10, e.precision)) / Math.pow(10, e.precision);
     }
-    function y(r) {
-      const F = r.target, p = g(F.value);
-      n.value = p;
+    const f = B(!1);
+    function V(u) {
+      const y = u.target;
+      n.value = y.value, a.value = v(y.value);
     }
-    function V() {
-      l.value = u(n.value);
+    function $() {
+      f.value = !1, n.value = s(a.value);
     }
-    function x(r) {
-      const F = r.target, p = n.value;
-      p != null && (l.value = p.toFixed(e.precision).replace(".", ",")), setTimeout(() => F.select(), 0);
+    function M(u) {
+      f.value = !0;
+      const y = u.target, b = a.value;
+      b != null ? n.value = b.toFixed(e.precision).replace(".", ",") : n.value = "", setTimeout(() => y.select(), 0);
     }
-    return B(() => e.modelValue, (r) => {
-      n.value = r, l.value = u(r);
-    }), B(n, (r) => {
-      l.value = u(r);
-    }), (r, F) => (c(), m(o(D), f(r.$attrs, {
-      "model-value": l.value,
+    return I(() => e.modelValue, (u) => {
+      a.value = u, f.value || (n.value = s(u));
+    }), (u, y) => (i(), m(o(T), p(u.$attrs, {
+      "model-value": n.value,
       name: e.name,
       label: e.label,
       readonly: e.readonly,
@@ -254,14 +254,14 @@ const U = /* @__PURE__ */ i({
       variant: e.variant,
       density: e.density,
       color: e.color,
-      "error-messages": o(a),
+      "error-messages": o(l),
       inputmode: "decimal",
-      onInput: y,
-      onBlur: V,
-      onFocus: x
+      onInput: V,
+      onBlur: $,
+      onFocus: M
     }), null, 16, ["model-value", "name", "label", "readonly", "hide-details", "rounded", "variant", "density", "color", "error-messages"]));
   }
-}), H = /* @__PURE__ */ i({
+}), ee = /* @__PURE__ */ c({
   name: "FSelect",
   inheritAttrs: !1,
   __name: "FSelect",
@@ -278,13 +278,13 @@ const U = /* @__PURE__ */ i({
     rules: { type: [String, Function], default: "" }
   },
   setup(t) {
-    const e = t, s = h(() => e.rules), { errorMessage: a, value: n } = v(() => e.name, s, {
+    const e = t, r = h(() => e.rules), { errorMessage: l, value: a } = F(() => e.name, r, {
       initialValue: e.modelValue,
       syncVModel: !0
     });
-    return (d, l) => (c(), m(o(P), f(d.$attrs, {
-      modelValue: o(n),
-      "onUpdate:modelValue": l[0] || (l[0] = (u) => b(n) ? n.value = u : null),
+    return (d, n) => (i(), m(o(L), p(d.$attrs, {
+      modelValue: o(a),
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => g(a) ? a.value = s : null),
       name: e.name,
       items: e.items,
       rounded: e.rounded,
@@ -293,22 +293,106 @@ const U = /* @__PURE__ */ i({
       color: e.color,
       "hide-details": e.hideDetails,
       "return-object": e.returnObject,
-      "error-messages": o(a)
+      "error-messages": o(l)
     }), null, 16, ["modelValue", "name", "items", "rounded", "variant", "density", "color", "hide-details", "return-object", "error-messages"]));
   }
-}), X = {
+}), te = /* @__PURE__ */ c({
+  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(t) {
+    const e = t, r = h(() => e.rules), { errorMessage: l, value: a } = F(() => e.name, r, {
+      initialValue: e.modelValue,
+      syncVModel: !0
+    });
+    return (d, n) => (i(), m(o(Y), p(d.$attrs, {
+      modelValue: o(a),
+      "onUpdate:modelValue": n[0] || (n[0] = (s) => g(a) ? a.value = s : null),
+      name: e.name,
+      color: e.color,
+      density: e.density,
+      rounded: e.rounded,
+      variant: e.variant,
+      "control-variant": e.controlVariant,
+      "hide-details": e.hideDetails,
+      placeholder: e.placeholder,
+      label: e.label,
+      prefix: e.prefix,
+      disabled: e.disabled,
+      readonly: e.readonly,
+      min: e.min,
+      precision: e.precision,
+      inset: e.inset,
+      "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__ */ c({
+  name: "FSwitch",
+  inheritAttrs: !1,
+  __name: "FSwitch",
+  props: /* @__PURE__ */ P({
+    color: { default: "secondary" },
+    density: { default: "comfortable" },
+    hideDetails: { type: [Boolean, String], default: "auto" },
+    labelTrue: { default: "" },
+    labelFalse: { default: "" }
+  }, {
+    modelValue: { type: Boolean },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(t) {
+    const e = t, r = j(t, "modelValue");
+    return (l, a) => (i(), m(o(q), p(l.$attrs, {
+      modelValue: r.value,
+      "onUpdate:modelValue": a[0] || (a[0] = (d) => r.value = d),
+      color: e.color,
+      "hide-details": e.hideDetails,
+      density: e.density
+    }), D({ _: 2 }, [
+      e.labelTrue || e.labelFalse ? {
+        name: "label",
+        fn: x(() => [
+          r.value ? (i(), S("span", ae, _(e.labelTrue), 1)) : (i(), S("span", le, _(e.labelFalse), 1))
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["modelValue", "color", "hide-details", "density"]));
+  }
+}), ue = {
   install(t) {
-    t.component("FButton", U), t.component("FTextField", O), t.component("FDataTable", L), t.component("FTextarea", Y), t.component("FAutocomplete", q), t.component("FCheckbox", E), t.component("FCurrencyField", G), t.component("FSelect", H);
+    t.component("FButton", H), t.component("FTextField", J), t.component("FDataTable", K), t.component("FTextarea", Q), t.component("FAutocomplete", W), t.component("FCheckbox", X), t.component("FCurrencyField", Z), t.component("FSelect", ee), t.component("FNumberField", te), t.component("FSwitch", ne);
   }
 };
 export {
-  q as FAutocomplete,
-  U as FButton,
-  E as FCheckbox,
-  G as FCurrencyField,
-  L as FDataTable,
-  H as FSelect,
-  O as FTextField,
-  Y as FTextarea,
-  X as default
+  W as FAutocomplete,
+  H as FButton,
+  X as FCheckbox,
+  Z as FCurrencyField,
+  K as FDataTable,
+  te as FNumberField,
+  ee as FSelect,
+  ne as FSwitch,
+  J as FTextField,
+  Q as FTextarea,
+  ue as default
 };

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

package/dist/index.d.ts

@@ -7,6 +7,8 @@ export { FAutocomplete } from './components/FAutocomplete';
 export { FCheckbox } from './components/FCheckbox';
 export { FCurrencyField } from './components/FCurrencyField';
 export { FSelect } from './components/FSelect';
+export { FNumberField } from './components/FNumberField';
+export { FSwitch } from './components/FSwitch';
 export type { FButtonProps } from './components/FButton';
 export type { FTextFieldProps } from './components/FTextField';
 export type { FDataTableProps, FDataTableHeader } from './components/FDataTable';
@@ -15,6 +17,8 @@ export type { FAutocompleteProps } from './components/FAutocomplete';
 export type { FCheckboxProps } from './components/FCheckbox';
 export type { FCurrencyFieldProps } from './components/FCurrencyField';
 export type { FSelectProps } from './components/FSelect';
+export type { FNumberFieldProps } from './components/FNumberField';
+export type { FSwitchProps } from './components/FSwitch';
 import { FButton } from './components/FButton';
 import { FTextField } from './components/FTextField';
 import { FDataTable } from './components/FDataTable';
@@ -23,6 +27,8 @@ import { FAutocomplete } from './components/FAutocomplete';
 import { FCheckbox } from './components/FCheckbox';
 import { FCurrencyField } from './components/FCurrencyField';
 import { FSelect } from './components/FSelect';
+import { FNumberField } from './components/FNumberField';
+import { FSwitch } from './components/FSwitch';
 declare const FinsoComponents: Plugin;
 export default FinsoComponents;
 declare module 'vue' {
@@ -35,5 +41,7 @@ declare module 'vue' {
         FCheckbox: typeof FCheckbox;
         FCurrencyField: typeof FCurrencyField;
         FSelect: typeof FSelect;
+        FNumberField: typeof FNumberField;
+        FSwitch: typeof FSwitch;
     }
 }

package/package.json

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