@fewangsit/wangsvue-fats 1.0.1-rc.0 → 1.0.1-rc.11

package/multiselect/index.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as z, onMounted as E, onUnmounted as T, inject as U, shallowRef as A, ref as R, reactive as D, computed as h, watch as v, createBlock as V, openBlock as w, withCtx as t, createVNode as i, normalizeClass as F, renderSlot as H, unref as s, mergeProps as k, createSlots as W, normalizeProps as p, guardReactiveProps as f, withModifiers as q, createElementVNode as G, toDisplayString as J, createCommentVNode as K } from "vue";
+import { defineComponent as z, onMounted as E, onUnmounted as T, inject as U, shallowRef as A, ref as R, reactive as D, computed as h, watch as v, createBlock as V, openBlock as w, withCtx as t, createVNode as i, normalizeClass as F, renderSlot as H, unref as r, mergeProps as k, createSlots as W, normalizeProps as p, guardReactiveProps as f, withModifiers as q, createElementVNode as G, toDisplayString as J, createCommentVNode as K } from "vue";
 import { u as Q } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { e as S } from "../buttonbulkaction/ButtonBulkAction.es.js";
-import { u as X } from "../animation/Animation.es.js";
+import { e as S } from "../event-bus/index.es.js";
+import { u as X } from "../plugins/WangsVue.es.js";
 import { f as Y } from "../utils/filterOptions.util.es.js";
 import { a as Z } from "../utils/textFormatter.util.es.js";
 import { s as ee } from "../vendor/primevue/multiselect/multiselect.esm.es.js";
