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

package/dialogdamagelog/index.es.js

@@ -1,23 +1,23 @@
-import { defineComponent as xe, mergeModels as ee, useModel as be, ref as c, computed as te, watch as _e, createBlock as p, openBlock as n, withCtx as v, createElementVNode as t, createVNode as i, createCommentVNode as x, toDisplayString as u, createElementBlock as se, unref as ae, Fragment as ye, createTextVNode as he, normalizeClass as b } from "vue";
+import { defineComponent as xe, mergeModels as ee, useModel as be, ref as c, computed as te, watch as _e, createBlock as p, openBlock as i, withCtx as v, createElementVNode as a, createVNode as d, createCommentVNode as x, toDisplayString as o, createElementBlock as ae, unref as se, Fragment as he, createTextVNode as ye, normalizeClass as b } from "vue";
 import { t as we } from "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
 import { DamageServices as De } from "@tagsamurai/fats-api-services";
-import { u as Ie } from "../assetinfo/index.es.js";
-import { a as ke } from "../utils/role.util.es.js";
-import { f as qe } from "../utils/date.util.es.js";
-import { u as Re } from "../utils/toast.util.es.js";
+import { u as ke } from "../assetinfo/index.es.js";
+import { a as $e } from "../utils/role.util.es.js";
+import { f as Ie } from "../utils/date.util.es.js";
+import { u as qe } from "../utils/toast.util.es.js";
 import { _ as f } from "../badge/index.es.js";
-import { _ as Ne } from "../dialog/index.es.js";
+import { _ as Re } from "../dialog/index.es.js";
 import { _ as oe } from "../image/index.es.js";
