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

package/backgroundimagecropper/index.es.js

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

package/datepicker/index.d.ts

@@ -1,4 +1,6 @@
-import { DefineComponent } from 'vue';
+import { Slot } from 'vue';
+
+import { ClassComponent } from '../ts-helpers';
 
 /**
  * DatePicker component props
@@ -47,6 +49,15 @@ export type DatePickerEmits = {
   'update:modelValue': [days?: number[]];
 };
 
-declare const DatePicker: DefineComponent<DatePickerProps, DatePickerEmits>;
+export interface DatePickerSlots {
+  header: Slot;
+  footer: Slot;
+}
+
+declare class DatePicker extends ClassComponent<
+  DatePickerProps,
+  DatePickerSlots,
+  DatePickerEmits
+> {}
 
 export default DatePicker;

package/datepicker/index.es.js

@@ -1,13 +1,19 @@
-import { defineComponent as $, onMounted as B, reactive as C, shallowRef as f, computed as D, watch as _, createElementBlock as c, openBlock as d, Fragment as v, createVNode as o, unref as s, withCtx as m, renderList as M, toDisplayString as E } from "vue";
-import { u as N } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as S } from "../plugins/basei18n.es.js";
-import { s as F } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
-import { s as P } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
-import { _ as R } from "../fieldwrapper/index.es.js";
-import { _ as T } from "../icon/index.es.js";
-import { _ as j } from "../inputgroup/index.es.js";
-import { _ as A } from "../validatormessage/index.es.js";
-const I = ["aria-selected", "data-in-range", "onClick"], Q = /* @__PURE__ */ $({
+import { defineComponent as B, onMounted as D, reactive as M, shallowRef as f, computed as N, watch as _, createElementBlock as s, openBlock as i, Fragment as v, createVNode as o, unref as c, withCtx as m, createCommentVNode as y, createElementVNode as E, renderSlot as h, renderList as S, toDisplayString as F } from "vue";
+import { u as P } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as R } from "../plugins/basei18n.es.js";
+import { s as T } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { s as j } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
+import { _ as A } from "../fieldwrapper/index.es.js";
+import { _ as I } from "../icon/index.es.js";
+import { _ as K } from "../inputgroup/index.es.js";
+import { _ as L } from "../validatormessage/index.es.js";
+const O = {
+  key: 0,
+  class: "mb-2.5"
+}, Y = { class: "grid grid-cols-7 grid-rows-[repeat(5,max-content)]" }, q = ["aria-selected", "data-in-range", "onClick"], z = {
+  key: 1,
+  class: "mt-2.5"
+}, te = /* @__PURE__ */ B({
   __name: "DatePicker",
   props: {
     modelValue: {},
@@ -20,16 +26,16 @@ const I = ["aria-selected", "data-in-range", "onClick"], Q = /* @__PURE__ */ $({
     errorMessage: {}
   },
   emits: ["update:modelValue"],
-  setup(y) {
-    const n = y;
-    B(() => {
+  setup(k) {
+    const n = k;
+    D(() => {
       n.useValidator && Object.assign(
         a,
-        N(
+        P(
           n.fieldName ?? "date",
           (e) => {
             var t;
-            return !(e != null && e.length) && n.mandatory ? u(((t = n.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a date") : !0;
+            return !(e != null && e.length) && n.mandatory ? d(((t = n.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a date") : !0;
           },
           {
             initialValue: n.initialValue ?? []
@@ -37,18 +43,18 @@ const I = ["aria-selected", "data-in-range", "onClick"], Q = /* @__PURE__ */ $({
         )
       );
     });
-    const { t: u } = S(), a = C({ value: [] }), i = f(), p = f(), h = D(() => {
+    const { t: d } = R(), a = M({ value: [] }), u = f(), p = f(), V = N(() => {
       const e = a.value[0], t = a.value[1];
       return t && e !== t ? e + " - " + t : e == null ? void 0 : e.toString();
-    }), k = Array.from({ length: 31 }, (e, t) => t + 1), x = (e) => {
+    }), b = Array.from({ length: 31 }, (e, t) => t + 1), $ = (e) => {
       var l;
       const t = a.value[0], r = a.value[1];
-      t != null && r != null && t === r ? (a.value[1] = e, (l = i.value) == null || l.hide()) : a.value = [e, e], a.value.sort((b, w) => b - w);
+      t != null && r != null && t === r ? (a.value[1] = e, (l = u.value) == null || l.hide()) : a.value = [e, e], a.value.sort((w, C) => w - C);
     }, g = (e) => {
       var r, l;
       const t = ((r = p.value) == null ? void 0 : r.$el) || null;
-      t && i.value && t.focus(), (l = i.value) == null || l.toggle(e);
-    }, V = (e) => {
+      t && u.value && t.focus(), (l = u.value) == null || l.toggle(e);
+    }, x = (e) => {
       var t;
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
@@ -74,28 +80,28 @@ const I = ["aria-selected", "data-in-range", "onClick"], Q = /* @__PURE__ */ $({
       (e) => {
         a.value = e ?? [];
       }
-    ), (e, t) => (d(), c(v, null, [
-      o(R, {
-        label: e.label ? s(u)(e.label) : void 0,
+    ), (e, t) => (i(), s(v, null, [
+      o(A, {
+        label: e.label ? c(d)(e.label) : void 0,
         mandatory: e.mandatory
       }, {
         default: m(() => [
-          o(j, {
+          o(K, {
             invalid: !!a.errorMessage,
             onClick: g,
             class: "grid grid-cols-[1fr,max-content] !items-center gap-1 px-3 py-1"
           }, {
             default: m(() => [
-              o(s(F), {
+              o(c(T), {
                 ref_key: "inputtext",
                 ref: p,
-                "model-value": h.value,
-                placeholder: s(u)("Select date"),
-                onKeydown: V,
+                "model-value": V.value,
+                placeholder: c(d)("Select date"),
+                onKeydown: x,
                 class: "!p-0",
                 readonly: ""
               }, null, 8, ["model-value", "placeholder"]),
-              o(T, {
+              o(I, {
                 class: "w-4 h-4 shrink-0 !text-general-500",
                 "data-ts-section": "inputtrigger",
                 icon: "calendar"
@@ -103,38 +109,46 @@ const I = ["aria-selected", "data-in-range", "onClick"], Q = /* @__PURE__ */ $({
             ]),
             _: 1
           }, 8, ["invalid"]),
-          o(A, {
+          o(L, {
             message: a.errorMessage,
             "data-test": "datepicker-validator-message"
           }, null, 8, ["message"])
         ]),
         _: 1
       }, 8, ["label", "mandatory"]),
-      o(s(P), {
+      o(c(j), {
         ref_key: "panel",
-        ref: i,
+        ref: u,
         pt: {
           content: {
-            class: "grid grid-cols-7 grid-rows-[repeat(5,max-content)] p-6"
+            class: "p-6"
           }
         },
         class: "border-none !mt-0 !shadow-panel"
       }, {
         default: m(() => [
-          (d(!0), c(v, null, M(s(k), (r) => (d(), c("span", {
-            key: r,
-            "aria-selected": a.value.includes(r),
-            "data-in-range": a.value[0] < r && r < a.value[1],
-            onClick: (l) => x(r),
-            class: "text-xs text-general-800 bg-white hover:bg-primary-100 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 [&[data-in-range='true']]:text-general-800 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 [&[aria-selected='true']]:text-white text-center p-2 cursor-pointer",
-            "data-ts-section": "date"
-          }, E(r), 9, I))), 128))
+          e.$slots.header ? (i(), s("div", O, [
+            h(e.$slots, "header")
+          ])) : y("", !0),
+          E("div", Y, [
+            (i(!0), s(v, null, S(c(b), (r) => (i(), s("span", {
+              key: r,
+              "aria-selected": a.value.includes(r),
+              "data-in-range": a.value[0] < r && r < a.value[1],
+              onClick: (l) => $(r),
+              class: "text-xs text-general-800 bg-white hover:bg-primary-100 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 [&[data-in-range='true']]:text-general-800 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 [&[aria-selected='true']]:text-white text-center p-2 cursor-pointer",
+              "data-ts-section": "date"
+            }, F(r), 9, q))), 128))
+          ]),
+          e.$slots.footer ? (i(), s("div", z, [
+            h(e.$slots, "footer")
+          ])) : y("", !0)
         ]),
-        _: 1
+        _: 3
       }, 512)
     ], 64));
   }
 });
 export {
-  Q as _
+  te as _
 };

package/daypicker/index.d.ts

@@ -1,4 +1,6 @@
-import { DefineComponent } from 'vue';
+import { Slot } from 'vue';
+
+import { ClassComponent } from '../ts-helpers';
 
 /**
  * DayPicker component props
@@ -47,6 +49,15 @@ export type DayPickerEmits = {
   'update:modelValue': [days?: number[]];
 };
 
-declare const DayPicker: DefineComponent<DayPickerProps, DayPickerEmits>;
+export interface DayPickerSlots {
+  header: Slot;
+  footer: Slot;
+}
+
+declare class DayPicker extends ClassComponent<
+  DayPickerProps,
+  DayPickerSlots,
+  DayPickerEmits
+> {}
 
 export default DayPicker;

package/daypicker/index.es.js

@@ -1,13 +1,19 @@
-import { defineComponent as $, onMounted as C, reactive as M, shallowRef as g, computed as B, watch as y, createElementBlock as f, openBlock as v, Fragment as _, createVNode as s, unref as o, withCtx as m, renderList as S, createElementVNode as D, normalizeClass as N, toDisplayString as F } from "vue";
-import { u as T } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
-import { u as E } from "../plugins/basei18n.es.js";
-import { s as P } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
-import { s as R } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
-import { _ as j } from "../fieldwrapper/index.es.js";
-import { _ as z } from "../icon/index.es.js";
-import { _ as I } from "../inputgroup/index.es.js";
-import { _ as L } from "../validatormessage/index.es.js";
-const O = ["aria-selected", "data-in-range", "onClick"], U = /* @__PURE__ */ $({
+import { defineComponent as B, onMounted as N, reactive as x, shallowRef as f, computed as D, watch as v, createElementBlock as u, openBlock as c, Fragment as _, createVNode as n, unref as o, withCtx as g, createCommentVNode as h, createElementVNode as k, renderSlot as V, renderList as F, normalizeClass as T, toDisplayString as E } from "vue";
+import { u as P } from "../vendor/vee-validate/dist/vee-validate.esm.es.js";
+import { u as R } from "../plugins/basei18n.es.js";
+import { s as j } from "../vendor/primevue/inputtext/inputtext.esm.es.js";
+import { s as z } from "../vendor/primevue/overlaypanel/overlaypanel.esm.es.js";
+import { _ as I } from "../fieldwrapper/index.es.js";
+import { _ as L } from "../icon/index.es.js";
+import { _ as O } from "../inputgroup/index.es.js";
+import { _ as W } from "../validatormessage/index.es.js";
+const Y = {
+  key: 0,
+  class: "mb-2.5"
+}, q = { class: "grid grid-cols-3 gap-y-4" }, A = ["aria-selected", "data-in-range", "onClick"], G = {
+  key: 1,
+  class: "mt-2.5"
+}, te = /* @__PURE__ */ B({
   __name: "DayPicker",
   props: {
     modelValue: {},
@@ -20,22 +26,22 @@ const O = ["aria-selected", "data-in-range", "onClick"], U = /* @__PURE__ */ $({
     errorMessage: {}
   },
   emits: ["update:modelValue"],
-  setup(h) {
-    const n = h;
-    C(() => {
-      n.useValidator && Object.assign(
+  setup(b) {
+    const s = b;
+    N(() => {
+      s.useValidator && Object.assign(
         a,
-        T(
-          n.fieldName ?? "day",
+        P(
+          s.fieldName ?? "day",
           (e) => {
             var t;
-            return !(e != null && e.length) && n.mandatory ? i(((t = n.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a day") : !0;
+            return !(e != null && e.length) && s.mandatory ? i(((t = s.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a day") : !0;
           },
-          { initialValue: n.initialValue ?? [] }
+          { initialValue: s.initialValue ?? [] }
         )
       );
     });
-    const d = [
+    const m = [
       "Monday",
       "Tuesday",
       "Wednesday",
@@ -43,53 +49,53 @@ const O = ["aria-selected", "data-in-range", "onClick"], U = /* @__PURE__ */ $({
       "Friday",
       "Saturday",
       "Sunday"
-    ], { t: i } = E(), a = M({ value: [] }), u = g(), p = g(), V = B(() => {
-      const e = d[a.value[0]], t = d[a.value[1]];
+    ], { t: i } = R(), a = x({ value: [] }), d = f(), y = f(), $ = D(() => {
+      const e = m[a.value[0]], t = m[a.value[1]];
       return t && e !== t ? e + " - " + t : e;
-    }), k = (e, t) => {
-      var c;
+    }), w = (e, t) => {
+      var p;
       const r = a.value[0], l = a.value[1];
-      r != null && l != null && r === l ? (a.value[1] = t, (c = u.value) == null || c.hide()) : a.value = [t, t], a.value.sort((x, w) => x - w);
-    }, b = (e) => {
+      r != null && l != null && r === l ? (a.value[1] = t, (p = d.value) == null || p.hide()) : a.value = [t, t], a.value.sort((M, S) => M - S);
+    }, C = (e) => {
       var r, l;
-      const t = ((r = p.value) == null ? void 0 : r.$el) || null;
-      t && u.value && t.focus(), (l = u.value) == null || l.toggle(e);
+      const t = ((r = y.value) == null ? void 0 : r.$el) || null;
+      t && d.value && t.focus(), (l = d.value) == null || l.toggle(e);
     };
-    return y(
-      () => n.initialValue,
+    return v(
+      () => s.initialValue,
       () => {
         var e;
-        (e = n.initialValue) != null && e.length && (a.value = n.initialValue);
+        (e = s.initialValue) != null && e.length && (a.value = s.initialValue);
       },
       {
         once: !0
       }
-    ), y(
-      () => n.modelValue,
+    ), v(
+      () => s.modelValue,
       (e) => {
         a.value = e ?? [];
       }
-    ), (e, t) => (v(), f(_, null, [
-      s(j, {
+    ), (e, t) => (c(), u(_, null, [
+      n(I, {
         label: e.label ? o(i)(e.label) : void 0,
         mandatory: e.mandatory
       }, {
-        default: m(() => [
-          s(I, {
+        default: g(() => [
+          n(O, {
             invalid: !!a.errorMessage,
-            onClick: b,
+            onClick: C,
             class: "grid grid-cols-[1fr,max-content] !items-center gap-1 px-3 py-1"
           }, {
-            default: m(() => [
-              s(o(P), {
+            default: g(() => [
+              n(o(j), {
                 ref_key: "inputtext",
-                ref: p,
-                "model-value": V.value,
+                ref: y,
+                "model-value": $.value,
                 placeholder: o(i)("Select day"),
                 class: "!p-0",
                 readonly: ""
               }, null, 8, ["model-value", "placeholder"]),
-              s(z, {
+              n(L, {
                 class: "w-4 h-4 shrink-0 !text-general-500",
                 "data-ts-section": "inputtrigger",
                 icon: "calendar"
@@ -97,38 +103,46 @@ const O = ["aria-selected", "data-in-range", "onClick"], U = /* @__PURE__ */ $({
             ]),
             _: 1
           }, 8, ["invalid"]),
-          s(L, {
+          n(W, {
             message: a.errorMessage,
             "data-test": "daypicker-validator-message"
           }, null, 8, ["message"])
         ]),
         _: 1
       }, 8, ["label", "mandatory"]),
-      s(o(R), {
+      n(o(z), {
         ref_key: "panel",
-        ref: u,
+        ref: d,
         pt: {
           content: {
-            class: "grid grid-cols-3 p-6 gap-y-4"
+            class: "p-6"
           }
         },
         class: "border-none !mt-0 !shadow-panel"
       }, {
-        default: m(() => [
-          (v(), f(_, null, S(d, (r, l) => D("span", {
-            key: r,
-            "aria-selected": a.value.includes(l),
-            class: N([{ "col-start-2": r === "Sunday" }, "text-xs text-general-800 bg-white hover:bg-primary-100 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 [&[data-in-range='true']]:text-general-800 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 [&[aria-selected='true']]:text-white text-center p-2 cursor-pointer"]),
-            "data-in-range": a.value[0] < l && l < a.value[1],
-            onClick: (c) => k(r, l),
-            "data-ts-section": "day"
-          }, F(o(i)(r)), 11, O)), 64))
+        default: g(() => [
+          e.$slots.header ? (c(), u("div", Y, [
+            V(e.$slots, "header")
+          ])) : h("", !0),
+          k("div", q, [
+            (c(), u(_, null, F(m, (r, l) => k("span", {
+              key: r,
+              "aria-selected": a.value.includes(l),
+              class: T([{ "col-start-2": r === "Sunday" }, "text-xs text-general-800 bg-white hover:bg-primary-100 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 [&[data-in-range='true']]:text-general-800 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 [&[aria-selected='true']]:text-white text-center p-2 cursor-pointer"]),
+              "data-in-range": a.value[0] < l && l < a.value[1],
+              onClick: (p) => w(r, l),
+              "data-ts-section": "day"
+            }, E(o(i)(r)), 11, A)), 64))
+          ]),
+          e.$slots.footer ? (c(), u("div", G, [
+            V(e.$slots, "footer")
+          ])) : h("", !0)
         ]),
-        _: 1
+        _: 3
       }, 512)
     ], 64));
   }
 });
 export {
-  U as _
+  te as _
 };

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
-          label that printed or not. It does not show the
+              info: `This preview is only for showing the side of the\r
+          label that printed or not. It does not show the\r
           exact amount you entered.`,
               severity: "primary"
             })

package/icon/index.d.ts

@@ -32,6 +32,7 @@ export type WangsIcons =
   | 'assignment'
   | 'attachment-2'
   | 'audit'
+  | 'bank-card-line'
   | 'barcode'
   | 'barricade-line'
   | 'bell'
@@ -187,6 +188,7 @@ export type WangsIcons =
   | 'ticket'
   | 'tools'
   | 'tracking'
+  | 'truck-line'
   | 'unassign'
   | 'upload-2'
   | 'upload-cloud-2'

package/package.json

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