-import { _ as M } from "../button/Button.es.js";
-import { _ as le } from "../fieldwrapper/FieldWrapper.es.js";
-import c from "../icon/index.es.js";
-import { _ as oe } from "../inputgroup/InputGroup.es.js";
-import ae from "../validatormessage/index.es.js";
+import { _ as M } from "../button/index.es.js";
+import { _ as le } from "../fieldwrapper/index.es.js";
+import { _ as c } from "../icon/index.es.js";
+import { _ as oe } from "../inputgroup/index.es.js";
+import { _ as ae } from "../validatormessage/index.es.js";
 const he = /* @__PURE__ */ z({
   __name: "MultiSelect",
   props: {
@@ -45,20 +45,20 @@ const he = /* @__PURE__ */ z({
     });
     const { locale: m } = X("MultiSelect"), n = U("preset", {}).multiselect, u = A(!1), d = R(), a = D({
       value: e.initialValue ? e.initialValue : e.modelValue
-    }), $ = h(() => Y(e.options)), O = h(() => {
+    }), _ = h(() => Y(e.options)), $ = h(() => {
       var l;
       return m.emptySelectionErrorMessage.replace("{label}", e.label).replace(
         "{formattedLabel}",
         (l = Z(e.label)) == null ? void 0 : l.toLowerCase()
       );
-    }), _ = h(() => {
+    }), O = h(() => {
       var l;
       return e.loading ? m.loadingPlaceholder : e.placeholder ?? ((l = m.inputPlaceholder) == null ? void 0 : l.replace("{label}", e.label ?? "").replace("{lowercaseLabel}", (e.label ?? "").toLowerCase()));
     }), x = () => {
       var l;
       e.useValidator && (Object.assign(
         a,
-        Q(e.fieldName ?? "multiSelect", (o) => !(Array.isArray(o) && o.length) && e.mandatory ? typeof e.validatorMessage == "object" && "empty" in e.validatorMessage ? e.validatorMessage.empty : e.validatorMessage ?? O.value : !0)
+        Q(e.fieldName ?? "multiSelect", (o) => !(Array.isArray(o) && o.length) && e.mandatory ? typeof e.validatorMessage == "object" && "empty" in e.validatorMessage ? e.validatorMessage.empty : e.validatorMessage ?? $.value : !0)
       ), (l = e.initialValue) != null && l.length && (a.value = e.initialValue));
     }, g = () => {
       d.value && d.value.show();
@@ -103,11 +103,11 @@ const he = /* @__PURE__ */ z({
           default: t(() => {
             var b;
             return [
-              i(s(ee), k(e, {
+              i(r(ee), k(e, {
                 ref_key: "multiselect",
                 ref: d,
                 modelValue: a.value,
-                "onUpdate:modelValue": o[0] || (o[0] = (r) => a.value = r),
+                "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
                 "aria-describedby": e.label + "error",
                 class: [
                   {
@@ -115,18 +115,18 @@ const he = /* @__PURE__ */ z({
                   }
                 ],
                 display: e.display,
-                "filter-placeholder": e.filterPlaceholder || s(m).filterPlaceholder,
+                "filter-placeholder": e.filterPlaceholder || r(m).filterPlaceholder,
                 "max-selected-labels": e.maxSelectedLabels,
-                options: $.value,
-                placeholder: _.value,
+                options: _.value,
+                placeholder: O.value,
                 "selected-items-label": e.selectedItemsLabel,
                 "show-toggle-all": e.filter,
                 "virtual-scroller-options": (((b = l.options) == null ? void 0 : b.length) ?? 0) > 10 ? { itemSize: 32 } : void 0,
-                onHide: o[1] || (o[1] = (r) => (u.value = !1, l.$emit("hide"))),
-                onShow: o[2] || (o[2] = (r) => (l.$emit("show"), u.value = !0))
+                onHide: o[1] || (o[1] = (s) => (u.value = !1, l.$emit("hide"))),
+                onShow: o[2] || (o[2] = (s) => (l.$emit("show"), u.value = !0))
               }), W({
                 dropdownicon: t(() => [
-                  i(c, p(f(s(n).dropdownicon({ state: { isShowOverlay: u.value } }))), null, 16)
+                  i(c, p(f(r(n).dropdownicon({ state: { isShowOverlay: u.value } }))), null, 16)
                 ]),
                 headercheckboxicon: t(() => [
                   i(c, { icon: "check" })
@@ -135,12 +135,12 @@ const he = /* @__PURE__ */ z({
                   i(c, { icon: "check" })
                 ]),
                 filtericon: t(() => [
-                  i(c, p(f(s(n).filtericon)), null, 16)
+                  i(c, p(f(r(n).filtericon)), null, 16)
                 ]),
-                removetokenicon: t(({ removeCallback: r, item: N }) => [
+                removetokenicon: t(({ removeCallback: s, item: N }) => [
                   i(M, k({
-                    onClick: q((j) => r(j, N), ["stop"])
-                  }, s(n).removeTokenIcon, {
+                    onClick: q((j) => s(j, N), ["stop"])
+                  }, r(n).removeTokenIcon, {
                     icon: "close",
                     rounded: "",
                     severity: "dark",
@@ -148,14 +148,14 @@ const he = /* @__PURE__ */ z({
                   }), null, 16, ["onClick"])
                 ]),
                 loadingicon: t(() => [
-                  i(c, p(f(s(n).loadingicon)), null, 16)
+                  i(c, p(f(r(n).loadingicon)), null, 16)
                 ]),
                 _: 2
               }, [
                 l.loading ? {
                   name: "value",
-                  fn: t(({ placeholder: r }) => [
-                    G("span", p(f(s(n).loadingplaceholder)), J(r), 17)
+                  fn: t(({ placeholder: s }) => [
+                    G("span", p(f(r(n).loadingplaceholder)), J(s), 17)
                   ]),
                   key: "0"
                 } : void 0
@@ -185,5 +185,5 @@ const he = /* @__PURE__ */ z({
   }
 });
 export {
-  he as default
+  he as _
 };

package/overlaypanel/index.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as u, ref as i, createBlock as f, openBlock as c, unref as y, mergeProps as v, withCtx as h, renderSlot as m } from "vue";
-import { e as s } from "../buttonbulkaction/ButtonBulkAction.es.js";
+import { defineComponent as i, ref as u, createBlock as f, openBlock as c, unref as y, mergeProps as v, withCtx as h, renderSlot as m } from "vue";
+import { e as s } from "../event-bus/index.es.js";
 import { s as w } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
-const x = /* @__PURE__ */ u({
+const x = /* @__PURE__ */ i({
   __name: "OverlayPanel",
   props: {
     dismissable: { type: Boolean, default: !0 },
@@ -17,7 +17,7 @@ const x = /* @__PURE__ */ u({
     closeOnEscape: { type: Boolean, default: !0 }
   },
   setup(l, { expose: n }) {
-    const t = +/* @__PURE__ */ new Date(), o = i(), r = l, p = () => {
+    const t = +/* @__PURE__ */ new Date(), o = u(), r = l, p = () => {
       s.off("overlay:show", a);
     }, a = (e) => {
       o.value && e.overlayId !== t && r.dismissableOverlay && o.value.hide();
@@ -30,7 +30,7 @@ const x = /* @__PURE__ */ u({
       o.value.hide();
     }, show: (e) => {
       o.value.show(e);
-    } }), (e, I) => (c(), f(y(w), v(e.$props, {
+    } }), (e, _) => (c(), f(y(w), v(e.$props, {
       id: t,
       ref_key: "op",
       ref: o,
@@ -45,5 +45,5 @@ const x = /* @__PURE__ */ u({
   }
 });
 export {
-  x as default
+  x as _
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.1-rc.0",
+  "version": "1.0.1-rc.11",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",
@@ -12,10 +12,6 @@
       "types": "./wangsvue-fats.d.ts",
       "import": "./wangsvue-fats.es.js"
     },
-    "./**/*": {
-      "types": "./*/index.d.ts",
-      "import": "./*/index.es.js"
-    },
     "./style.css": "./style.css"
   },
   "dependencies": {

package/paginator/index.es.js

@@ -1,6 +1,6 @@
-import { defineComponent as m, mergeModels as i, useModel as c, inject as w, createBlock as u, openBlock as g, unref as p, mergeProps as f, withCtx as r, createVNode as t } from "vue";
+import { defineComponent as m, mergeModels as i, useModel as c, inject as w, createBlock as g, openBlock as u, unref as p, mergeProps as f, withCtx as r, createVNode as t } from "vue";
 import { s as k } from "../vendor/primevue/paginator/paginator.esm.es.js";
-import a from "../icon/index.es.js";
+import { _ as a } from "../icon/index.es.js";
 const R = /* @__PURE__ */ m({
   __name: "Paginator",
   props: /* @__PURE__ */ i({
@@ -20,14 +20,14 @@ const R = /* @__PURE__ */ m({
   }),
   emits: /* @__PURE__ */ i(["page", "update:rows"], ["update:rows"]),
   setup(l) {
-    const s = c(l, "rows"), d = w("preset", {}).datatable;
-    return (e, o) => (g(), u(p(k), f({
-      rows: s.value,
-      "onUpdate:rows": o[0] || (o[0] = (n) => s.value = n)
-    }, p(d).paginator({ context: { totalRecords: e.totalRecords } }), {
-      template: e.template,
-      "total-records": e.totalRecords,
-      onPage: o[1] || (o[1] = (n) => e.$emit("page", n))
+    const n = c(l, "rows"), d = w("preset", {}).datatable;
+    return (o, e) => (u(), g(p(k), f({
+      rows: n.value,
+      "onUpdate:rows": e[0] || (e[0] = (s) => n.value = s)
+    }, p(d).paginator({ context: { totalRecords: o.totalRecords } }), {
+      template: o.template,
+      "total-records": o.totalRecords,
+      onPage: e[1] || (e[1] = (s) => o.$emit("page", s))
     }), {
       firstpagelinkicon: r(() => [
         t(a, { icon: "round-keyboard-double-arrow-left" })
@@ -46,5 +46,5 @@ const R = /* @__PURE__ */ m({
   }
 });
 export {
-  R as default
+  R as _
 };

package/plugins/VueHtmlToPaper.es.js

@@ -0,0 +1,40 @@
+const u = (s, l) => {
+  l.forEach((n) => {
+    const t = s.document.createElement("link");
+    t.setAttribute("rel", "stylesheet"), t.setAttribute("type", "text/css"), t.setAttribute("href", n), s.document.head.appendChild(t);
+  });
+}, y = {
+  install(s, l = {}) {
+    s.config.globalProperties.$htmlToPaper = (n, t, a = () => {
+    }) => {
+      var r;
+      const o = {
+        name: "_blank",
+        specs: ["fullscreen=yes", "titlebar=yes", "scrollbars=yes"],
+        styles: [],
+        ...l,
+        ...t
+      }, d = ((r = o.specs) == null ? void 0 : r.join(",")) || "", c = document.getElementById(n);
+      if (!c) {
+        alert(`Element to print #${n} not found!`);
+        return;
+      }
+      const e = window.open("", o.name, d);
+      return e && (e.document.write(`
+          <html>
+            <head>
+              <title>${document.title}</title>
+            </head>
+            <body>
+              ${c.innerHTML}
+            </body>
+          </html>
+        `), u(e, o.styles || []), setTimeout(() => {
+        e.document.close(), e.focus(), e.print(), e.close(), a();
+      }, 1e3)), !0;
+    };
+  }
+};
+export {
+  y as V
+};

package/{animation/Animation.es.js → plugins/WangsVue.es.js}

@@ -1,9 +1,8 @@
-import { inject as c, defineComponent as p, computed as m, ref as g, onMounted as h, createElementBlock as b, openBlock as f, mergeProps as v, createElementVNode as M } from "vue";
-import { x as T } from "../vendor/@wangs-ui/vue/dist/index.es.js";
-import { d as P } from "../utils/object.util.es.js";
-import { P as x } from "../vendor/primevue/config/config.esm.es.js";
-import { m as y } from "../utils/mergePropsWithDefaults.util.es.js";
-const w = {
+import { inject as c } from "vue";
+import { x as m } from "../vendor/@wangs-ui/vue/dist/index.es.js";
+import { d as g } from "../utils/object.util.es.js";
+import { P as p } from "../vendor/primevue/config/config.esm.es.js";
+const h = {
   startsWith: "Starts with",
   contains: "Contains",
   notContains: "Not contains",
@@ -150,7 +149,7 @@ const w = {
   }
 }, u = {
   locale: {
-    global: w,
+    global: h,
     components: {
       FieldWrapper: {
         labelOptional: "(opsional)",
@@ -295,96 +294,52 @@ const w = {
       formatUserName: !0
     }
   }
-}, d = Symbol("WangsVue"), L = (r) => {
-  const a = c(d);
-  if (!a)
+}, d = Symbol("WangsVue"), x = (t) => {
+  const l = c(d);
+  if (!l)
     throw new Error("WangsVue is not installed!");
-  return r ? a.getComponentConfig(r) : a.config;
-}, C = (r, a) => P(r, a), I = (r = u, a = !0) => {
-  const n = a ? C(u, r) : r;
+  return t ? l.getComponentConfig(t) : l.config;
+}, b = (t, l) => g(t, l), P = (t = u, l = !0) => {
+  const r = l ? b(u, t) : t;
   return {
-    install: (o, t) => {
-      var i;
-      const l = {
-        ...n,
-        ...t,
-        preset: t.preset ?? t.pt,
+    install: (o, e) => {
+      var s;
+      const a = {
+        ...r,
+        ...e,
+        preset: e.preset ?? e.pt,
         locale: {
-          ...n.locale,
-          ...t == null ? void 0 : t.locale,
+          ...r.locale,
+          ...e == null ? void 0 : e.locale,
           components: {
-            ...n.locale.components,
-            ...((i = t == null ? void 0 : t.locale) == null ? void 0 : i.components) || {}
+            ...r.locale.components,
+            ...((s = e == null ? void 0 : e.locale) == null ? void 0 : s.components) || {}
           }
         },
         defaultProps: {
-          ...n.defaultProps,
-          ...(t == null ? void 0 : t.defaultProps) || {}
+          ...r.defaultProps,
+          ...(e == null ? void 0 : e.defaultProps) || {}
         },
-        useToastConfig: n.useToastConfig
-      }, s = {
-        config: l,
-        getComponentConfig: (e) => ({
-          defaultProps: l.defaultProps[e] || {},
+        useToastConfig: r.useToastConfig
+      }, n = {
+        config: a,
+        getComponentConfig: (i) => ({
+          defaultProps: a.defaultProps[i] || {},
           locale: {
-            ...l.locale.components[e] || {},
-            global: l.locale.global
+            ...a.locale.components[i] || {},
+            global: a.locale.global
           }
         })
       };
-      o.config.globalProperties.$wangsvue = s, o.config.globalProperties.$preset = s.config.preset, o.provide(d, s), o.provide("preset", l.preset), o.provide("useToastConfig", l.useToastConfig), o.use(x, {
+      o.config.globalProperties.$wangsvue = n, o.config.globalProperties.$preset = n.config.preset, o.provide(d, n), o.provide("preset", a.preset), o.provide("useToastConfig", a.useToastConfig), o.use(p, {
         unstyled: !0,
-        pt: l.preset,
-        locale: l.locale.global
-      }), o.use(T);
+        pt: a.preset,
+        locale: a.locale.global
+      }), o.use(m);
     }
   };
-}, S = (r, a, n) => {
-  const o = r[a];
-  return o ? typeof o == "function" ? o() : Promise.resolve(o) : new Promise((t, l) => {
-    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(
-      l.bind(
-        null,
-        new Error(
-          "Unknown variable dynamic import: " + a + (a.split("/").length !== n ? ". Note that variables only represent file names one level deep." : "")
-        )
-      )
-    );
-  });
-}, D = /* @__PURE__ */ p({
-  __name: "Animation",
-  props: {
-    animation: {},
-    autoplay: { type: Boolean, default: !0 },
-    loop: { type: Boolean, default: !0 }
-  },
-  setup(r) {
-    const a = r, { defaultProps: n } = L("Animation"), o = m(() => y(a, n)), t = g(null);
-    h(async () => {
-      const s = await S(/* @__PURE__ */ Object.assign({ "../../assets/lottie/admin/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((e) => e.l), "../../assets/lottie/admin/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((e) => e.l), "../../assets/lottie/admin/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((e) => e.n), "../../assets/lottie/supplyasset/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((e) => e.a), "../../assets/lottie/supplyasset/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((e) => e.a), "../../assets/lottie/supplyasset/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((e) => e.a), "../../assets/lottie/workspace/loading-page.lottie": () => import("../assets/lottiejs/loading-page.es.js").then((e) => e.b), "../../assets/lottie/workspace/loading-plane.lottie": () => import("../assets/lottiejs/loading-plane.es.js"), "../../assets/lottie/workspace/loading-table.lottie": () => import("../assets/lottiejs/loading-table.es.js").then((e) => e.b), "../../assets/lottie/workspace/no-data.lottie": () => import("../assets/lottiejs/no-data.es.js").then((e) => e.b) }), `../../assets/lottie/${o.value.libPath}/${a.animation}.lottie`, 6), { DotLottie: i } = await l();
-      t.value && new i({
-        canvas: t.value,
-        src: s.default,
-        autoplay: a.autoplay,
-        loop: a.loop
-      });
-    });
-    const l = () => import(
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
-      "https://cdn.jsdelivr.net/npm/@lottiefiles/dotlottie-web@0.38.2/+esm"
-    );
-    return (s, i) => (f(), b("div", v({ "data-wv-name": "animation" }, s.$attrs), [
-      M("canvas", {
-        ref_key: "canvasRef",
-        ref: t,
-        style: { width: "100%", height: "100%" }
-      }, null, 512)
-    ], 16));
-  }
-});
+};
 export {
-  D as _,
-  I as c,
-  L as u
+  P as c,
+  x as u
 };

package/plugins/basei18n.d.ts

@@ -0,0 +1,103 @@
+import { AxiosResponse } from 'axios';
+import { App, Ref } from 'vue';
+export type Locale = string;
+export interface LanguageOption {
+  /**
+   * ISO 639-1 language code (e.g., "en" for English, "fr" for French).
+   */
+  isoCode?: string;
+  /**
+   * The name of the language in English (e.g., "English", "Français").
+   */
+  name: string;
+  /**
+   * The URL of the country's flag image.
+   * Flags are sourced from https://flagcdn.com and are typically in SVG format for high-quality resolution.
+   */
+  flag?: string;
+}
+export interface I18n {
+  /**
+   * Locale message translation
+   *
+   * @param key - The translation key
+   * @param params - A values of named interpolation
+   * @param args - Positional interpolation values
+   *
+   * @returns translation message
+   * @example `t('Hello {user}!', { user: 'John Doe' })` - returns: 'Hello John Doe!'
+   * @example `t('Hello %s! I am %s.', "John Doe", "Peter Smith")` - returns: 'Hello John Doe! I am Peter Smith.'
+   */
+  t: {
+    (key: string, params: Record<string, any>): string;
+    (key: string, ...args: (string | number | boolean)[]): string;
+  };
+  /**
+   * Change the locale dynamically
+   *
+   * @param newLocale - The locale to switch to
+   */
+  setLocale: (newLocale: Locale) => Promise<void>;
+  /**
+   * Get the current locale
+   *
+   * @returns Current locale
+   */
+  locale: Ref<Locale>;
+  /**
+   * Service methods handle fetch requests
+   */
+  service?: I18nService;
+}
+type MessageMap = Record<string, string>;
+export interface I18nService {
+  /**
+   * Fetch all translation messages for a specific locale.
+   * @param locale The locale code (e.g., 'en', 'id').
+   * @returns A promise resolving to a key-value record of messages.
+   */
+  getMessages(locale: string): Promise<
+    AxiosResponse<{
+      data: MessageMap;
+    }>
+  >;
+  /**
+   * Fetch all available lang options for LanguageDropdown and LanguageSwitcher
+   *
+   * @returns Promise Array of options
+   */
+  getLanguageOptions(): Promise<LanguageOption[]>;
+  /**
+   * Fetch single lang option meta data
+   *
+   * @param locale The locale code (e.g., 'en', 'id').
+   * @returns Promise LanguageMeta
+   */
+  getLanguageOptionMeta(locale: string): Promise<LanguageOption>;
+  /**
+   * Translate a specific text to the target locale.
+   * @param key Unique translation key.
+   * @param locale Target locale code.
+   * @returns A promise resolving to the translated string.
+   */
+  translateText(key: string, locale: string): Promise<string>;
+}
+export declare const useI18n: () => I18n;
+declare const i18n: {
+  install: (app: App) => void;
+};
+export declare const createI18nWithExtension: (
+  service: I18nService,
+) => typeof i18n;
+export default i18n;
+declare module 'vue' {
+  interface ComponentCustomProperties {
+    $i18n: I18n;
+    $t: I18n['t'];
+  }
+}
+declare global {
+  interface Window {
+    i18n: I18n;
+  }
+}

package/plugins/basei18n.es.js

@@ -0,0 +1,88 @@
+import { shallowRef as P, shallowReactive as I, inject as M } from "vue";
+import { u as b } from "../assetinfo/index.es.js";
+const n = P(), u = "messages";
+let r;
+const f = () => {
+  try {
+    const t = localStorage.getItem(u);
+    return t ? JSON.parse(t) : {};
+  } catch {
+    return {};
+  }
+}, g = I(f()), a = new Proxy(g, {
+  get: (t, e) => {
+    const l = f()[e];
+    return g[e] = l, l;
+  },
+  set: (t, e, s) => (g[e] = s, m(g), !0)
+}), m = (t) => {
+  localStorage.setItem(u, JSON.stringify(t));
+}, y = async (t) => {
+  var e;
+  if (!(t in a)) {
+    const { setLoading: s } = b();
+    s(!0, "Loading language package...");
+    let l = {};
+    try {
+      const { data: c } = await (((e = r == null ? void 0 : r.getMessages) == null ? void 0 : e.call(r, t)) ?? {});
+      l = c.data;
+    } catch {
+    } finally {
+      s(!1);
+    }
+    return l;
+  }
+  return a[t];
+}, d = (t, ...e) => {
+  var c;
+  if (!n.value && !localStorage.lang) return t;
+  let s = (c = a[n.value]) == null ? void 0 : c[t];
+  const l = s === t && n.value !== "en";
+  if ((!s || l) && (s = t, r == null || r.translateText(t, n.value).then((o) => {
+    a[n.value] ? a[n.value] = {
+      ...a[n.value],
+      [t]: o
+    } : a[n.value] = {
+      [t]: o
+    };
+  }).catch((o) => {
+    console.error("Translation error:", o);
+  })), e.length === 1 && typeof e[0] == "object" && !Array.isArray(e[0])) {
+    const o = e[0];
+    return Object.keys(o).reduce(
+      (h, i) => h.replaceAll(`{${i}}`, o[i]),
+      s
+    );
+  }
+  if (e.length > 0) {
+    let o = 0;
+    return s.replace(/%s/g, () => String(e[o++] ?? ""));
+  }
+  return s;
+}, v = async (t) => {
+  if (n.value !== t) {
+    const e = await y(t);
+    n.value = t, a[t] = e, localStorage.lang = t;
+  }
+}, O = () => (M("i18n") || console.error("I18n Plugin not installed!"), {
+  t: d,
+  locale: n,
+  setLocale: v,
+  service: r
+}), S = () => {
+  const t = {
+    t: d,
+    locale: n,
+    setLocale: v,
+    service: r
+  };
+  return {
+    install(e) {
+      e.config.globalProperties.$i18n = t, e.config.globalProperties.$t = t.t, e.provide("i18n", t);
+    }
+  };
+}, T = (t) => (r = t, S());
+export {
+  T as c,
+  O as u
+};

package/plugins/{formValidation/index.es.js → formValidation.es.js}

@@ -1,4 +1,4 @@
-import { a as u, u as n } from "../../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { a as u, u as a } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 const l = () => {
   const { values: e, handleSubmit: s, setValues: t, setFieldValue: o, errors: r } = u();
   return {
@@ -8,8 +8,8 @@ const l = () => {
     setFieldValue: o,
     errors: r
   };
-}, c = (e, s, t) => n(e, s, t);
+}, c = (e, s, t) => a(e, s, t);
 export {
-  c as useField,
-  l as useForm
+  c as a,
+  l as u
 };