@fewangsit/wangsvue-fats 1.0.1-alpha.68 → 1.0.1-alpha.69

package/multiselect/index.es.js

@@ -1,16 +1,17 @@
-import { defineComponent as z, onMounted as E, onUnmounted as H, inject as T, shallowRef as U, ref as A, reactive as R, computed as b, watch as v, createBlock as V, openBlock as w, withCtx as i, createVNode as r, normalizeClass as D, renderSlot as F, unref as t, 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 C } 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 S } from "../button/index.es.js";
-import { _ as le } from "../fieldwrapper/index.es.js";
+import { defineComponent as E, onMounted as H, onUnmounted as T, inject as U, shallowRef as A, ref as R, reactive as D, computed as b, watch as v, createBlock as w, openBlock as k, withCtx as i, createVNode as r, normalizeClass as F, renderSlot as W, unref as t, mergeProps as C, createSlots as q, normalizeProps as p, guardReactiveProps as f, withModifiers as G, createElementVNode as J, toDisplayString as K, createCommentVNode as Q } from "vue";
+import { u as X } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { e as S } from "../event-bus/index.es.js";
+import { u as Y } from "../plugins/basei18n.es.js";
+import { u as Z } from "../plugins/WangsVue.es.js";
+import { f as ee } from "../utils/filterOptions.util.es.js";
+import { a as le } from "../utils/textFormatter.util.es.js";
+import { s as oe } from "../vendor/primevue/multiselect/multiselect.esm.es.js";
+import { _ as M } from "../button/index.es.js";
+import { _ as ae } 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 be = /* @__PURE__ */ z({
+import { _ as te } from "../inputgroup/index.es.js";
+import { _ as ie } from "../validatormessage/index.es.js";
+const ge = /* @__PURE__ */ E({
   __name: "MultiSelect",
   props: {
     modelValue: {},
@@ -37,89 +38,91 @@ const be = /* @__PURE__ */ z({
     hideHeaderCheckbox: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "show", "hide"],
-  setup(M, { expose: x, emit: B }) {
-    const e = M, L = B;
-    E(() => {
-      _(), C.on("multi-select:hide-overlay", g);
-    }), H(() => {
-      C.off("multi-select:hide-overlay");
+  setup($, { expose: B, emit: L }) {
+    const l = $, P = L;
+    H(() => {
+      _(), S.on("multi-select:hide-overlay", V);
+    }), T(() => {
+      S.off("multi-select:hide-overlay");
     });
-    const { locale: m } = X("MultiSelect"), s = T("preset", {}).multiselect, u = U(!1), d = A(), a = R({
-      value: e.initialValue ? e.initialValue : e.modelValue
-    }), P = b(() => Y(e.options)), $ = b(() => {
-      var l;
-      return m.emptySelectionErrorMessage.replace("{label}", e.label).replace(
+    const { t: y } = Y(), { locale: m } = Z("MultiSelect"), s = U("preset", {}).multiselect, u = A(!1), d = R(), a = D({
+      value: l.initialValue ? l.initialValue : l.modelValue
+    }), O = b(
+      () => ee(l.options).map((e) => typeof e.value == "string" ? y(e) : { ...e, label: y(e.label) })
+    ), x = b(() => {
+      var e;
+      return m.emptySelectionErrorMessage.replace("{label}", l.label).replace(
         "{formattedLabel}",
-        (l = Z(e.label)) == null ? void 0 : l.toLowerCase()
+        (e = le(l.label)) == null ? void 0 : e.toLowerCase()
       );
-    }), O = b(() => {
-      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()));
+    }), I = b(() => {
+      var e;
+      return l.loading ? m.loadingPlaceholder : l.placeholder ?? ((e = m.inputPlaceholder) == null ? void 0 : e.replace("{label}", l.label ?? "").replace("{lowercaseLabel}", (l.label ?? "").toLowerCase()));
     }), _ = () => {
-      var l;
-      e.useValidator && (Object.assign(
+      var e;
+      l.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 ?? $.value : !0)
-      ), (l = e.initialValue) != null && l.length && (a.value = e.initialValue));
-    }, y = () => {
-      d.value && d.value.show();
+        X(l.fieldName ?? "multiSelect", (o) => !(Array.isArray(o) && o.length) && l.mandatory ? typeof l.validatorMessage == "object" && "empty" in l.validatorMessage ? l.validatorMessage.empty : l.validatorMessage ?? x.value : !0)
+      ), (e = l.initialValue) != null && e.length && (a.value = l.initialValue));
     }, g = () => {
+      d.value && d.value.show();
+    }, V = () => {
       d.value && d.value.hide();
-    }, I = (l) => {
-      const o = l != null && l.length ? l : void 0;
-      L("update:modelValue", o);
+    }, N = (e) => {
+      const o = e != null && e.length ? e : void 0;
+      P("update:modelValue", o);
     };
     return v(
       () => a.value,
       () => {
-        I(a.value);
+        N(a.value);
       }
     ), v(
-      () => e.modelValue,
-      (l) => {
-        a.value = l;
+      () => l.modelValue,
+      (e) => {
+        a.value = e;
       }
     ), v(
-      () => e.initialValue,
-      (l) => {
-        a.value = l;
+      () => l.initialValue,
+      (e) => {
+        a.value = e;
       },
       { once: !0 }
-    ), x({
+    ), B({
       isShowOverlay: u,
-      showOverlay: y,
-      hideOverlay: g
-    }), (l, o) => (w(), V(le, {
-      info: l.fieldInfo,
-      label: e.label,
-      mandatory: e.mandatory,
-      "show-optional-text": l.showOptionalText
+      showOverlay: g,
+      hideOverlay: V
+    }), (e, o) => (k(), w(ae, {
+      info: e.fieldInfo,
+      label: l.label,
+      mandatory: l.mandatory,
+      "show-optional-text": e.showOptionalText
     }, {
       default: i(() => [
-        r(oe, {
-          class: D({ "rounded-none !ring-0 !w-max": l.controls }),
-          disabled: e.disabled,
+        r(te, {
+          class: F({ "rounded-none !ring-0 !w-max": e.controls }),
+          disabled: l.disabled,
           invalid: !!a.errorMessage
         }, {
           default: i(() => {
             var h;
             return [
-              r(t(ee), k(e, {
+              r(t(oe), C(l, {
                 ref_key: "multiselect",
                 ref: d,
                 modelValue: a.value,
                 "onUpdate:modelValue": o[0] || (o[0] = (n) => a.value = n),
-                "aria-describedby": e.label + "error",
+                "aria-describedby": l.label + "error",
                 class: [
                   {
-                    "invisible !w-0": l.controls
+                    "invisible !w-0": e.controls
                   }
                 ],
-                display: e.display,
-                "filter-placeholder": e.filterPlaceholder || t(m).filterPlaceholder,
-                "max-selected-labels": e.maxSelectedLabels,
-                options: P.value,
-                placeholder: O.value,
+                display: l.display,
+                "filter-placeholder": e.$t(l.filterPlaceholder || t(m).filterPlaceholder),
+                "max-selected-labels": l.maxSelectedLabels,
+                options: O.value,
+                placeholder: e.$t(I.value),
                 pt: {
                   headerCheckbox: {
                     ...t(s).headerCheckbox,
@@ -127,17 +130,17 @@ const be = /* @__PURE__ */ z({
                       ...t(s).headerCheckbox.root,
                       class: [
                         ...t(s).headerCheckbox.root.class,
-                        { hidden: l.hideHeaderCheckbox }
+                        { hidden: e.hideHeaderCheckbox }
                       ]
                     }
                   }
                 },
-                "selected-items-label": e.selectedItemsLabel,
-                "show-toggle-all": e.filter,
-                "virtual-scroller-options": (((h = l.options) == null ? void 0 : h.length) ?? 0) > 10 ? { itemSize: 32 } : void 0,
-                onHide: o[1] || (o[1] = (n) => (u.value = !1, l.$emit("hide"))),
-                onShow: o[2] || (o[2] = (n) => (l.$emit("show"), u.value = !0))
-              }), W({
+                "selected-items-label": l.selectedItemsLabel,
+                "show-toggle-all": l.filter,
+                "virtual-scroller-options": (((h = e.options) == null ? void 0 : h.length) ?? 0) > 10 ? { itemSize: 32 } : void 0,
+                onHide: o[1] || (o[1] = (n) => (u.value = !1, e.$emit("hide"))),
+                onShow: o[2] || (o[2] = (n) => (e.$emit("show"), u.value = !0))
+              }), q({
                 dropdownicon: i(() => [
                   r(c, p(f(t(s).dropdownicon({ state: { isShowOverlay: u.value } }))), null, 16)
                 ]),
@@ -150,9 +153,9 @@ const be = /* @__PURE__ */ z({
                 filtericon: i(() => [
                   r(c, p(f(t(s).filtericon)), null, 16)
                 ]),
-                removetokenicon: i(({ removeCallback: n, item: N }) => [
-                  r(S, k({
-                    onClick: q((j) => n(j, N), ["stop"])
+                removetokenicon: i(({ removeCallback: n, item: j }) => [
+                  r(M, C({
+                    onClick: G((z) => n(z, j), ["stop"])
                   }, t(s).removeTokenIcon, {
                     icon: "close",
                     rounded: "",
@@ -165,31 +168,31 @@ const be = /* @__PURE__ */ z({
                 ]),
                 _: 2
               }, [
-                l.loading ? {
+                e.loading ? {
                   name: "value",
                   fn: i(({ placeholder: n }) => [
-                    G("span", p(f(t(s).loadingplaceholder)), J(n), 17)
+                    J("span", p(f(t(s).loadingplaceholder)), K(e.$t(n)), 17)
                   ]),
                   key: "0"
                 } : void 0
               ]), 1040, ["modelValue", "aria-describedby", "class", "display", "filter-placeholder", "max-selected-labels", "options", "placeholder", "pt", "selected-items-label", "show-toggle-all", "virtual-scroller-options"]),
-              F(l.$slots, "trigger", {
-                disabled: e.disabled
+              W(e.$slots, "trigger", {
+                disabled: l.disabled
               }, () => [
-                l.controls ? (w(), V(S, {
+                e.controls ? (k(), w(M, {
                   key: 0,
-                  disabled: e.disabled,
-                  onClick: y,
+                  disabled: l.disabled,
+                  onClick: g,
                   class: "!rounded !ring-0",
                   icon: "add"
-                }, null, 8, ["disabled"])) : K("", !0)
+                }, null, 8, ["disabled"])) : Q("", !0)
               ])
             ];
           }),
           _: 3
         }, 8, ["class", "disabled", "invalid"]),
-        r(ae, {
-          id: e.label + "error",
+        r(ie, {
+          id: l.label + "error",
           message: a.errorMessage
         }, null, 8, ["id", "message"])
       ]),
@@ -198,5 +201,5 @@ const be = /* @__PURE__ */ z({
   }
 });
 export {
-  be as _
+  ge as _
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.1-alpha.68",
+  "version": "1.0.1-alpha.69",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",

package/plugins/basei18n.d.ts

@@ -29,8 +29,8 @@ export interface I18n {
    * @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;
+    (key?: string, params?: Record<string, any>): string | undefined;
+    (key?: string, ...args: (string | number | boolean)[]): string | undefined;
   };
   /**
    * Change the locale dynamically

package/plugins/basei18n.es.js

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