vlite3 0.4.6 → 0.4.7

package/components/Form/composables/useForm.js

@@ -1,147 +1,152 @@
-import { ref as v, computed as K, watch as L } from "vue";
-import { initializeFormValues as B, deepClone as m, cleanSubmitValues as Q, getNestedValue as M, evaluateConditional as w, setNestedValue as x, collectFileFields as W, filterNullCustomFields as X } from "../utils/form.utils.js";
+import { ref as p, computed as J, watch as K } from "vue";
+import { initializeFormValues as B, deepClone as m, cleanSubmitValues as Q, getNestedValue as M, evaluateConditional as x, setNestedValue as h, collectFileFields as W, filterNullCustomFields as X } from "../utils/form.utils.js";
 import { useFileUpload as Y } from "./useFileUpload.js";
-function te(b) {
-  const { schema: o, values: U, isUpdate: F = !1, folderId: g, onSubmit: j } = b, { handleUploadFile: E } = Y(), t = v(B(o, U)), u = v({}), h = v(!1), d = v(!1), V = v(m(t.value)), y = K(() => o ? Array.isArray(o[0]) ? o.flat() : o : []);
-  L(
+import { $t as Z } from "../../../utils/i18n.js";
+function re(V) {
+  const { schema: u, values: U, isUpdate: F = !1, folderId: j, onSubmit: E } = V, { handleUploadFile: C } = Y(), i = p(B(u, U)), c = p({}), S = p(!1), d = p(!1), A = p(m(i.value)), y = J(() => u ? Array.isArray(u[0]) ? u.flat() : u : []);
+  K(
     () => U,
     (e) => {
-      e && (t.value = B(o, e), V.value = m(t.value), d.value = !1);
+      e && (i.value = B(u, e), A.value = m(i.value), d.value = !1);
     },
     { deep: !0 }
   );
-  const S = () => ({
-    values: t.value,
+  const z = () => ({
+    values: i.value,
     isUpdate: F
-  }), C = (e) => M(t.value, e), T = (e) => u.value[e] || "", N = (e, l) => {
-    l ? u.value[e] = l : delete u.value[e];
-  }, A = () => {
-    u.value = {};
-  }, O = (e) => e.when ? w(e.when, S()) : !0, D = (e) => w(e.disabled, S()), I = (e) => w(e.readonly, S()), P = (e) => {
-    const l = C(e.name);
+  }), N = (e) => M(i.value, e), T = (e) => c.value[e] || "", O = (e, l) => {
+    l ? c.value[e] = l : delete c.value[e];
+  }, w = () => {
+    c.value = {};
+  }, $ = (e) => e.when ? x(e.when, z()) : !0, D = (e) => x(e.disabled, z()), L = (e) => x(e.readonly, z()), P = (e) => {
+    const l = N(e.name);
     let a = "";
-    if (e.required && (l == null || l === "" || Array.isArray(l) && l.length === 0) && (a = `${e.label || e.name} is required`), !a && e.maxFileSize) {
-      const i = e.maxFileSize * 1024 * 1024;
+    const o = e.labelI18n ? Z(e.labelI18n) : typeof e.label == "string" ? e.label : e.name;
+    if (e.required && (l == null || l === "" || Array.isArray(l) && l.length === 0) && (a = `${o} is required`), !a && e.maxFileSize) {
+      const r = e.maxFileSize * 1024 * 1024;
       if (l != null && l !== "") {
-        const n = Array.isArray(l) ? l : [l];
-        for (const s of n) {
-          const c = s instanceof File ? s.size : s?.fileSize || s?.file?.size || s?.size;
-          if (c !== void 0 && c > i) {
-            a = `${e.label || e.name} size must be less than ${e.maxFileSize}MB`;
+        const t = Array.isArray(l) ? l : [l];
+        for (const n of t) {
+          const s = n instanceof File ? n.size : n?.fileSize || n?.file?.size || n?.size;
+          if (s !== void 0 && s > r) {
+            a = `${o} size must be less than ${e.maxFileSize}MB`;
             break;
           }
         }
       }
     }
     if (!a && (e.type === "file" || e.type === "fileUploader") && (e.props?.multiple || e.maxFiles)) {
-      const i = e.maxFiles || e.props?.maxFiles;
-      i && Array.isArray(l) && l.length > i && (a = `Maximum ${i} files allowed`);
+      const r = e.maxFiles || e.props?.maxFiles;
+      r && Array.isArray(l) && l.length > r && (a = `Maximum ${r} files allowed`);
     }
     return !a && e.validation && (a = e.validation({
       value: l,
-      values: t.value,
+      values: i.value,
       isUpdate: F
-    })), a ? u.value[e.name] = a : delete u.value[e.name], a;
-  }, $ = () => {
-    A();
+    })), a ? c.value[e.name] = a : delete c.value[e.name], a;
+  }, I = () => {
+    w();
     let e = !0;
     for (const l of y.value) {
-      if (!O(l) || D(l)) continue;
+      if (!$(l) || D(l)) continue;
       P(l) && (e = !1);
     }
     return e;
   }, R = (e, l, a) => {
-    t.value = x(t.value, e, l), d.value = !0, delete u.value[e];
-    const i = y.value.find((n) => n.name === e);
-    if (i?.updateValues) {
-      const n = i.updateValues({
-        values: t.value,
+    i.value = h(i.value, e, l), d.value = !0, delete c.value[e];
+    const o = y.value.find((r) => r.name === e);
+    if (o?.updateValues) {
+      const r = o.updateValues({
+        values: i.value,
         data: a,
         isUpdate: F,
-        updateError: N
+        updateError: O
       });
-      n && typeof n == "object" && (t.value = { ...t.value, ...n });
+      r && typeof r == "object" && (i.value = { ...i.value, ...r });
     }
   }, G = async () => {
-    const e = m(t.value), l = W(o, e), a = (s, c) => {
-      let r = null;
-      return s instanceof File ? r = s : s && typeof s == "object" && s.file instanceof File && (r = s.file), {
-        fileName: s?.fileName || r?.name || c.split("/").pop() || "unknown",
-        fileUrl: c,
-        fileType: s?.fileType || r?.type || "application/octet-stream",
-        fileSize: s?.fileSize || r?.size || 0
+    const e = m(i.value), l = W(u, e), a = (t, n) => {
+      let s = null;
+      t instanceof File ? s = t : t && typeof t == "object" && t.file instanceof File && (s = t.file);
+      const b = {
+        ...typeof t == "object" ? t : {},
+        fileName: t?.fileName || s?.name || n.split("/").pop() || "unknown",
+        fileUrl: n,
+        fileType: t?.fileType || s?.type || "application/octet-stream",
+        fileSize: t?.fileSize || s?.size || 0
       };
-    }, i = l.map(async (s) => {
-      const { name: c, value: r, field: J } = s, k = J.returnFileObject === !0;
-      if (Array.isArray(r)) {
-        const q = r.map(async (f) => {
+      return delete b.file, b;
+    }, o = l.map(async (t) => {
+      const { name: n, value: s, field: b } = t, k = b.returnFileObject === !0;
+      if (Array.isArray(s)) {
+        const q = s.map(async (f) => {
           if (f instanceof File || f && typeof f == "object" && f.file instanceof File) {
-            const z = await E(f, g);
-            return z ? k ? a(f, z) : z : null;
+            const g = await C(f, j);
+            return g ? k ? a(f, g) : g : null;
           }
           return f;
-        }), p = await Promise.all(q);
-        return { name: c, value: p };
+        }), v = await Promise.all(q);
+        return { name: n, value: v };
       } else {
-        if (r instanceof File || r && typeof r == "object" && r.file instanceof File) {
-          const p = await E(r, g);
-          if (p)
-            return { name: c, value: k ? a(r, p) : p };
+        if (s instanceof File || s && typeof s == "object" && s.file instanceof File) {
+          const v = await C(s, j);
+          if (v)
+            return { name: n, value: k ? a(s, v) : v };
         }
         return null;
       }
     });
-    return (await Promise.all(i)).forEach((s) => {
-      s && Object.assign(e, x(e, s.name, s.value));
+    return (await Promise.all(o)).forEach((t) => {
+      t && (Object.assign(e, h(e, t.name, t.value)), i.value = h(i.value, t.name, t.value));
     }), e;
   }, H = (e) => {
     const l = { ...e };
     for (const a of y.value)
       if (a.type === "customFields" && a.props?.schema) {
-        const i = M(l, a.name);
-        if (Array.isArray(i)) {
-          const n = X(i, a.props.schema);
-          Object.assign(l, x(l, a.name, n));
+        const o = M(l, a.name);
+        if (Array.isArray(o)) {
+          const r = X(o, a.props.schema);
+          Object.assign(l, h(l, a.name, r));
         }
       }
     return l;
   };
   return {
-    formValues: t,
-    errors: u,
-    isSubmitting: h,
+    formValues: i,
+    errors: c,
+    isSubmitting: S,
     isDirty: d,
     handleFieldChange: R,
     validateField: P,
-    validateAll: $,
-    isFieldVisible: O,
+    validateAll: I,
+    isFieldVisible: $,
     isFieldDisabled: D,
-    isFieldReadonly: I,
-    getFieldValue: C,
+    isFieldReadonly: L,
+    getFieldValue: N,
     getFieldError: T,
-    setFieldError: N,
-    clearErrors: A,
+    setFieldError: O,
+    clearErrors: w,
     resetForm: () => {
-      t.value = m(V.value), A(), d.value = !1;
+      i.value = m(A.value), w(), d.value = !1;
     },
     handleSubmit: async () => {
-      if ($()) {
-        h.value = !0;
+      if (I()) {
+        S.value = !0;
         try {
           let l = await G();
           l = H(l), l = Q(
             l,
-            o,
-            b.emitFields,
-            b.emitFields
-          ), j && await j({
+            u,
+            V.emitFields,
+            V.emitFields
+          ), E && await E({
             values: l,
             isUpdate: F
-          }), d.value = !1, V.value = m(l);
+          }), d.value = !1, A.value = m(l);
         } catch (l) {
           throw console.error("[useForm] Submit error:", l), l;
         } finally {
-          h.value = !1;
+          S.value = !1;
         }
       }
     },
@@ -149,5 +154,5 @@ function te(b) {
   };
 }
 export {
-  te as useForm
+  re as useForm
 };

package/components/Form/types.d.ts

@@ -85,8 +85,12 @@ export interface IForm {
     transform?: (value: any, formValues: Record<string, any>) => any;
     /** Field label - can be string or Vue component */
     label?: string | Component;
+    /** I18n translation key for the label */
+    labelI18n?: string;
     /** Placeholder text */
     placeholder?: string;
+    /** I18n translation key for the placeholder */
+    placeholderI18n?: string;
     /** Field type - determines which component renders */
     type?: IFormFieldType;
     /** Initial/default value - can be static or function */

package/components/GoogleLogin.vue.d.ts

@@ -1,5 +1,6 @@
 export interface GoogleLoginProps {
     buttonText?: string;
+    buttonTextI18n?: string;
     btnClass?: string;
     variant?: any;
     size?: any;
@@ -30,7 +31,6 @@ declare const __VLS_component: import('vue').DefineComponent<GoogleLoginProps, {
     size: any;
     variant: any;
     rounded: any;
-    buttonText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/components/GoogleLogin.vue.js

@@ -1,10 +1,12 @@
-import { defineComponent as d, ref as u, openBlock as c, createElementBlock as f, renderSlot as m, createVNode as g, normalizeClass as v, unref as b, withCtx as C, createElementVNode as h, toDisplayString as k } from "vue";
+import { defineComponent as c, ref as f, computed as g, openBlock as m, createElementBlock as b, renderSlot as v, createVNode as x, normalizeClass as T, unref as p, withCtx as C, createElementVNode as h, toDisplayString as k } from "vue";
 import { useTokenClient as w } from "vue3-google-signin";
-import z from "./Button.vue.js";
-const x = { class: "google-login-wrapper inline-block w-full" }, y = { class: "font-medium" }, T = /* @__PURE__ */ d({
+import y from "./Button.vue.js";
+import { $t as i } from "../utils/i18n.js";
+const z = { class: "google-login-wrapper inline-block w-full" }, L = { class: "font-medium" }, G = /* @__PURE__ */ c({
   __name: "GoogleLogin",
   props: {
-    buttonText: { default: "Sign in with Google" },
+    buttonText: {},
+    buttonTextI18n: {},
     btnClass: {},
     variant: { default: "outline" },
     size: { default: "md" },
@@ -12,42 +14,47 @@ const x = { class: "google-login-wrapper inline-block w-full" }, y = { class: "f
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["success", "error"],
-  setup(e, { emit: n }) {
-    const s = e, a = n, l = u(!1), { login: i, isReady: r } = w({
-      onSuccess: (o) => {
-        l.value = !1, a("success", o);
+  setup(o, { emit: s }) {
+    const n = o, l = s, t = f(!1), { login: r, isReady: u } = w({
+      onSuccess: (e) => {
+        t.value = !1, l("success", e);
       },
-      onError: (o) => {
-        l.value = !1, a("error", o);
+      onError: (e) => {
+        t.value = !1, l("error", e);
       }
-    }), t = () => {
-      if (!(s.disabled || l.value)) {
-        l.value = !0;
+    }), a = () => {
+      if (!(n.disabled || t.value)) {
+        t.value = !0;
         try {
-          i();
-        } catch (o) {
-          l.value = !1, a("error", o);
+          r();
+        } catch (e) {
+          t.value = !1, l("error", e);
         }
       }
-    };
-    return (o, S) => (c(), f("div", x, [
-      m(o.$slots, "default", {
-        login: t,
-        loading: l.value,
-        disabled: e.disabled
+    }, d = g(() => {
+      if (n.buttonTextI18n) return i(n.buttonTextI18n);
+      if (n.buttonText) return n.buttonText;
+      const e = i("vlite.googleLogin.buttonText");
+      return e !== "vlite.googleLogin.buttonText" ? e : "Sign in with Google";
+    });
+    return (e, B) => (m(), b("div", z, [
+      v(e.$slots, "default", {
+        login: a,
+        loading: t.value,
+        disabled: o.disabled
       }, () => [
-        g(z, {
-          variant: e.variant,
-          size: e.size,
-          rounded: e.rounded,
-          disabled: !b(r) || e.disabled || l.value,
-          loading: l.value,
-          class: v([e.btnClass, "w-full"]),
+        x(y, {
+          variant: o.variant,
+          size: o.size,
+          rounded: o.rounded,
+          disabled: !p(u) || o.disabled || t.value,
+          loading: t.value,
+          class: T([o.btnClass, "w-full"]),
           icon: "flat-color-icons:google",
-          onClick: t
+          onClick: a
         }, {
           default: C(() => [
-            h("span", y, k(e.buttonText), 1)
+            h("span", L, k(d.value), 1)
           ]),
           _: 1
         }, 8, ["variant", "size", "rounded", "disabled", "loading", "class"])
@@ -56,5 +63,5 @@ const x = { class: "google-login-wrapper inline-block w-full" }, y = { class: "f
   }
 });
 export {
-  T as default
+  G as default
 };

package/components/Heatmap/Heatmap.vue2.js

@@ -1,6 +1,7 @@
 import { defineComponent as te, ref as p, computed as c, onMounted as ae, nextTick as U, onUnmounted as le, watch as oe, openBlock as d, createElementBlock as m, normalizeClass as z, createElementVNode as b, normalizeStyle as k, Fragment as E, renderList as W, createBlock as ne, withCtx as se, toDisplayString as j, createCommentVNode as I } from "vue";
 import ie from "../Tooltip.vue.js";
 import { debounce as re } from "../../utils/functions.js";
+import "../../core/config.js";
 const ue = ["onClick", "onMouseenter"], ce = {
   key: 0,
   class: "heatmap-cell-label"
@@ -10,7 +11,7 @@ const ue = ["onClick", "onMouseenter"], ce = {
 }, ve = {
   key: 0,
   class: "heatmap-legend"
-}, me = { class: "heatmap-legend-colors" }, ge = ["title"], ye = /* @__PURE__ */ te({
+}, me = { class: "heatmap-legend-colors" }, ge = ["title"], xe = /* @__PURE__ */ te({
   __name: "Heatmap",
   props: {
     data: {},
@@ -322,5 +323,5 @@ const ue = ["onClick", "onMouseenter"], ce = {
   }
 });
 export {
-  ye as default
+  xe as default
 };

package/components/IconPicker.vue.d.ts

@@ -4,6 +4,8 @@ interface Props {
     btnProps?: ButtonProps;
     value?: string;
     position?: TooltTipPlacement;
+    placeholder?: string;
+    placeholderI18n?: string;
 }
 declare function __VLS_template(): {
     attrs: Partial<{}>;

package/components/IconPicker.vue.js

@@ -1,23 +1,31 @@
-import { defineComponent as p, ref as f, openBlock as b, createBlock as g, unref as n, withCtx as a, renderSlot as l, createVNode as s, mergeProps as v } from "vue";
-import w from "./Dropdown/Dropdown.vue.js";
+import { defineComponent as g, ref as v, computed as w, openBlock as k, createBlock as y, unref as a, withCtx as n, renderSlot as c, createVNode as s, mergeProps as P } from "vue";
+import $ from "./Dropdown/Dropdown.vue.js";
 import "@iconify/vue";
-import y from "./Button.vue.js";
-import k from "iconify-icon-picker";
+import { $t as d } from "../utils/i18n.js";
+import C from "./Button.vue.js";
+import I from "iconify-icon-picker";
 import "iconify-icon-picker/style.css";
-const O = /* @__PURE__ */ p({
+const z = /* @__PURE__ */ g({
   __name: "IconPicker",
   props: {
     btnProps: {},
     value: { default: "tabler:icons-filled" },
-    position: { default: "bottom" }
+    position: { default: "bottom" },
+    placeholder: {},
+    placeholderI18n: {}
   },
   emits: ["onSelect", "onTrigger", "onClose"],
-  setup(r, { emit: c }) {
-    const t = c, m = f(!1), i = () => {
+  setup(o, { emit: u }) {
+    const t = o, i = u, m = v(!1), l = () => {
       m.value = !1;
-    }, d = (o, e) => {
-      t("onSelect", o, e), i();
-    }, u = [
+    }, h = (e, r) => {
+      i("onSelect", e, r), l();
+    }, p = w(() => {
+      if (t.placeholderI18n) return d(t.placeholderI18n);
+      if (t.placeholder) return t.placeholder;
+      const e = d("vlite.iconPicker.search");
+      return e !== "vlite.iconPicker.search" ? e : "Search 1000+ icons...";
+    }), f = [
       "ri:alert-line",
       "heroicons:arrow-right",
       "lucide:arrow-left",
@@ -87,38 +95,38 @@ const O = /* @__PURE__ */ p({
       "tabler:ruler-2",
       "material-symbols:download-rounded"
     ];
-    return (o, e) => (b(), g(n(w), {
+    return (e, r) => (k(), y(a($), {
       className: "max-h-[392px]! min-w-[250px]",
-      onOnClose: e[1] || (e[1] = (h) => t("onClose")),
-      position: r.position
+      onOnClose: r[1] || (r[1] = (b) => i("onClose")),
+      position: o.position
     }, {
-      trigger: a(() => [
-        l(o.$slots, "default", {}, () => [
-          s(y, v({
-            icon: r.value,
+      trigger: n(() => [
+        c(e.$slots, "default", {}, () => [
+          s(C, P({
+            icon: o.value,
             rounded: "md",
             variant: "outline",
-            ...r.btnProps || {}
+            ...o.btnProps || {}
           }, {
-            onClick: e[0] || (e[0] = (h) => t("onTrigger"))
+            onClick: r[0] || (r[0] = (b) => i("onTrigger"))
           }), null, 16)
         ])
       ]),
-      menu: a(() => [
-        l(o.$slots, "menu-top", { close: i }),
-        s(n(k), {
+      menu: n(() => [
+        c(e.$slots, "menu-top", { close: l }),
+        s(a(I), {
           id: "icon-picker",
-          placeholder: "Search 1000+ icons...",
+          placeholder: p.value,
           "items-per-page": 35,
-          value: r.value,
-          onOnSelect: d,
-          defaultIcons: u
-        }, null, 8, ["value"])
+          value: o.value,
+          onOnSelect: h,
+          defaultIcons: f
+        }, null, 8, ["placeholder", "value"])
       ]),
       _: 3
     }, 8, ["position"]));
   }
 });
 export {
-  O as default
+  z as default
 };

package/components/Input.vue.d.ts

@@ -32,8 +32,8 @@ declare const __VLS_component: import('vue').DefineComponent<InputProps, {}, {},
     size: InputSize;
     variant: InputVariant;
     modelValue: string | number;
-    loading: boolean;
     rounded: InputRounded;
+    loading: boolean;
     rows: number;
     showClearButton: boolean;
     autofocus: boolean;