@fewangsit/wangsvue-fats 1.0.1-alpha.59 → 1.0.1-alpha.60

package/backgroundimagecropper/index.es.js

@@ -50,8 +50,8 @@ const I = (i, s) => {
       _: 3
     }, 8, ["mouse-move", "touch-move", "touch-resize", "wheel-resize"]));
   }
-}), S = /* @__PURE__ */ I(R, [["__scopeId", "data-v-9031c32d"]]);
+}), b = /* @__PURE__ */ I(R, [["__scopeId", "data-v-5cd98b2d"]]);
 export {
-  S as B,
+  b as B,
   I 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/dialogprintqr/index.es.js

@@ -231,8 +231,8 @@ const H = /* @__PURE__ */ nA(vA), j = "data:image/png;base64,iVBORw0KGgoAAAANSUh
             t[4] || (t[4] = e("span", null, "Preview", -1)),
             a(eA, {
               icon: "info",
-              info: `This preview is only for showing the side of the\r
-          label that printed or not. It does not show the\r
+              info: `This preview is only for showing the side of the
+          label that printed or not. It does not show the
           exact amount you entered.`,
               severity: "primary"
             })

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 }) => [

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-fats",
-  "version": "1.0.1-alpha.59",
+  "version": "1.0.1-alpha.60",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",