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

package/datepicker/index.es.js

@@ -1,4 +1,140 @@
-import { _ as f } from "./DatePicker.es.js";
+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__ */ $({
+  __name: "DatePicker",
+  props: {
+    modelValue: {},
+    initialValue: {},
+    label: {},
+    useValidator: { type: Boolean },
+    fieldName: {},
+    mandatory: { type: Boolean },
+    invalid: { type: Boolean },
+    errorMessage: {}
+  },
+  emits: ["update:modelValue"],
+  setup(y) {
+    const n = y;
+    B(() => {
+      n.useValidator && Object.assign(
+        a,
+        N(
+          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;
+          },
+          {
+            initialValue: n.initialValue ?? []
+          }
+        )
+      );
+    });
+    const { t: u } = S(), a = C({ value: [] }), i = f(), p = f(), h = D(() => {
+      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) => {
+      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);
+    }, 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) => {
+      var t;
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault();
+        const r = (t = e.target) == null ? void 0 : t.parentElement, l = {
+          ...e,
+          target: r,
+          currentTarget: r
+        };
+        g(l);
+      }
+    };
+    return _(
+      () => n.initialValue,
+      () => {
+        var e;
+        (e = n.initialValue) != null && e.length && (a.value = n.initialValue);
+      },
+      {
+        once: !0
+      }
+    ), _(
+      () => n.modelValue,
+      (e) => {
+        a.value = e ?? [];
+      }
+    ), (e, t) => (d(), c(v, null, [
+      o(R, {
+        label: e.label ? s(u)(e.label) : void 0,
+        mandatory: e.mandatory
+      }, {
+        default: m(() => [
+          o(j, {
+            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), {
+                ref_key: "inputtext",
+                ref: p,
+                "model-value": h.value,
+                placeholder: s(u)("Select date"),
+                onKeydown: V,
+                class: "!p-0",
+                readonly: ""
+              }, null, 8, ["model-value", "placeholder"]),
+              o(T, {
+                class: "w-4 h-4 shrink-0 !text-general-500",
+                "data-ts-section": "inputtrigger",
+                icon: "calendar"
+              })
+            ]),
+            _: 1
+          }, 8, ["invalid"]),
+          o(A, {
+            message: a.errorMessage,
+            "data-test": "datepicker-validator-message"
+          }, null, 8, ["message"])
+        ]),
+        _: 1
+      }, 8, ["label", "mandatory"]),
+      o(s(P), {
+        ref_key: "panel",
+        ref: i,
+        pt: {
+          content: {
+            class: "grid grid-cols-7 grid-rows-[repeat(5,max-content)] 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))
+        ]),
+        _: 1
+      }, 512)
+    ], 64));
+  }
+});
 export {
-  f as default
+  Q as _
 };

package/daypicker/index.es.js

@@ -1,12 +1,12 @@
 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 "../datepicker/DatePicker.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/FieldWrapper.es.js";
-import z from "../icon/index.es.js";
-import { _ as I } from "../inputgroup/InputGroup.es.js";
-import L from "../validatormessage/index.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__ */ $({
   __name: "DayPicker",
   props: {
@@ -130,5 +130,5 @@ const O = ["aria-selected", "data-in-range", "onClick"], U = /* @__PURE__ */ $({
   }
 });
 export {
-  U as default
+  U as _
 };

package/dialog/index.es.js

