@fewangsit/wangsvue-gsts 1.0.0-alpha.39 → 1.0.0-alpha.40

package/calendar/index.es.js

@@ -1,9 +1,10 @@
-import { defineComponent as C, onMounted as F, ref as f, computed as d, watch as s, watchEffect as S, createBlock as x, openBlock as D, mergeProps as b, unref as I, withCtx as c, renderSlot as y, nextTick as k } from "vue";
+import { defineComponent as I, onMounted as $, ref as B, computed as v, watch as f, watchEffect as U, createBlock as T, unref as c, openBlock as w, mergeProps as C, withCtx as s, renderSlot as m, nextTick as x } from "vue";
 import { u as L } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { u as O } from "../plugins/WangsVue.es.js";
 import { a as N } from "../utils/textFormatter.util.es.js";
-import { _ as U } from "../basecalendar/index.es.js";
-const Y = /* @__PURE__ */ C({
+import { _ as A } from "../basecalendar/index.es.js";
+import { _ as E } from "../basecalendartimezone/index.es.js";
+const P = /* @__PURE__ */ I({
   __name: "Calendar",
   props: {
     modelValue: {},
@@ -48,75 +49,94 @@ const Y = /* @__PURE__ */ C({
     exactSelection: { type: Boolean }
   },
   emits: ["update:modelValue", "update:epochTimeMillis", "monthChange", "yearChange", "dateSelect"],
-  setup(V, { emit: g }) {
-    const e = V, n = g;
-    F(() => {
-      e.dateValue != null && (t.value = u(e.dateValue), o.value = t.value, i.value++), e.epochTimeMillis != null && (t.value = u(e.epochTimeMillis), o.value = t.value, i.value++);
+  setup(F, { emit: D }) {
+    var h;
+    const e = F, p = D;
+    $(() => {
+      e.dateValue != null && (t.value = u(e.dateValue), r.value = t.value, n.value++), e.epochTimeMillis != null && (t.value = u(e.epochTimeMillis), r.value = t.value, n.value++);
     });
-    const { locale: h } = O("Calendar"), t = f(), i = f(0), { value: o, errorMessage: M } = e.useValidator ? L(e.fieldName ?? "date", (a) => w(a)) : {
-      value: d({
+    const i = JSON.parse(localStorage.getItem("user") || "{}"), S = (h = i == null ? void 0 : i.generalSetting) == null ? void 0 : h.timezone, { locale: b } = O("Calendar"), t = B(), n = B(0), { value: r, errorMessage: y } = e.useValidator ? L(e.fieldName ?? "date", (a) => k(a)) : {
+      value: v({
         get: () => e.modelValue,
         set: (a) => {
-          n("update:modelValue", a);
+          p("update:modelValue", a);
         }
       })
-    }, B = d(
-      () => e.invalid || "errorMessage" in o && !!o.errorMessage
-    ), T = d(() => {
-      var r, v;
-      const a = JSON.parse(localStorage.getItem("user") || "{}"), l = (r = a == null ? void 0 : a.generalSetting) == null ? void 0 : r.timeFormat;
-      return e.hourFormat ? e.hourFormat : (v = l == null ? void 0 : l.toLowerCase()) != null && v.includes("pm") ? "12" : "24";
-    }), w = async (a) => {
-      var l, r;
-      return await k(), typeof e.validatorMessage == "string" && e.invalid ? e.validatorMessage : typeof e.validatorMessage != "string" && !a && e.mandatory ? ((l = e.validatorMessage) == null ? void 0 : l.empty) ?? m() : !a && e.mandatory ? ((r = e.customValidation) == null ? void 0 : r.empty) ?? m() : !0;
-    }, m = () => {
+    }, V = v(
+      () => e.invalid || "errorMessage" in r && !!r.errorMessage
+    ), g = v(() => {
+      var l, o;
+      const a = (l = i == null ? void 0 : i.generalSetting) == null ? void 0 : l.timeFormat;
+      return e.hourFormat ? e.hourFormat : (o = a == null ? void 0 : a.toLowerCase()) != null && o.includes("pm") ? "12" : "24";
+    }), k = async (a) => {
+      var l, o;
+      return await x(), typeof e.validatorMessage == "string" && e.invalid ? e.validatorMessage : typeof e.validatorMessage != "string" && !a && e.mandatory ? ((l = e.validatorMessage) == null ? void 0 : l.empty) ?? M() : !a && e.mandatory ? ((o = e.customValidation) == null ? void 0 : o.empty) ?? M() : !0;
+    }, M = () => {
       var a;
-      return h.emptyInvalidText.replace("{label}", e.label).replace(
+      return b.emptyInvalidText.replace("{label}", e.label).replace(
         "{formattedLabel}",
         (a = N(e.label)) == null ? void 0 : a.toLowerCase()
       );
-    }, p = (a, l) => {
-      (a === e.valueFormat && e.useValidator || !e.useValidator && a === "date") && (o.value = l), a === "date" && e.useValidator && n("update:modelValue", l), a === "millis" && n("update:epochTimeMillis", l);
+    }, d = (a, l) => {
+      (a === e.valueFormat && e.useValidator || !e.useValidator && a === "date") && (r.value = l), a === "date" && e.useValidator && p("update:modelValue", l), a === "millis" && p("update:epochTimeMillis", l);
     }, u = (a) => Array.isArray(a) ? a.map((l) => l == null ? null : new Date(l)) : new Date(a);
-    return s(
+    return f(
       () => e.dateValue,
       () => {
-        t.value = u(e.dateValue), e.useValidator && (o.value = t.value), i.value++;
+        t.value = u(e.dateValue), e.useValidator && (r.value = t.value), n.value++;
       },
       {
         once: !0
       }
-    ), s(
+    ), f(
       () => e.epochTimeMillis,
       () => {
-        t.value = u(e.epochTimeMillis), e.useValidator && (o.value = t.value), i.value++;
+        t.value = u(e.epochTimeMillis), e.useValidator && (r.value = t.value), n.value++;
       }
-    ), s(
+    ), f(
       () => e.modelValue,
       () => {
-        t.value = e.modelValue, e.useValidator && (o.value = t.value);
+        t.value = e.modelValue, e.useValidator && (r.value = t.value);
       }
-    ), S(() => {
-      t.value = e.valueFormat === "date" ? o.value : o.value ? u(o.value) : o.value;
-    }), (a, l) => (D(), x(U, b({ key: i.value }, e, {
-      "error-message": I(M),
-      "hour-format": T.value,
-      invalid: B.value,
+    ), U(() => {
+      t.value = e.valueFormat === "date" ? r.value : r.value ? u(r.value) : r.value;
+    }), (a, l) => c(S) ? (w(), T(E, C({
+      key: n.value + 1
+    }, e, {
+      "error-message": c(y),
+      "hour-format": g.value,
+      invalid: V.value,
       "model-value": t.value,
       "selection-mode": a.selectionMode || a.mode,
-      "onUpdate:epochTimeMillis": l[0] || (l[0] = (r) => p("millis", r)),
-      "onUpdate:modelValue": l[1] || (l[1] = (r) => p("date", r))
+      "onUpdate:epochTimeMillis": l[0] || (l[0] = (o) => d("millis", o)),
+      "onUpdate:modelValue": l[1] || (l[1] = (o) => d("date", o))
     }), {
-      default: c(({ onClick: r }) => [
-        y(a.$slots, "default", { onClick: r })
+      default: s(({ onClick: o }) => [
+        m(a.$slots, "default", { onClick: o })
       ]),
-      "addon-overlay": c(() => [
-        y(a.$slots, "addon-overlay")
+      "addon-overlay": s(() => [
+        m(a.$slots, "addon-overlay")
+      ]),
+      _: 3
+    }, 16, ["error-message", "hour-format", "invalid", "model-value", "selection-mode"])) : (w(), T(A, C({ key: n.value }, e, {
+      "error-message": c(y),
+      "hour-format": g.value,
+      invalid: V.value,
+      "model-value": t.value,
+      "selection-mode": a.selectionMode || a.mode,
+      "onUpdate:epochTimeMillis": l[2] || (l[2] = (o) => d("millis", o)),
+      "onUpdate:modelValue": l[3] || (l[3] = (o) => d("date", o))
+    }), {
+      default: s(({ onClick: o }) => [
+        m(a.$slots, "default", { onClick: o })
+      ]),
+      "addon-overlay": s(() => [
+        m(a.$slots, "addon-overlay")
       ]),
       _: 3
     }, 16, ["error-message", "hour-format", "invalid", "model-value", "selection-mode"]));
   }
 });
 export {
-  Y as _
+  P as _
 };

package/datatable/index.es.js

@@ -1016,7 +1016,7 @@ const Wt = (W, B) => W.every((t) => B.includes(t)), qt = ["id"], Gt = ["rowspan"
       ], 16);
     };
   }
-}), Ol = /* @__PURE__ */ Vt(pl, [["__scopeId", "data-v-d33ae895"]]);
+}), Ol = /* @__PURE__ */ Vt(pl, [["__scopeId", "data-v-e75977eb"]]);
 export {
   Ol as D
 };

package/filtercontainer/index.d.ts

@@ -26,7 +26,7 @@ type BaseSelectField<OptionsQueryParams extends QueryParams> = {
   /**
    * Represents a function type for fetching options based on query parameters.
    *
-   * @template T - The type of query parameters, extending `QueryParams`. Defaults to `any`.
+   * @template OptionsQueryParams - The type of query parameters, extending `QueryParams`. Defaults to `any`.
    *
    * This function can have one of the following signatures:
    * - A synchronous function that takes query parameters and returns an array of `Option` objects.
@@ -43,6 +43,11 @@ type BaseSelectField<OptionsQueryParams extends QueryParams> = {
     args: OptionsQueryParams,
   ): Option[] | Promise<Option[]> | Promise<AxiosResponse<FetchOptionResponse>>;
 
+  /**
+   * Whether to fetch options when the component is mounted. Useful when the dropdown/multiselect has an initial value.
+   * For now, this is only applicable to quickfilter, though filtercontainer support can be added.
+   */
+  fetchOnMount?: boolean;
   optionField?: keyof OptionsQueryParams; // @example - actionOptions
   params?: OptionsQueryParams; // Additional QueryParams for the fetchOptionFn
 };

package/filtercontainer/index.es.js

@@ -1,10 +1,10 @@
-import { defineComponent as x, ref as N, shallowRef as S, onMounted as G, onBeforeUnmount as I, watch as Q, withDirectives as z, createElementBlock as k, openBlock as h, mergeProps as b, withModifiers as X, unref as w, createElementVNode as Y, Fragment as B, renderList as Z, createBlock as _, renderSlot as ee, createVNode as M, vShow as te, withCtx as ae } from "vue";
+import { defineComponent as R, ref as N, shallowRef as k, onMounted as G, onBeforeUnmount as I, watch as Q, withDirectives as z, createElementBlock as S, openBlock as h, mergeProps as b, withModifiers as X, unref as w, createElementVNode as Y, Fragment as B, renderList as Z, createBlock as _, renderSlot as ee, createVNode as M, vShow as te, withCtx as ae } from "vue";
 import { _ as oe } from "../buttonselecttree/index.es.js";
 import { a as re } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
 import { e as p } from "../event-bus/index.es.js";
 import { u as se } from "../plugins/WangsVue.es.js";
 import { g as L, s as ne } from "../utils/object.util.es.js";
-import { _ as R } from "../button/index.es.js";
+import { _ as x } from "../button/index.es.js";
 import { _ as le } from "../calendar/index.es.js";
 import { _ as ie } from "../dropdown/index.es.js";
 import { _ as ce } from "../inputrangenumber/index.es.js";
@@ -20,12 +20,12 @@ const J = (n) => {
 }, me = (n, u, o) => {
   const l = Object.keys(n), s = {};
   p.emit("multi-select:hide-overlay"), l.forEach((r) => {
-    var f;
-    const i = Array.isArray(n[r]), F = typeof n[r] == "string", c = i ? (f = n[r]) == null ? void 0 : f.filter((v) => v != null) : n[r];
+    var d;
+    const i = Array.isArray(n[r]), F = typeof n[r] == "string", c = i ? (d = n[r]) == null ? void 0 : d.filter((v) => v != null) : n[r];
     if ((c != null && !i || i && c.length) && !F) {
       if (Array.isArray(c) && c.every(
-        (d) => typeof d == "number" && d > 9466848e5 && // Greater than 2000-01-01 00:00:00 UTC (milliseconds)
-        !isNaN(new Date(d).getTime())
+        (f) => typeof f == "number" && f > 9466848e5 && // Greater than 2000-01-01 00:00:00 UTC (milliseconds)
+        !isNaN(new Date(f).getTime())
         // Converts to a valid date
       )) {
         s[r] = JSON.stringify(
@@ -58,10 +58,10 @@ const J = (n) => {
   }), p.emit("data-table:clear-selected-data", {
     tableName: u
   }), l == null || l("apply", s);
-}, fe = {
+}, de = {
   class: "flex items-end justify-end gap-2",
   "data-wv-section": "filteractionbuttons"
-}, de = /* @__PURE__ */ x({
+}, fe = /* @__PURE__ */ R({
   inheritAttrs: !1,
   __name: "FilterContainer",
   props: {
@@ -72,7 +72,7 @@ const J = (n) => {
   },
   emits: ["apply"],
   setup(n, { emit: u }) {
-    const o = n, l = u, { locale: s } = se("FilterContainer"), { resetForm: r, handleSubmit: i, setValues: F } = re(), c = N({}), f = N({}), v = S(), d = N(null), T = S(!1), O = S(0);
+    const o = n, l = u, { locale: s } = se("FilterContainer"), { resetForm: r, handleSubmit: i, setValues: F } = re(), c = N({}), d = N({}), v = k(), f = N(null), T = k(!1), O = k(0);
     G(() => {
       V(), p.on("show-filter", C), p.on("data-table:updated", D), U();
     }), I(() => {
@@ -86,15 +86,15 @@ const J = (n) => {
       t.tableName === o.tableName && (v.value = t.data);
     }, P = async (t, a, e = {}) => {
       if (o.static && !t)
-        f.value[a] = W(a);
+        d.value[a] = W(a);
       else
         try {
           c.value[a] = !0;
           const m = { [a]: !0, ...e }, y = await (t == null ? void 0 : t(m));
           if ("data" in y) {
             const { data: $ } = y;
-            f.value[a] = $.data[a];
-          } else Array.isArray(y) && (f.value[a] = y);
+            d.value[a] = $.data[a];
+          } else Array.isArray(y) && (d.value[a] = y);
         } catch (m) {
           console.error(m);
         } finally {
@@ -109,8 +109,8 @@ const J = (n) => {
         }
       return Array.from(a).map((e) => ({ label: e, value: e }));
     }, V = () => {
-      if (d.value) {
-        const { children: t } = d.value, a = d.value.childElementCount, e = a % o.fieldsPerRow;
+      if (f.value) {
+        const { children: t } = f.value, a = f.value.childElementCount, e = a % o.fieldsPerRow;
         let [m, y] = [1, 1];
         for (const $ in Array.from({ length: a })) {
           const q = Number($) === a - 1;
@@ -172,9 +172,9 @@ const J = (n) => {
           return o.static ? `${t.field}.value` : `${t.field}`;
       }
     };
-    return Q(() => o.fields, V), (t, a) => z((h(), k("form", b({
+    return Q(() => o.fields, V), (t, a) => z((h(), S("form", b({
       ref_key: "container",
-      ref: d
+      ref: f
     }, t.$preset.filtercontainer.root, {
       style: `grid-template-columns: repeat(${t.fieldsPerRow}, 1fr)`,
       onSubmit: a[0] || (a[0] = X(
@@ -184,7 +184,7 @@ const J = (n) => {
       )),
       "data-wv-name": "filtercontainer"
     }), [
-      (h(!0), k(B, null, Z(w(A), (e) => (h(), k(B, {
+      (h(!0), S(B, null, Z(w(A), (e) => (h(), S(B, {
         key: JSON.stringify(e) + O.value
       }, [
         e.type == "rangenumber" ? (h(), _(ce, b({
@@ -203,13 +203,14 @@ const J = (n) => {
           "field-name": g(e),
           loading: c.value[e.optionField ?? e.field],
           mandatory: !1,
-          options: f.value[e.optionField ?? e.field],
+          options: d.value[e.optionField ?? e.field],
           "show-optional-text": !1,
           onShow: (m) => P(
             e.fetchOptionFn,
             e.optionField ?? e.field,
             e.params
           ),
+          "hide-header-checkbox": "",
           "option-label": "label",
           "option-value": "value",
           "use-validator": ""
@@ -220,7 +221,7 @@ const J = (n) => {
           "field-name": g(e),
           loading: c.value[e.field],
           mandatory: !1,
-          options: f.value[e.optionField ?? e.field],
+          options: d.value[e.optionField ?? e.field],
           "show-optional-text": !1,
           onShow: (m) => P(
             e.fetchOptionFn,
@@ -245,14 +246,14 @@ const J = (n) => {
           fieldName: g(e)
         })
       ], 64))), 128)),
-      Y("div", fe, [
-        M(R, {
+      Y("div", de, [
+        M(x, {
           label: w(s).clearFieldText,
           onClick: j,
           "data-wv-section": "clearbutton",
           text: ""
         }, null, 8, ["label"]),
-        M(R, {
+        M(x, {
           label: w(s).applyText,
           onClick: w(E),
           "data-wv-section": "applybutton",
@@ -263,10 +264,10 @@ const J = (n) => {
       [te, T.value]
     ]);
   }
-}), Ne = /* @__PURE__ */ x({
+}), Ne = /* @__PURE__ */ R({
   __name: "FilterContainer",
   setup(n) {
-    return (u, o) => (h(), _(de, b({
+    return (u, o) => (h(), _(fe, b({
       fields: u.$attrs.fields
     }, u.$attrs), {
       field: ae(({ field: l, fieldName: s }) => [
@@ -286,6 +287,6 @@ const J = (n) => {
   }
 });
 export {
-  de as _,
+  fe as _,
   Ne as a
 };

package/icon/index.d.ts

@@ -144,6 +144,7 @@ export type WangsIcons =
   | 'node-tree'
   | 'note'
   | 'notification'
+  | 'organization-chart'
   | 'pdf'
   | 'pair-tag'
   | 'pencil'
@@ -181,6 +182,7 @@ export type WangsIcons =
   | 'star'
   | 'store'
   | 'subtract'
+  | 'table'
   | 'time'
   | 'ticket'
   | 'tools'

package/multiselect/index.d.ts

@@ -133,6 +133,11 @@ export interface MultiSelectProps {
    * Decides how many selected item labels to show at most.
    */
   maxSelectedLabels?: number;
+
+  /**
+   * To disable select all functionality
+   */
+  hideHeaderCheckbox?: boolean;
 }
 
 /**

package/multiselect/index.es.js

@@ -1,16 +1,16 @@
-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 { 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 S } from "../event-bus/index.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 M } from "../button/index.es.js";
+import { _ as S } 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({
+const be = /* @__PURE__ */ z({
   __name: "MultiSelect",
   props: {
     modelValue: {},
@@ -33,40 +33,41 @@ const he = /* @__PURE__ */ z({
     filterPlaceholder: {},
     display: { default: "chip" },
     selectedItemsLabel: {},
-    maxSelectedLabels: {}
+    maxSelectedLabels: {},
+    hideHeaderCheckbox: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue", "show", "hide"],
-  setup(B, { expose: C, emit: L }) {
-    const e = B, P = L;
+  setup(M, { expose: x, emit: B }) {
+    const e = M, L = B;
     E(() => {
-      x(), S.on("multi-select:hide-overlay", y);
-    }), T(() => {
-      S.off("multi-select:hide-overlay");
+      _(), C.on("multi-select:hide-overlay", g);
+    }), H(() => {
+      C.off("multi-select:hide-overlay");
     });
-    const { locale: m } = X("MultiSelect"), n = U("preset", {}).multiselect, u = A(!1), d = R(), a = D({
+    const { locale: m } = X("MultiSelect"), s = T("preset", {}).multiselect, u = U(!1), d = A(), a = R({
       value: e.initialValue ? e.initialValue : e.modelValue
-    }), _ = h(() => Y(e.options)), $ = h(() => {
+    }), P = b(() => Y(e.options)), $ = b(() => {
       var l;
       return m.emptySelectionErrorMessage.replace("{label}", e.label).replace(
         "{formattedLabel}",
         (l = Z(e.label)) == null ? void 0 : l.toLowerCase()
       );
-    }), O = h(() => {
+    }), 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()));
-    }), 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 ?? $.value : !0)
       ), (l = e.initialValue) != null && l.length && (a.value = e.initialValue));
-    }, g = () => {
-      d.value && d.value.show();
     }, y = () => {
+      d.value && d.value.show();
+    }, g = () => {
       d.value && d.value.hide();
     }, I = (l) => {
       const o = l != null && l.length ? l : void 0;
-      P("update:modelValue", o);
+      L("update:modelValue", o);
     };
     return v(
       () => a.value,
@@ -84,30 +85,30 @@ const he = /* @__PURE__ */ z({
         a.value = l;
       },
       { once: !0 }
-    ), C({
+    ), x({
       isShowOverlay: u,
-      showOverlay: g,
-      hideOverlay: y
+      showOverlay: y,
+      hideOverlay: g
     }), (l, o) => (w(), V(le, {
       info: l.fieldInfo,
       label: e.label,
       mandatory: e.mandatory,
       "show-optional-text": l.showOptionalText
     }, {
-      default: t(() => [
-        i(oe, {
-          class: F({ "rounded-none !ring-0 !w-max": l.controls }),
+      default: i(() => [
+        r(oe, {
+          class: D({ "rounded-none !ring-0 !w-max": l.controls }),
           disabled: e.disabled,
           invalid: !!a.errorMessage
         }, {
-          default: t(() => {
-            var b;
+          default: i(() => {
+            var h;
             return [
-              i(r(ee), k(e, {
+              r(t(ee), k(e, {
                 ref_key: "multiselect",
                 ref: d,
                 modelValue: a.value,
-                "onUpdate:modelValue": o[0] || (o[0] = (s) => a.value = s),
+                "onUpdate:modelValue": o[0] || (o[0] = (n) => a.value = n),
                 "aria-describedby": e.label + "error",
                 class: [
                   {
@@ -115,58 +116,70 @@ const he = /* @__PURE__ */ z({
                   }
                 ],
                 display: e.display,
-                "filter-placeholder": e.filterPlaceholder || r(m).filterPlaceholder,
+                "filter-placeholder": e.filterPlaceholder || t(m).filterPlaceholder,
                 "max-selected-labels": e.maxSelectedLabels,
-                options: _.value,
+                options: P.value,
                 placeholder: O.value,
+                pt: {
+                  headerCheckbox: {
+                    ...t(s).headerCheckbox,
+                    root: {
+                      ...t(s).headerCheckbox.root,
+                      class: [
+                        ...t(s).headerCheckbox.root.class,
+                        { hidden: l.hideHeaderCheckbox }
+                      ]
+                    }
+                  }
+                },
                 "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] = (s) => (u.value = !1, l.$emit("hide"))),
-                onShow: o[2] || (o[2] = (s) => (l.$emit("show"), u.value = !0))
+                "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({
-                dropdownicon: t(() => [
-                  i(c, p(f(r(n).dropdownicon({ state: { isShowOverlay: u.value } }))), null, 16)
+                dropdownicon: i(() => [
+                  r(c, p(f(t(s).dropdownicon({ state: { isShowOverlay: u.value } }))), null, 16)
                 ]),
-                headercheckboxicon: t(() => [
-                  i(c, { icon: "check" })
+                headercheckboxicon: i(() => [
+                  r(c, { icon: "check" })
                 ]),
-                itemcheckboxicon: t(() => [
-                  i(c, { icon: "check" })
+                itemcheckboxicon: i(() => [
+                  r(c, { icon: "check" })
                 ]),
-                filtericon: t(() => [
-                  i(c, p(f(r(n).filtericon)), null, 16)
+                filtericon: i(() => [
+                  r(c, p(f(t(s).filtericon)), null, 16)
                 ]),
-                removetokenicon: t(({ removeCallback: s, item: N }) => [
-                  i(M, k({
-                    onClick: q((j) => s(j, N), ["stop"])
-                  }, r(n).removeTokenIcon, {
+                removetokenicon: i(({ removeCallback: n, item: N }) => [
+                  r(S, k({
+                    onClick: q((j) => n(j, N), ["stop"])
+                  }, t(s).removeTokenIcon, {
                     icon: "close",
                     rounded: "",
                     severity: "dark",
                     text: ""
                   }), null, 16, ["onClick"])
                 ]),
-                loadingicon: t(() => [
-                  i(c, p(f(r(n).loadingicon)), null, 16)
+                loadingicon: i(() => [
+                  r(c, p(f(t(s).loadingicon)), null, 16)
                 ]),
                 _: 2
               }, [
                 l.loading ? {
                   name: "value",
-                  fn: t(({ placeholder: s }) => [
-                    G("span", p(f(r(n).loadingplaceholder)), J(s), 17)
+                  fn: i(({ placeholder: n }) => [
+                    G("span", p(f(t(s).loadingplaceholder)), J(n), 17)
                   ]),
                   key: "0"
                 } : void 0
-              ]), 1040, ["modelValue", "aria-describedby", "class", "display", "filter-placeholder", "max-selected-labels", "options", "placeholder", "selected-items-label", "show-toggle-all", "virtual-scroller-options"]),
-              H(l.$slots, "trigger", {
+              ]), 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
               }, () => [
-                l.controls ? (w(), V(M, {
+                l.controls ? (w(), V(S, {
                   key: 0,
                   disabled: e.disabled,
-                  onClick: g,
+                  onClick: y,
                   class: "!rounded !ring-0",
                   icon: "add"
                 }, null, 8, ["disabled"])) : K("", !0)
@@ -175,7 +188,7 @@ const he = /* @__PURE__ */ z({
           }),
           _: 3
         }, 8, ["class", "disabled", "invalid"]),
-        i(ae, {
+        r(ae, {
           id: e.label + "error",
           message: a.errorMessage
         }, null, 8, ["id", "message"])
@@ -185,5 +198,5 @@ const he = /* @__PURE__ */ z({
   }
 });
 export {
-  he as _
+  be as _
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-gsts",
-  "version": "1.0.0-alpha.39",
+  "version": "1.0.0-alpha.40",
   "author": "Wangsit FE Developer",
   "description": "Global Settings Tagsamurai VueJS Component Library",
   "type": "module",