-import { _ as Ce } from "../tabmenu/index.es.js";
-import { _ as Le } from "../tagtype/index.es.js";
-import { _ as Se } from "../timeline/index.es.js";
-const $e = { class: "w-full flex items-center justify-between" }, Te = { class: "flex items-center gap-2" }, Be = ["disabled"], Me = ["disabled"], Pe = { class: "flex items-start gap-[18px]" }, Ve = { class: "flex flex-col w-full" }, Ae = { class: "w-full flex items-center justify-between" }, je = { class: "text-body-medium !font-bold" }, Ee = { class: "flex items-center gap-[6px] text-general-400" }, ze = { class: "flex gap-3 w-full mt-[6px]" }, Fe = { class: "flex flex-col gap-1 items-start self-stretch" }, Ge = { class: "flex gap-2" }, Ue = ["data-wv-section"], Ke = {
-  class: "text-body-medium text-general-400",
+import { _ as Ne } from "../tabmenu/index.es.js";
+import { _ as Ce } from "../tagtype/index.es.js";
+import { _ as Le } from "../timeline/index.es.js";
+const Se = { class: "w-full flex items-center justify-between" }, Te = { class: "!text-base font-bold" }, Be = { class: "flex items-center gap-2" }, Me = ["disabled"], Pe = ["disabled"], Ve = { class: "flex items-start gap-[18px]" }, Ae = { class: "flex flex-col w-full" }, je = { class: "w-full flex items-center justify-between" }, Ee = { class: "text-body-medium !font-bold" }, ze = { class: "flex items-center gap-[6px] text-general-400 dark:text-general-200" }, Fe = { class: "flex gap-3 w-full mt-[6px]" }, Ge = { class: "flex flex-col justify-between items-start self-stretch" }, Ue = { class: "flex flex-col gap-1 items-start self-stretch" }, Ke = { class: "flex gap-2" }, We = ["data-wv-section"], He = {
+  class: "text-body-medium text-general-400 dark:text-general-200",
   "data-wv-section": "key"
-}, We = {
+}, Je = {
   key: 1,
   class: "text-body-medium"
-}, rt = /* @__PURE__ */ xe({
+}, it = /* @__PURE__ */ xe({
   __name: "DialogDamageLog",
   props: /* @__PURE__ */ ee({
     id: {},
@@ -27,14 +27,14 @@ const $e = { class: "w-full flex items-center justify-between" }, Te = { class:
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ ee(["prev", "next"], ["update:modelValue"]),
-  setup(_, { emit: le }) {
-    const y = _, h = le, w = be(_, "modelValue"), re = Re(), { setLoading: D } = Ie(), a = c(), l = c(0), I = c(0), d = te(() => y.listId), ne = [
+  setup(_, { emit: re }) {
+    const h = _, y = re, w = be(_, "modelValue"), le = qe(), { setLoading: D } = ke(), s = c(), l = c(0), k = c(0), u = te(() => h.listId), ne = [
       {
         label: "Damage Log"
       }
     ], g = c([]), ie = te(() => {
-      var s, e;
-      switch ((e = (s = a.value) == null ? void 0 : s.request) == null ? void 0 : e.status) {
+      var t, e;
+      switch ((e = (t = s.value) == null ? void 0 : t.request) == null ? void 0 : e.status) {
         case "Damaged":
           return "danger";
         case "Repaired":
@@ -42,24 +42,24 @@ const $e = { class: "w-full flex items-center justify-between" }, Te = { class:
         default:
           return "dark";
       }
-    }), ue = async (s) => (pe(s), await k(l.value)), k = async (s) => {
+    }), de = async (t) => (pe(t), await $(l.value)), $ = async (t) => {
       var e;
       try {
         D(!0);
-        const { data: o } = await De.getDamageReportDetail(
-          d.value[s]
+        const { data: r } = await De.getDamageReportDetail(
+          u.value[t]
         );
-        a.value = o.data, g.value = ce((e = a.value) == null ? void 0 : e.logs), I.value++;
-      } catch (o) {
-        re.add({
-          error: o,
+        s.value = r.data, g.value = ce((e = s.value) == null ? void 0 : e.logs), k.value++;
+      } catch (r) {
+        le.add({
+          error: r,
           message: "Error, failed to fetch damage detail."
         });
       } finally {
         D(!1);
       }
-    }, de = (s) => {
-      switch (s) {
+    }, ue = (t) => {
+      switch (t) {
         case "Reported Damaged":
           return "Reported damaged by";
         case "Reported Disposal":
@@ -75,8 +75,8 @@ const $e = { class: "w-full flex items-center justify-between" }, Te = { class:
         default:
           return "";
       }
-    }, me = (s, e) => {
-      switch (s) {
+    }, me = (t, e) => {
+      switch (t) {
         case "Reported Damaged":
           return {
             Note: (e == null ? void 0 : e.notes) ?? "-",
@@ -88,111 +88,114 @@ const $e = { class: "w-full flex items-center justify-between" }, Te = { class:
             Note: (e == null ? void 0 : e.notes) ?? "-"
           };
       }
-    }, ce = (s) => s.map((e) => ({
+    }, ce = (t) => t.map((e) => ({
       _id: e._id,
-      action: de(e.action),
+      action: ue(e.action),
       date: e.createdAt,
       username: e.userFullName,
       danger: !1,
       detail: me(e.action, e.detail),
       createdAt: e.createdAt
-    })), pe = (s) => {
-      var o;
-      const e = (o = y.listId) == null ? void 0 : o.findIndex((m) => m === s);
+    })), pe = (t) => {
+      var r;
+      const e = (r = h.listId) == null ? void 0 : r.findIndex((m) => m === t);
       l.value = e;
     }, ve = () => {
-      l.value++, h("next", l.value);
+      l.value++, y("next", l.value);
     }, fe = () => {
-      l.value--, h("prev", l.value);
+      l.value--, y("prev", l.value);
     }, ge = () => {
-      var s, e;
-      we(`/assets/detail/${(e = (s = a.value) == null ? void 0 : s.request) == null ? void 0 : e.asset}`);
+      var t, e;
+      we(`/assets/detail/${(e = (t = s.value) == null ? void 0 : t.request) == null ? void 0 : e.asset}`);
     };
     return _e(
       () => l.value,
-      (s) => {
-        k(s);
+      (t) => {
+        $(t);
       }
-    ), (s, e) => (n(), p(Ne, {
+    ), (t, e) => (i(), p(Re, {
       visible: w.value,
-      "onUpdate:visible": e[0] || (e[0] = (o) => w.value = o),
-      onShow: e[1] || (e[1] = (o) => ue(s.id)),
+      "onUpdate:visible": e[0] || (e[0] = (r) => w.value = r),
+      onShow: e[1] || (e[1] = (r) => de(t.id)),
       class: "w-[600px]",
       modal: ""
     }, {
       header: v(() => [
-        t("div", $e, [
-          e[2] || (e[2] = t("h1", { class: "!text-base font-bold" }, "Damage Log", -1)),
-          t("div", Te, [
-            t("button", {
-              class: b([l.value === 0 ? "text-general-100" : "text-primary", "text-xs font-medium"]),
+        a("div", Se, [
+          a("h1", Te, o(t.$t("Damage Log")), 1),
+          a("div", Be, [
+            a("button", {
+              class: b([
+                l.value === 0 ? "text-general-100 dark:text-general-400" : "text-primary-500 dark:text-primary-300",
+                "text-xs font-medium"
+              ]),
               disabled: l.value === 0,
               onClick: fe,
               "data-wv-section": "prev-button"
-            }, " <Prev ", 10, Be),
-            t("button", {
+            }, " <" + o(t.$t("Prev")), 11, Me),
+            a("button", {
               class: b([
-                l.value === d.value.length - 1 || d.value.length === 1 ? "text-general-100" : "text-primary",
+                l.value === u.value.length - 1 || u.value.length === 1 ? "text-general-100 dark:text-general-400" : "text-primary-500 dark:text-primary-300",
                 "text-xs font-medium"
               ]),
-              disabled: l.value === d.value.length - 1 || d.value.length === 1,
+              disabled: l.value === u.value.length - 1 || u.value.length === 1,
               onClick: ve,
               "data-wv-section": "next-button"
-            }, " Next> ", 10, Me)
+            }, o(t.$t("Next")) + "> ", 11, Pe)
           ])
         ])
       ]),
       default: v(() => {
-        var o, m, q, R, N, C, L, S, $, T, B, M, P, V, A, j, E, z, F, G, U, K, W, H, J, O, Q, X, Y;
+        var r, m, I, q, R, N, C, L, S, T, B, M, P, V, A, j, E, z, F, G, U, K, W, H, J, O, Q, X, Y;
         return [
-          t("div", Pe, [
-            i(oe, {
-              src: (m = (o = a.value) == null ? void 0 : o.request) == null ? void 0 : m.assetImage,
+          a("div", Ve, [
+            d(oe, {
+              src: (m = (r = s.value) == null ? void 0 : r.request) == null ? void 0 : m.assetImage,
               size: "big"
             }, null, 8, ["src"]),
-            t("div", Ve, [
-              t("div", Ae, [
-                t("p", je, u((N = (R = (q = a.value) == null ? void 0 : q.request) == null ? void 0 : R.assetName) == null ? void 0 : N.nameWithSequence), 1),
-                t("button", {
+            a("div", Ae, [
+              a("div", je, [
+                a("p", Ee, o((R = (q = (I = s.value) == null ? void 0 : I.request) == null ? void 0 : q.assetName) == null ? void 0 : R.nameWithSequence), 1),
+                a("button", {
                   onClick: ge,
-                  class: "!text-xs font-medium !text-primary-500",
+                  class: "!text-xs font-medium !text-primary-500 dark:!text-primary-300",
                   "data-wv-section": "detail-button"
-                }, " Asset Detail > ")
+                }, o(t.$t("Asset Detail")) + " > ", 1)
               ]),
-              t("div", Ee, [
-                t("p", null, u(((L = (C = a.value) == null ? void 0 : C.request) == null ? void 0 : L.assetId) ?? "-") + " " + u((B = (T = ($ = (S = a.value) == null ? void 0 : S.request) == null ? void 0 : $.assetName) == null ? void 0 : T.aliasCode) != null && B.length ? `(${(V = (P = (M = a.value) == null ? void 0 : M.request) == null ? void 0 : P.assetName) == null ? void 0 : V.aliasCode})` : ""), 1),
-                ae(ke)() === "Enterprise" ? (n(), 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 ? (n(), p(Le, {
+              a("div", ze, [
+                a("p", null, o(((C = (N = s.value) == null ? void 0 : N.request) == null ? void 0 : C.assetId) ?? "-") + " " + o((B = (T = (S = (L = s.value) == null ? void 0 : L.request) == null ? void 0 : S.assetName) == null ? void 0 : T.aliasCode) != null && B.length ? `(${(V = (P = (M = s.value) == null ? void 0 : M.request) == null ? void 0 : P.assetName) == null ? void 0 : V.aliasCode})` : ""), 1),
+                se($e)() === "Enterprise" ? (i(), ae(he, { key: 0 }, [
+                  e[2] || (e[2] = a("div", { class: "w-[6px] h-[6px] bg-general-100 dark:bg-general-400 rounded" }, null, -1)),
+                  (j = (A = s.value) == null ? void 0 : A.request) != null && j.tagType ? (i(), p(Ce, {
                     key: 0,
-                    type: (z = (E = a.value) == null ? void 0 : E.request) == null ? void 0 : z.tagType
+                    type: (z = (E = s.value) == null ? void 0 : E.request) == null ? void 0 : z.tagType
                   }, null, 8, ["type"])) : x("", !0)
                 ], 64)) : x("", !0)
               ]),
-              t("div", ze, [
-                e[4] || (e[4] = t("div", { class: "flex flex-col justify-between items-start self-stretch" }, [
-                  t("p", null, "Brand"),
-                  t("p", null, "Model/Type"),
-                  t("p", null, "Group")
-                ], -1)),
-                e[5] || (e[5] = t("div", { class: "flex flex-col justify-between items-start self-stretch" }, [
-                  t("p", null, ":"),
-                  t("p", null, ":"),
-                  t("p", null, ":")
+              a("div", Fe, [
+                a("div", Ge, [
+                  a("p", null, o(t.$t("Brand")), 1),
+                  a("p", null, o(t.$t("Model/Type")), 1),
+                  a("p", null, o(t.$t("Group")), 1)
+                ]),
+                e[3] || (e[3] = a("div", { class: "flex flex-col justify-between items-start self-stretch" }, [
+                  a("p", null, ":"),
+                  a("p", null, ":"),
+                  a("p", null, ":")
                 ], -1)),
-                t("div", Fe, [
-                  i(f, {
-                    label: (U = (G = (F = a.value) == null ? void 0 : F.request) == null ? void 0 : G.assetBrand) == null ? void 0 : U.name,
+                a("div", Ue, [
+                  d(f, {
+                    label: (U = (G = (F = s.value) == null ? void 0 : F.request) == null ? void 0 : G.assetBrand) == null ? void 0 : U.name,
                     format: "nowrap",
                     severity: "dark"
                   }, null, 8, ["label"]),
-                  i(f, {
-                    label: (H = (W = (K = a.value) == null ? void 0 : K.request) == null ? void 0 : W.assetModel) == null ? void 0 : H.name,
+                  d(f, {
+                    label: (H = (W = (K = s.value) == null ? void 0 : K.request) == null ? void 0 : W.assetModel) == null ? void 0 : H.name,
                     format: "nowrap",
                     severity: "dark"
                   }, null, 8, ["label"]),
-                  i(f, {
-                    label: (Q = (O = (J = a.value) == null ? void 0 : J.request) == null ? void 0 : O.assetGroup) == null ? void 0 : Q.name,
+                  d(f, {
+                    label: (Q = (O = (J = s.value) == null ? void 0 : J.request) == null ? void 0 : O.assetGroup) == null ? void 0 : Q.name,
                     format: "nowrap",
                     severity: "primary"
                   }, null, 8, ["label"])
@@ -200,41 +203,41 @@ const $e = { class: "w-full flex items-center justify-between" }, Te = { class:
               ])
             ])
           ]),
-          t("div", Ge, [
-            e[6] || (e[6] = t("p", { class: "text-xs font-medium tracking-tight" }, "Status:", -1)),
-            i(f, {
-              label: (Y = (X = a.value) == null ? void 0 : X.request) == null ? void 0 : Y.status,
+          a("div", Ke, [
+            e[4] || (e[4] = a("p", { class: "text-xs font-medium tracking-tight" }, "Status:", -1)),
+            d(f, {
+              label: (Y = (X = s.value) == null ? void 0 : X.request) == null ? void 0 : Y.status,
               severity: ie.value,
               format: "nowrap"
             }, null, 8, ["label", "severity"])
           ]),
-          i(Ce, {
+          d(Ne, {
             "active-index": 0,
             menu: ne,
             type: "tab"
           }),
-          g.value.length ? (n(), p(Se, {
-            key: I.value,
+          g.value.length ? (i(), p(Le, {
+            key: k.value,
             value: g.value
           }, {
-            detail: v(({ key: r, value: Z }) => [
-              t("div", {
+            detail: v(({ key: n, value: Z }) => [
+              a("div", {
                 class: b([
                   "flex gap-1 items-baseline",
-                  { "flex-col": r === "Damaged Photo" }
+                  { "flex-col": n === "Damaged Photo" }
                 ]),
-                "data-wv-section": r
+                "data-wv-section": n
               }, [
-                t("span", Ke, u(r) + ": ", 1),
-                r === "Damaged Photo" ? (n(), p(oe, {
+                a("span", He, o(n) + ": ", 1),
+                n === "Damaged Photo" ? (i(), p(oe, {
                   key: 0,
                   src: Z,
                   width: 36
-                }, null, 8, ["src"])) : (n(), se("span", We, u(Z), 1))
-              ], 10, Ue)
+                }, null, 8, ["src"])) : (i(), ae("span", Je, o(Z), 1))
+              ], 10, We)
             ]),
-            date: v(({ date: r }) => [
-              he(u(ae(qe)(new Date(r), { showTime: !0 })), 1)
+            date: v(({ date: n }) => [
+              ye(o(t.$t(se(Ie)(new Date(n), { showTime: !0 }))), 1)
             ]),
             _: 1
           }, 8, ["value"])) : x("", !0)
@@ -245,5 +248,5 @@ const $e = { class: "w-full flex items-center justify-between" }, Te = { class:
   }
 });
 export {
-  rt as _
+  it as _
 };

package/dialogform/index.es.js

@@ -1,8 +1,8 @@
-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 { 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 k, 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 { s as be } from "../vendor/primevue/dialog/dialog.esm.es.js";
 import { _ as w } from "../button/index.es.js";
-import { _ as be } from "../checkbox/index.es.js";
+import { _ as ce } 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";
@@ -42,11 +42,11 @@ const Le = /* @__PURE__ */ oe({
   },
   emits: ["clear", "close", "hide", "show", "submit", "update:visible"],
   setup(Y, { expose: Z, emit: x }) {
-    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({
+    const s = Y, r = x, L = ie(), { locale: b } = me("DialogForm"), _ = G("preset", {}).dialog, l = G("preset", {}).dialogform, o = D(), ee = D(), te = P(0), V = P(!1), c = P(!1), C = D({
       stayAfterSubmit: !1,
       formValues: {}
     }), ae = re(() => {
-      const e = L["aside-right"] && b.value ? s.asideRightWidth : 0;
+      const e = L["aside-right"] && c.value ? s.asideRightWidth : 0;
       return `calc(${{
         small: 400,
         medium: 500,
@@ -91,14 +91,14 @@ const Le = /* @__PURE__ */ oe({
       }
     }), (e, a) => {
       var v, y, T, E;
-      return n(), m(t(ce), i({
+      return n(), m(t(be), i({
         ref_key: "dialogForm",
         ref: ee
       }, (v = t(l)) == null ? void 0 : v.root, {
         class: s.class,
         closable: e.closable,
         draggable: !1,
-        header: e.header,
+        header: e.$t(e.header),
         pt: {
           root: {
             class: [
@@ -117,27 +117,27 @@ const Le = /* @__PURE__ */ oe({
         container: J(() => {
           var f, M, I, H, N, O, U, j, z, K;
           return [
-            B("div", p($((f = t(l)) == null ? void 0 : f.container(b.value))), [
-              B("section", i((M = t(l)) == null ? void 0 : M.mainsection, { id: "main" }), [
-                B("div", p($((I = t(l)) == null ? void 0 : I.header)), [
+            k("div", p($((f = t(l)) == null ? void 0 : f.container(c.value))), [
+              k("section", i((M = t(l)) == null ? void 0 : M.mainsection, { id: "main" }), [
+                k("div", p($((I = t(l)) == null ? void 0 : I.header)), [
                   S(e.$slots, "header", {}, () => {
-                    var u, h, g, k;
+                    var u, h, g, B;
                     return [
                       e.headerIcon ? (n(), m(fe, i({ key: 0 }, (u = t(l)) == null ? void 0 : u.headericon, {
                         icon: e.headerIcon,
                         severity: e.severity,
                         "aria-label": "Header Icon"
                       }), null, 16, ["icon", "severity"])) : d("", !0),
-                      B("h3", p($((h = t(l)) == null ? void 0 : h.headertitle)), ne(e.header), 17),
+                      k("h3", p($((h = t(l)) == null ? void 0 : h.headertitle)), ne(e.$t(e.header)), 17),
                       e.$slots["aside-right"] ? (n(), m(w, i({ key: 1 }, (g = t(l)) == null ? void 0 : g.expandasidebutton, {
-                        label: b.value ? t(c).asideRightExpandedButtonLabel : t(c).asideRightCollapsedButtonLabel,
-                        onClick: a[0] || (a[0] = (R) => b.value = !b.value),
+                        label: c.value ? t(b).asideRightExpandedButtonLabel : t(b).asideRightCollapsedButtonLabel,
+                        onClick: a[0] || (a[0] = (R) => c.value = !c.value),
                         text: ""
                       }), null, 16, ["label"])) : d("", !0),
                       e.closable ? (n(), m(w, i({
                         key: 2,
                         onClick: le
-                      }, (k = t(l)) == null ? void 0 : k.closedialog, {
+                      }, (B = t(l)) == null ? void 0 : B.closedialog, {
                         icon: "close",
                         "icon-class": "w-[22px] h-[22px]",
                         rounded: "",
@@ -169,9 +169,9 @@ const Le = /* @__PURE__ */ oe({
                   submit: A,
                   visible: V.value
                 }),
-                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,
+                k("div", p($((N = t(l)) == null ? void 0 : N.footer)), [
+                  e.showStayCheckbox ? (n(), m(ce, i({ key: 0 }, (O = t(l)) == null ? void 0 : O.staycheckbox, {
+                    label: e.stayCheckboxLabel ?? t(b).stayCheckboxLabel,
                     "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),
@@ -183,22 +183,22 @@ const Le = /* @__PURE__ */ oe({
                   ]),
                   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;
+                      var u, h, g, B, R, q;
                       return [
                         (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,
+                          label: e.cancelBtnLabel ?? t(b).cancelBtnLabel,
                           onClick: a[2] || (a[2] = (ye) => (r("close"), r("update:visible", !1))),
-                          severity: "dark",
+                          severity: "secondary",
                           text: ""
                         }), null, 16, ["label"])) : d("", !0),
-                        (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,
+                        (g = s.buttonsTemplate) != null && g.includes("clear") ? (n(), m(w, i({ key: 1 }, (B = t(l)) == null ? void 0 : B.clearfield, {
+                          label: e.clearBtnLabel ?? t(b).clearBtnLabel,
                           onClick: F,
                           class: "whitespace-nowrap",
                           text: ""
                         }), null, 16, ["label"])) : d("", !0),
                         (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,
+                          label: e.submitBtnLabel ?? t(b).submitBtnLabel,
                           severity: s.severity === "primary" ? void 0 : s.severity ?? "success",
                           onClick: W
                         }), null, 16, ["label", "severity"])) : d("", !0)
@@ -207,7 +207,7 @@ const Le = /* @__PURE__ */ oe({
                   ], 16)) : d("", !0)
                 ], 16)
               ], 16),
-              e.$slots["aside-right"] ? (n(), Q("aside", p(i({ key: 0 }, (K = t(l)) == null ? void 0 : K.asidesection(b.value, e.asideRightWidth))), [
+              e.$slots["aside-right"] ? (n(), Q("aside", p(i({ key: 0 }, (K = t(l)) == null ? void 0 : K.asidesection(c.value, e.asideRightWidth))), [
                 S(e.$slots, "aside-right")
               ], 16)) : d("", !0)
             ], 16)