@@ -41,7 +41,7 @@ const g = /* @__PURE__ */ f({
   setup(C) {
     const i = u("preset", {}).dialog;
     return (e, o) => {
-      var r, d, n, p;
+      var r, n, d, p;
       return $(), m(s(B), y(e.$props, {
         pt: {
           root: {
@@ -52,14 +52,14 @@ const g = /* @__PURE__ */ f({
           },
           header: {
             class: [
-              ...(d = s(i)) == null ? void 0 : d.header.class,
+              ...(n = s(i)) == null ? void 0 : n.header.class,
               ...Array.isArray(e.$props.headerClass) ? e.$props.headerClass : [e.$props.headerClass]
             ],
             "data-wv-section": "dialogheader"
           },
           content: {
             class: [
-              ...(n = s(i)) == null ? void 0 : n.content({ state: {}, instance: {} }).class,
+              ...(d = s(i)) == null ? void 0 : d.content({ state: {}, instance: {} }).class,
               ...Array.isArray(e.$props.contentClass) ? e.$props.contentClass : [e.$props.contentClass]
             ]
           },
@@ -117,5 +117,5 @@ const g = /* @__PURE__ */ f({
   }
 });
 export {
-  g as default
+  g as _
 };

package/dialogassetnamedetail/index.es.js

@@ -1,12 +1,12 @@
 import { defineComponent as D, computed as x, shallowRef as O, ref as T, createBlock as k, openBlock as B, withCtx as C, createElementVNode as m, createVNode as u, toDisplayString as b, unref as g } from "vue";
 import { AssetNameServices as y } from "@tagsamurai/fats-api-services";
-import p from "../badge/index.es.js";
+import { _ as p } from "../badge/index.es.js";
 import { u as R } from "../utils/toast.util.es.js";
-import G from "../buttonfilter/index.es.js";
-import M from "../buttonsearch/index.es.js";
-import I from "../datatable/index.es.js";
-import P from "../dialog/index.es.js";
-import $ from "../filtercontainer/index.es.js";
+import { _ as G } from "../buttonfilter/index.es.js";
+import { _ as M } from "../buttonsearch/index.es.js";
+import { D as I } from "../datatable/index.es.js";
+import { _ as P } from "../dialog/index.es.js";
+import { _ as $ } from "../filtercontainer/index.es.js";
 const E = () => [
   {
     field: "assets.name.nameWithSequence",
@@ -160,7 +160,7 @@ const E = () => [
   },
   emits: ["update:visible"],
   setup(e, { emit: s }) {
-    const a = R(), o = e, v = s, A = E(), f = x(() => o.visible), c = O("dialog-asset-name-detail-table"), d = T(), h = async () => {
+    const a = R(), o = e, v = s, A = E(), f = x(() => o.visible), c = O("dialog-asset-name-detail-table"), d = T(), _ = async () => {
       try {
         const { data: r } = await y.getAssetNameDetail(
           o.id
@@ -169,7 +169,7 @@ const E = () => [
       } catch (r) {
         a.add({ error: r, message: "Error, failed to load asset name detail" });
       }
-    }, _ = async (r) => {
+    }, h = async (r) => {
       var i, n;
       try {
         const t = o.params ? { ...r, ...o.params } : r, { data: l } = await y.getAssetsByAssetName(o.id, {
@@ -201,7 +201,7 @@ const E = () => [
       ],
       draggable: !1,
       header: r.header,
-      onShow: h,
+      onShow: _,
       class: "w-[800px]",
       closable: "",
       "data-ts-name": "dialog-asset-name-detail",
@@ -225,7 +225,7 @@ const E = () => [
             }, null, 8, ["fields", "table-name"]),
             u(I, {
               columns: g(A),
-              "fetch-function": _,
+              "fetch-function": h,
               rows: 10,
               "table-name": c.value,
               "use-option": !1,
@@ -242,5 +242,5 @@ const E = () => [
   }
 });
 export {
-  se as default
+  se as _
 };

package/dialogbasictransferlog/{DialogBasicTransferLog.es.js → index.es.js}

@@ -1,14 +1,14 @@
-import { defineComponent as O, mergeModels as S, useModel as F, ref as v, inject as K, computed as p, watch as T, createBlock as x, openBlock as r, withCtx as _, createElementBlock as m, createCommentVNode as M, createElementVNode as a, createVNode as i, toDisplayString as L } from "vue";
+import { defineComponent as O, mergeModels as S, useModel as F, ref as v, inject as K, computed as p, watch as T, createBlock as x, openBlock as r, withCtx as b, createElementBlock as m, createCommentVNode as M, createElementVNode as a, createVNode as i, toDisplayString as L } from "vue";
 import { TransferServices as q } from "@tagsamurai/fats-api-services";
 import { u as E } from "../utils/baseToast.util.es.js";
-import d from "../badge/index.es.js";
-import { _ as A } from "../button/Button.es.js";
-import H from "../dialog/index.es.js";
-import V from "../icon/index.es.js";
-import R from "../tabmenu/index.es.js";
-import U from "../timeline/index.es.js";
-import { _ as W } from "../assetinfo/AssetInfo.es.js";
-import Z from "../userwithicon/index.es.js";
+import { _ as d } from "../badge/index.es.js";
+import { _ as A } from "../button/index.es.js";
+import { _ as H } from "../dialog/index.es.js";
+import { _ as V } from "../icon/index.es.js";
+import { _ as R } from "../tabmenu/index.es.js";
+import { _ as U } from "../timeline/index.es.js";
+import { _ as W } from "../assetinfo/index.es.js";
+import { _ as Z } from "../userwithicon/index.es.js";
 const z = { class: "w-full flex items-center justify-between pr-4" }, J = { class: "flex items-center gap-2" }, Q = {
   key: 0,
   class: "flex flex-col gap-3"
@@ -24,7 +24,7 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
 }, ie = { class: "text-xs font-medium text-general-400" }, re = {
   key: 1,
   class: "text-xs font-medium"
-}, _e = /* @__PURE__ */ O({
+}, be = /* @__PURE__ */ O({
   __name: "DialogBasicTransferLog",
   props: /* @__PURE__ */ S({
     id: {}
@@ -34,7 +34,7 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
   }),
   emits: ["update:visible"],
   setup(y) {
-    const C = y, g = F(y, "visible"), B = E(), n = v(), k = v(), o = v(), w = v(0), u = K("requestIds") ?? v([]), b = p(() => {
+    const C = y, g = F(y, "visible"), B = E(), n = v(), k = v(), o = v(), w = v(0), u = K("requestIds") ?? v([]), _ = p(() => {
       var t;
       return (t = u.value) != null && t.length ? u.value.findIndex((e) => o.value === e) : -1;
     }), h = p(() => {
@@ -95,9 +95,9 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
           });
         }
     }, N = (t) => {
-      if (b.value === -1 || t === "prev" && h.value || t === "next" && $.value)
+      if (_.value === -1 || t === "prev" && h.value || t === "next" && $.value)
         return;
-      const e = t === "prev" ? b.value - 1 : b.value + 1;
+      const e = t === "prev" ? _.value - 1 : _.value + 1;
       o.value = u.value[e];
     };
     return T(g, (t) => {
@@ -113,7 +113,7 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
       header: "Transfer Log",
       modal: ""
     }, {
-      header: _(() => [
+      header: b(() => [
         a("div", z, [
           e[3] || (e[3] = a("div", { class: "flex gap-3 items-center" }, [
             a("span", { class: "text-sm font-bold" }, "Transfer Log")
@@ -136,7 +136,7 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
           ])
         ])
       ]),
-      default: _(() => {
+      default: b(() => {
         var s, c, f;
         return [
           n.value ? (r(), m("div", Q, [
@@ -186,7 +186,7 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
               key: w.value,
               value: D.value
             }, {
-              detail: _((l) => [
+              detail: b((l) => [
                 l.key === "To" ? (r(), m("div", ae, [
                   e[7] || (e[7] = a("span", { class: "text-xs font-medium text-general-400" }, " Destination Group: ", -1)),
                   i(d, {
@@ -221,5 +221,5 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
   }
 });
 export {
-  _e as _
+  be as _
 };

package/dialogconfirm/index.es.js

@@ -1,9 +1,9 @@
 import { defineComponent as J, inject as A, ref as K, computed as O, resolveDirective as Q, createBlock as c, openBlock as r, unref as e, withCtx as b, renderSlot as N, createCommentVNode as u, withDirectives as T, mergeProps as m, createElementBlock as p, normalizeProps as v, Fragment as X, renderList as Y, toDisplayString as y, createElementVNode as E, guardReactiveProps as H } from "vue";
-import { u as Z } from "../animation/Animation.es.js";
+import { u as Z } from "../plugins/WangsVue.es.js";
 import { g as _ } from "../utils/object.util.es.js";
 import { s as x } from "../vendor/primevue/dialog/dialog.esm.es.js";
-import { _ as j } from "../button/Button.es.js";
-import ee from "../icon/index.es.js";
+import { _ as j } from "../button/index.es.js";
+import { _ as ee } from "../icon/index.es.js";
 const ie = /* @__PURE__ */ J({
   __name: "DialogConfirm",
   props: {
@@ -80,46 +80,46 @@ const ie = /* @__PURE__ */ J({
           }
         },
         visible: l.visible,
-        onHide: f[0] || (f[0] = (s) => i("hide")),
-        "onUpdate:visible": f[1] || (f[1] = (s) => i("update:visible", !!s)),
+        onHide: f[0] || (f[0] = (a) => i("hide")),
+        "onUpdate:visible": f[1] || (f[1] = (a) => i("update:visible", !!a)),
         "close-on-escape": "",
         modal: ""
       }, {
         header: b(() => {
-          var s, a;
+          var a, s;
           return [
-            o.showIcon ? (r(), c(ee, m({ key: 0 }, (s = e(t)) == null ? void 0 : s.headericon({ props: l }), {
+            o.showIcon ? (r(), c(ee, m({ key: 0 }, (a = e(t)) == null ? void 0 : a.headericon({ props: l }), {
               severity: o.severity,
               "aria-label": "Header Icon"
             }), null, 16, ["severity"])) : u("", !0),
-            E("h3", v(H((a = e(t)) == null ? void 0 : a.headertitle(o.severity))), y(o.header), 17)
+            E("h3", v(H((s = e(t)) == null ? void 0 : s.headertitle(o.severity))), y(o.header), 17)
           ];
         }),
         default: b(() => {
-          var s;
+          var a;
           return [
-            o.list ? (r(), p("ul", v(m({ key: 0 }, (s = e(t)) == null ? void 0 : s.list)), [
-              (r(!0), p(X, null, Y(o.list, (a, G) => (r(), p("li", { key: G }, y(o.listLabel && typeof a != "string" ? e(_)(a, o.listLabel) : a), 1))), 128))
+            o.list ? (r(), p("ul", v(m({ key: 0 }, (a = e(t)) == null ? void 0 : a.list)), [
+              (r(!0), p(X, null, Y(o.list, (s, G) => (r(), p("li", { key: G }, y(o.listLabel && typeof s != "string" ? e(_)(s, o.listLabel) : s), 1))), 128))
             ], 16)) : u("", !0),
             N(o.$slots, "body", { items: o.list }, () => {
-              var a;
+              var s;
               return [
-                E("p", v(H((a = e(t)) == null ? void 0 : a.bodymessage)), y(o.message ?? e(d).defaultConfirmMessage), 17)
+                E("p", v(H((s = e(t)) == null ? void 0 : s.bodymessage)), y(o.message ?? e(d).defaultConfirmMessage), 17)
               ];
             })
           ];
         }),
         footer: b(() => [
           N(o.$slots, "footer", {}, () => {
-            var s, a;
+            var a, s;
             return [
-              o.showCloseButton ? (r(), c(j, m({ key: 0 }, (s = e(t)) == null ? void 0 : s.cancelbutton, {
+              o.showCloseButton ? (r(), c(j, m({ key: 0 }, (a = e(t)) == null ? void 0 : a.cancelbutton, {
                 label: R.value,
                 onClick: U,
                 severity: "secondary",
                 text: ""
               }), null, 16, ["label"])) : u("", !0),
-              o.actionable ? T((r(), c(j, m({ key: 1 }, (a = e(t)) == null ? void 0 : a.confirmbutton, {
+              o.actionable ? T((r(), c(j, m({ key: 1 }, (s = e(t)) == null ? void 0 : s.confirmbutton, {
                 disabled: o.disableConfirmButton,
                 label: o.confirmLabel ?? e(d).defaultConfirmLabel,
                 severity: o.confirmButtonSeverity ?? o.severity,
@@ -136,5 +136,5 @@ const ie = /* @__PURE__ */ J({
   }
 });
 export {
-  ie as default
+  ie as _
 };

package/dialogdamagelog/index.es.js

@@ -1,15 +1,15 @@
-import { defineComponent as ge, mergeModels as ee, useModel as xe, ref as m, computed as te, watch as be, createBlock as p, openBlock as r, withCtx as g, createElementVNode as t, createVNode as n, createCommentVNode as x, toDisplayString as u, createElementBlock as se, unref as ye, Fragment as _e, normalizeClass as b } from "vue";
+import { defineComponent as ge, mergeModels as ee, useModel as xe, ref as m, computed as te, watch as be, createBlock as p, openBlock as r, withCtx as g, createElementVNode as t, createVNode as n, createCommentVNode as x, toDisplayString as u, createElementBlock as se, unref as _e, Fragment as ye, normalizeClass as b } from "vue";
 import { t as he } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
 import { DamageServices as we } from "@tagsamurai/fats-api-services";
-import { u as De } from "../assetinfo/AssetInfo.es.js";
-import { g as Ie } from "../utils/role.util.es.js";
+import { u as De } from "../assetinfo/index.es.js";
+import { a as Ie } from "../utils/role.util.es.js";
 import { u as ke } from "../utils/toast.util.es.js";
-import v from "../badge/index.es.js";
-import qe from "../dialog/index.es.js";
-import ae from "../image/index.es.js";
-import Re from "../tabmenu/index.es.js";
-import Ce from "../tagtype/index.es.js";
-import Le from "../timeline/index.es.js";
+import { _ as v } from "../badge/index.es.js";
+import { _ as qe } from "../dialog/index.es.js";
+import { _ as ae } from "../image/index.es.js";
+import { _ as Re } from "../tabmenu/index.es.js";
+import { _ as Ce } from "../tagtype/index.es.js";
+import { _ as Le } from "../timeline/index.es.js";
 const Ne = { class: "w-full flex items-center justify-between" }, Se = { class: "flex items-center gap-2" }, $e = ["disabled"], Be = ["disabled"], Me = { class: "flex items-start gap-[18px]" }, Pe = { class: "flex flex-col w-full" }, Te = { class: "w-full flex items-center justify-between" }, Ve = { class: "text-body-medium !font-bold" }, Ae = { class: "flex items-center gap-[6px] text-general-400" }, je = { class: "flex gap-3 w-full mt-[6px]" }, Ee = { class: "flex flex-col gap-1 items-start self-stretch" }, ze = { class: "flex gap-2" }, Fe = ["data-wv-section"], Ge = {
   class: "text-body-medium text-general-400",
   "data-wv-section": "key"
@@ -26,8 +26,8 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ee(["prev", "next"], ["update:modelValue"]),
-  setup(y, { emit: oe }) {
-    const _ = y, h = oe, w = xe(y, "modelValue"), le = ke(), { setLoading: D } = De(), a = m(), l = m(0), I = m(0), i = te(() => _.listId), re = [
+  setup(_, { emit: oe }) {
+    const y = _, h = oe, w = xe(_, "modelValue"), le = ke(), { setLoading: D } = De(), a = m(), l = m(0), I = m(0), i = te(() => y.listId), re = [
       {
         label: "Damage Log"
       }
@@ -97,7 +97,7 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
       createdAt: e.createdAt
     })), me = (s) => {
       var o;
-      const e = (o = _.listId) == null ? void 0 : o.findIndex((d) => d === s);
+      const e = (o = y.listId) == null ? void 0 : o.findIndex((d) => d === s);
       l.value = e;
     }, pe = () => {
       l.value++, h("next", l.value);
@@ -160,7 +160,7 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
               ]),
               t("div", Ae, [
                 t("p", null, u(((N = (L = a.value) == null ? void 0 : L.request) == null ? void 0 : N.assetId) ?? "-") + " " + u((M = (B = ($ = (S = a.value) == null ? void 0 : S.request) == null ? void 0 : $.assetName) == null ? void 0 : B.aliasCode) != null && M.length ? `(${(V = (T = (P = a.value) == null ? void 0 : P.request) == null ? void 0 : T.assetName) == null ? void 0 : V.aliasCode})` : ""), 1),
-                ye(Ie)() === "Enterprise" ? (r(), se(_e, { key: 0 }, [
+                _e(Ie)() === "Enterprise" ? (r(), se(ye, { key: 0 }, [
                   e[3] || (e[3] = t("div", { class: "w-[6px] h-[6px] bg-general-100 rounded" }, null, -1)),
                   (j = (A = a.value) == null ? void 0 : A.request) != null && j.tagType ? (r(), p(Ce, {
                     key: 0,
@@ -241,5 +241,5 @@ const Ne = { class: "w-full flex items-center justify-between" }, Se = { class:
   }
 });
 export {
-  at as default
+  at as _
 };

package/dialogform/index.es.js

@@ -1,12 +1,12 @@
-import { defineComponent as se, useSlots as ie, inject as G, ref as D, shallowRef as P, computed as re, createBlock as m, openBlock as n, unref as t, mergeProps as i, withCtx as J, createElementVNode as B, normalizeProps as p, guardReactiveProps as $, createElementBlock as Q, createCommentVNode as d, createVNode as X, renderSlot as S, toDisplayString as ne, withDirectives as ue, vShow as de } from "vue";
-import { u as me } from "../animation/Animation.es.js";
+import { defineComponent as oe, useSlots as ie, inject as G, ref as D, shallowRef as P, computed as re, createBlock as m, openBlock as n, unref as t, mergeProps as i, withCtx as J, createElementVNode as B, normalizeProps as p, guardReactiveProps as $, createElementBlock as Q, createCommentVNode as d, createVNode as X, renderSlot as S, toDisplayString as ne, withDirectives as ue, vShow as de } from "vue";
+import { u as me } from "../plugins/WangsVue.es.js";
 import { s as ce } from "../vendor/primevue/dialog/dialog.esm.es.js";
-import { _ as w } from "../button/Button.es.js";
-import be from "../checkbox/index.es.js";
-import ve from "../form/index.es.js";
-import fe from "../icon/index.es.js";
-import pe from "../validatormessage/index.es.js";
-const Le = /* @__PURE__ */ se({
+import { _ as w } from "../button/index.es.js";
+import { _ as be } from "../checkbox/index.es.js";
+import { _ as ve } from "../form/index.es.js";
+import { _ as fe } from "../icon/index.es.js";
+import { _ as pe } from "../validatormessage/index.es.js";
+const Le = /* @__PURE__ */ oe({
   __name: "DialogForm",
   props: {
     buttonsTemplate: {},
@@ -42,29 +42,29 @@ const Le = /* @__PURE__ */ se({
   },
   emits: ["clear", "close", "hide", "show", "submit", "update:visible"],
   setup(Y, { expose: Z, emit: x }) {
-    const o = Y, r = x, L = ie(), { locale: c } = me("DialogForm"), _ = G("preset", {}).dialog, l = G("preset", {}).dialogform, s = D(), ee = D(), te = P(0), V = P(!1), b = P(!1), C = D({
+    const s = Y, r = x, L = ie(), { locale: c } = me("DialogForm"), _ = G("preset", {}).dialog, l = G("preset", {}).dialogform, o = D(), ee = D(), te = P(0), V = P(!1), b = P(!1), C = D({
       stayAfterSubmit: !1,
       formValues: {}
     }), ae = re(() => {
-      const e = L["aside-right"] && b.value ? o.asideRightWidth : 0;
+      const e = L["aside-right"] && b.value ? s.asideRightWidth : 0;
       return `calc(${{
         small: 400,
         medium: 500,
         large: 572,
         "semi-xlarge": 600,
         xlarge: 800
-      }[o.width]}px + ${e}px)`;
+      }[s.width]}px + ${e}px)`;
     }), le = () => {
       r("update:visible", !1), r("close");
     }, W = () => {
-      s.value && !o.invalid && !o.validatorMessage && (s.value.onSubmitClicked(), s.value.submit());
+      o.value && !s.invalid && !s.validatorMessage && (o.value.onSubmitClicked(), o.value.submit());
     }, F = () => {
-      s.value && s.value.clearField(), r("clear");
-    }, oe = async (e) => {
-      o.validationFunction && await o.validationFunction(e.formValues), !o.invalid && !o.validatorMessage && (C.value = e, L.confirm ? V.value = !0 : A());
+      o.value && o.value.clearField(), r("clear");
+    }, se = async (e) => {
+      s.validationFunction && await s.validationFunction(e.formValues), !s.invalid && !s.validatorMessage && (C.value = e, L.confirm ? V.value = !0 : A());
     }, A = async (e) => {
       const { stayAfterSubmit: a } = C.value;
-      if (!a && o.closeOnSubmit && r("update:visible", !1), L.confirm)
+      if (!a && s.closeOnSubmit && r("update:visible", !1), L.confirm)
         try {
           await (e == null ? void 0 : e(C.value));
         } catch (v) {
@@ -72,22 +72,22 @@ const Le = /* @__PURE__ */ se({
         }
       else
         r("submit", C.value);
-      o.resetAfterSubmit && F();
+      s.resetAfterSubmit && F();
     };
     return Z({
-      form: s,
+      form: o,
       clearField: F,
       setValues: (e) => {
         var a;
-        (a = s.value) == null || a.setValues(e);
+        (a = o.value) == null || a.setValues(e);
       },
       setFieldValue: (e, a, v) => {
         var y;
-        (y = s.value) == null || y.setFieldValue(e, a, v);
+        (y = o.value) == null || y.setFieldValue(e, a, v);
       },
       setErrors: (e) => {
         var a;
-        (a = s.value) == null || a.setErrors(e);
+        (a = o.value) == null || a.setErrors(e);
       }
     }), (e, a) => {
       var v, y, T, E;
@@ -95,7 +95,7 @@ const Le = /* @__PURE__ */ se({
         ref_key: "dialogForm",
         ref: ee
       }, (v = t(l)) == null ? void 0 : v.root, {
-        class: o.class,
+        class: s.class,
         closable: e.closable,
         draggable: !1,
         header: e.header,
@@ -149,11 +149,11 @@ const Le = /* @__PURE__ */ se({
                 ], 16),
                 X(ve, i((H = t(l)) == null ? void 0 : H.form, {
                   ref_key: "form",
-                  ref: s,
+                  ref: o,
                   "buttons-template": e.buttonsTemplate,
                   "column-per-row": e.columnPerRow,
                   "reset-after-submit": e.resetAfterSubmit,
-                  onSubmit: oe,
+                  onSubmit: se,
                   "hide-footer": ""
                 }), {
                   fields: J(({ formValues: u }) => [
@@ -172,8 +172,8 @@ const Le = /* @__PURE__ */ se({
                 B("div", p($((N = t(l)) == null ? void 0 : N.footer)), [
                   e.showStayCheckbox ? (n(), m(be, i({ key: 0 }, (O = t(l)) == null ? void 0 : O.staycheckbox, {
                     label: e.stayCheckboxLabel ?? t(c).stayCheckboxLabel,
-                    "model-value": (U = s.value) == null ? void 0 : U.stayAfterSubmit,
-                    "onUpdate:modelValue": a[1] || (a[1] = (u) => s.value && (s.value.stayAfterSubmit = u))
+                    "model-value": (U = o.value) == null ? void 0 : U.stayAfterSubmit,
+                    "onUpdate:modelValue": a[1] || (a[1] = (u) => o.value && (o.value.stayAfterSubmit = u))
                   }), null, 16, ["label", "model-value"])) : d("", !0),
                   ue(X(pe, i((j = t(l)) == null ? void 0 : j.validatormessage, {
                     format: !1,
@@ -181,25 +181,25 @@ const Le = /* @__PURE__ */ se({
                   }), null, 16, ["message"]), [
                     [de, e.invalid && e.validatorMessage]
                   ]),
-                  o.buttonsTemplate.length ? (n(), Q("div", p(i({ key: 1 }, (z = t(l)) == null ? void 0 : z.footerbutton)), [
+                  s.buttonsTemplate.length ? (n(), Q("div", p(i({ key: 1 }, (z = t(l)) == null ? void 0 : z.footerbutton)), [
                     S(e.$slots, "actionButtons", { submit: W }, () => {
                       var u, h, g, k, R, q;
                       return [
-                        (u = o.buttonsTemplate) != null && u.includes("cancel") ? (n(), m(w, i({ key: 0 }, (h = t(l)) == null ? void 0 : h.cancelbtn, {
+                        (u = s.buttonsTemplate) != null && u.includes("cancel") ? (n(), m(w, i({ key: 0 }, (h = t(l)) == null ? void 0 : h.cancelbtn, {
                           label: e.cancelBtnLabel ?? t(c).cancelBtnLabel,
                           onClick: a[2] || (a[2] = (ye) => (r("close"), r("update:visible", !1))),
                           severity: "dark",
                           text: ""
                         }), null, 16, ["label"])) : d("", !0),
-                        (g = o.buttonsTemplate) != null && g.includes("clear") ? (n(), m(w, i({ key: 1 }, (k = t(l)) == null ? void 0 : k.clearfield, {
+                        (g = s.buttonsTemplate) != null && g.includes("clear") ? (n(), m(w, i({ key: 1 }, (k = t(l)) == null ? void 0 : k.clearfield, {
                           label: e.clearBtnLabel ?? t(c).clearBtnLabel,
                           onClick: F,
                           class: "whitespace-nowrap",
                           text: ""
                         }), null, 16, ["label"])) : d("", !0),
-                        (R = o.buttonsTemplate) != null && R.includes("submit") ? (n(), m(w, i({ key: 2 }, (q = t(l)) == null ? void 0 : q.savesubmitbutton, {
+                        (R = s.buttonsTemplate) != null && R.includes("submit") ? (n(), m(w, i({ key: 2 }, (q = t(l)) == null ? void 0 : q.savesubmitbutton, {
                           label: e.submitBtnLabel ?? t(c).submitBtnLabel,
-                          severity: o.severity === "primary" ? void 0 : o.severity ?? "success",
+                          severity: s.severity === "primary" ? void 0 : s.severity ?? "success",
                           onClick: W
                         }), null, 16, ["label", "severity"])) : d("", !0)
                       ];
@@ -219,5 +219,5 @@ const Le = /* @__PURE__ */ se({
   }
 });
 export {
-  Le as default
+  Le as _
 };