@fewangsit/wangsvue-fats 1.0.1-alpha.66 → 1.0.1-alpha.68

package/datepicker/index.es.js

@@ -1,4 +1,4 @@
-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 { defineComponent as B, onMounted as D, reactive as M, shallowRef as f, computed as N, watch as y, createElementBlock as s, openBlock as i, Fragment as v, createVNode as o, unref as d, withCtx as m, createCommentVNode as _, 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";
@@ -35,7 +35,7 @@ const O = {
           n.fieldName ?? "date",
           (e) => {
             var t;
-            return !(e != null && e.length) && n.mandatory ? d(((t = n.errorMessage) == null ? void 0 : t.empty) ?? "You must pick a date") : !0;
+            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 ?? []
@@ -43,18 +43,18 @@ const O = {
         )
       );
     });
-    const { t: d } = R(), a = M({ value: [] }), u = f(), p = f(), V = N(() => {
+    const { t: u } = R(), a = M({ value: [] }), c = f(), p = f(), b = N(() => {
       const e = a.value[0], t = a.value[1];
       return t && e !== t ? e + " - " + t : e == null ? void 0 : e.toString();
-    }), b = Array.from({ length: 31 }, (e, t) => t + 1), $ = (e) => {
+    }), x = Array.from({ length: 31 }, (e, t) => t + 1), V = (e) => {
       var l;
       const t = a.value[0], r = a.value[1];
-      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);
+      t != null && r != null && t === r ? (a.value[1] = e, (l = c.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 && u.value && t.focus(), (l = u.value) == null || l.toggle(e);
-    }, x = (e) => {
+      t && c.value && t.focus(), (l = c.value) == null || l.toggle(e);
+    }, $ = (e) => {
       var t;
       if (e.key === "Enter" || e.key === " ") {
         e.preventDefault();
@@ -66,7 +66,7 @@ const O = {
         g(l);
       }
     };
-    return _(
+    return y(
       () => n.initialValue,
       () => {
         var e;
@@ -75,14 +75,14 @@ const O = {
       {
         once: !0
       }
-    ), _(
+    ), y(
       () => n.modelValue,
       (e) => {
         a.value = e ?? [];
       }
     ), (e, t) => (i(), s(v, null, [
       o(A, {
-        label: e.label ? c(d)(e.label) : void 0,
+        label: e.label ? d(u)(e.label) : void 0,
         mandatory: e.mandatory
       }, {
         default: m(() => [
@@ -92,17 +92,17 @@ const O = {
             class: "grid grid-cols-[1fr,max-content] !items-center gap-1 px-3 py-1"
           }, {
             default: m(() => [
-              o(c(T), {
+              o(d(T), {
                 ref_key: "inputtext",
                 ref: p,
-                "model-value": V.value,
-                placeholder: c(d)("Select date"),
-                onKeydown: x,
+                "model-value": b.value,
+                placeholder: d(u)("Select date"),
+                onKeydown: $,
                 class: "!p-0",
                 readonly: ""
               }, null, 8, ["model-value", "placeholder"]),
               o(I, {
-                class: "w-4 h-4 shrink-0 !text-general-500",
+                class: "w-4 h-4 shrink-0 !text-general-500 dark:!text-white",
                 "data-ts-section": "inputtrigger",
                 icon: "calendar"
               })
@@ -116,9 +116,9 @@ const O = {
         ]),
         _: 1
       }, 8, ["label", "mandatory"]),
-      o(c(j), {
+      o(d(j), {
         ref_key: "panel",
-        ref: u,
+        ref: c,
         pt: {
           content: {
             class: "p-6"
@@ -129,20 +129,20 @@ const O = {
         default: m(() => [
           e.$slots.header ? (i(), s("div", O, [
             h(e.$slots, "header")
-          ])) : y("", !0),
+          ])) : _("", !0),
           E("div", Y, [
-            (i(!0), s(v, null, S(c(b), (r) => (i(), s("span", {
+            (i(!0), s(v, null, S(d(x), (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",
+              onClick: (l) => V(r),
+              class: "text-xs text-general-800 dark:text-general-50 bg-white dark:bg-grayscale-900 hover:bg-primary-100 dark:hover:bg-general-900 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 dark:[&[data-in-range='true']]:bg-primary-300 [&[data-in-range='true']]:text-general-800 dark:[&[data-in-range='true']]:text-general-50 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 dark:[&[aria-selected='true']]:bg-primary-300 [&[aria-selected='true']]:text-white dark:[&[aria-selected='true']]:text-grayscale-900 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)
+          ])) : _("", !0)
         ]),
         _: 3
       }, 512)

package/daypicker/index.es.js

@@ -1,4 +1,4 @@
-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 { defineComponent as S, onMounted as B, reactive as N, 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 b, 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";
@@ -13,7 +13,7 @@ const Y = {
 }, 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({
+}, te = /* @__PURE__ */ S({
   __name: "DayPicker",
   props: {
     modelValue: {},
@@ -26,9 +26,9 @@ const Y = {
     errorMessage: {}
   },
   emits: ["update:modelValue"],
-  setup(b) {
-    const s = b;
-    N(() => {
+  setup(V) {
+    const s = V;
+    B(() => {
       s.useValidator && Object.assign(
         a,
         P(
@@ -49,14 +49,14 @@ const Y = {
       "Friday",
       "Saturday",
       "Sunday"
-    ], { t: i } = R(), a = x({ value: [] }), d = f(), y = f(), $ = D(() => {
+    ], { t: i } = R(), a = N({ value: [] }), d = f(), y = f(), $ = D(() => {
       const e = m[a.value[0]], t = m[a.value[1]];
       return t && e !== t ? e + " - " + t : e;
     }), w = (e, t) => {
       var p;
       const r = a.value[0], l = a.value[1];
-      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) => {
+      r != null && l != null && r === l ? (a.value[1] = t, (p = d.value) == null || p.hide()) : a.value = [t, t], a.value.sort((C, M) => C - M);
+    }, x = (e) => {
       var r, l;
       const t = ((r = y.value) == null ? void 0 : r.$el) || null;
       t && d.value && t.focus(), (l = d.value) == null || l.toggle(e);
@@ -83,7 +83,7 @@ const Y = {
         default: g(() => [
           n(O, {
             invalid: !!a.errorMessage,
-            onClick: C,
+            onClick: x,
             class: "grid grid-cols-[1fr,max-content] !items-center gap-1 px-3 py-1"
           }, {
             default: g(() => [
@@ -96,7 +96,7 @@ const Y = {
                 readonly: ""
               }, null, 8, ["model-value", "placeholder"]),
               n(L, {
-                class: "w-4 h-4 shrink-0 !text-general-500",
+                class: "w-4 h-4 shrink-0 !text-general-500 dark:!text-white",
                 "data-ts-section": "inputtrigger",
                 icon: "calendar"
               })
@@ -122,20 +122,20 @@ const Y = {
       }, {
         default: g(() => [
           e.$slots.header ? (c(), u("div", Y, [
-            V(e.$slots, "header")
+            b(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"]),
+              class: T([{ "col-start-2": r === "Sunday" }, "text-xs text-general-800 dark:text-general-50 bg-white dark:bg-grayscale-900 hover:bg-primary-100 dark:hover:bg-general-900 rounded-[20px] [&[data-in-range='true']]:bg-primary-200 dark:[&[data-in-range='true']]:bg-primary-300 [&[data-in-range='true']]:text-general-800 dark:[&[data-in-range='true']]:text-general-50 [&[data-in-range='true']]:rounded-[0] [&[aria-selected='true']]:bg-primary-500 dark:[&[aria-selected='true']]:bg-primary-300 [&[aria-selected='true']]:text-white dark:[&[aria-selected='true']]:text-grayscale-900 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")
+            b(e.$slots, "footer")
           ])) : h("", !0)
         ]),
         _: 3

package/dialogbasictransferlog/index.es.js

@@ -1,4 +1,4 @@
-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 { 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 i, withCtx as b, createElementBlock as m, createCommentVNode as M, createElementVNode as a, createVNode as r, 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 { _ as d } from "../badge/index.es.js";
@@ -21,7 +21,7 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
 }, le = { class: "flex flex-row items-center gap-1" }, ne = {
   key: 2,
   class: "flex flex-row items-center gap-1"
-}, ie = { class: "text-xs font-medium text-general-400" }, re = {
+}, re = { class: "text-xs font-medium text-general-400 dark:text-general-200" }, ie = {
   key: 1,
   class: "text-xs font-medium"
 }, be = /* @__PURE__ */ O({
@@ -104,7 +104,7 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
       t && (o.value = C.id);
     }), T(o, (t) => {
       t && I();
-    }), (t, e) => (r(), x(H, {
+    }), (t, e) => (i(), x(H, {
       visible: g.value,
       "onUpdate:visible": e[2] || (e[2] = (s) => g.value = s),
       draggable: !1,
@@ -119,14 +119,14 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
             a("span", { class: "text-sm font-bold" }, "Transfer Log")
           ], -1)),
           a("div", J, [
-            i(A, {
+            r(A, {
               disabled: h.value,
               onClick: e[0] || (e[0] = (s) => N("prev")),
               class: "!p-0 !m-0 !h-auto !focus:ring-[0px] !dark:focus:ring-[0px] !ring-0",
               label: "<Prev",
               text: ""
             }, null, 8, ["disabled"]),
-            i(A, {
+            r(A, {
               disabled: $.value,
               onClick: e[1] || (e[1] = (s) => N("next")),
               class: "!p-0 !m-0 !h-auto !focus:ring-[0px] !dark:focus:ring-[0px] !ring-0",
@@ -139,8 +139,8 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
       default: b(() => {
         var s, c, f;
         return [
-          n.value ? (r(), m("div", Q, [
-            (r(), x(W, {
+          n.value ? (i(), m("div", Q, [
+            (i(), x(W, {
               id: n.value.asset,
               key: n.value.asset,
               fields: ["brand", "model", "group"],
@@ -151,11 +151,11 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
               a("div", Y, [
                 a("div", P, [
                   e[4] || (e[4] = a("span", null, "Origin:", -1)),
-                  i(d, {
+                  r(d, {
                     label: (s = n.value.originGroup) == null ? void 0 : s.name
                   }, null, 8, ["label"])
                 ]),
-                i(Z, {
+                r(Z, {
                   user: {
                     ...n.value.manager,
                     fullName: (c = n.value.manager) == null ? void 0 : c.fullName
@@ -164,51 +164,51 @@ const z = { class: "w-full flex items-center justify-between pr-4" }, J = { clas
               ]),
               a("div", ee, [
                 e[5] || (e[5] = a("span", null, "Destination:", -1)),
-                i(d, {
+                r(d, {
                   label: (f = n.value.destinationGroup) == null ? void 0 : f.name
                 }, null, 8, ["label"])
               ])
             ]),
             a("div", te, [
               e[6] || (e[6] = a("span", null, "Status:", -1)),
-              i(d, {
+              r(d, {
                 label: n.value.status,
                 severity: G(n.value.status),
                 format: "nowrap"
               }, null, 8, ["label", "severity"])
             ]),
-            i(R, {
+            r(R, {
               "active-index": 0,
               menu: [{ label: "Transfer Log" }],
               type: "tab"
             }),
-            (r(), x(U, {
+            (i(), x(U, {
               key: w.value,
               value: D.value
             }, {
               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, {
+                l.key === "To" ? (i(), m("div", ae, [
+                  e[7] || (e[7] = a("span", { class: "text-xs font-medium text-general-400 dark:text-general-200" }, " Destination Group: ", -1)),
+                  r(d, {
                     label: l.value
                   }, null, 8, ["label"])
-                ])) : l.key === "From" ? (r(), m("div", se, [
+                ])) : l.key === "From" ? (i(), m("div", se, [
                   a("div", le, [
-                    e[8] || (e[8] = a("span", { class: "text-xs font-medium text-general-400" }, " Destination Group: ", -1)),
-                    i(d, {
+                    e[8] || (e[8] = a("span", { class: "text-xs font-medium text-general-400 dark:text-general-200" }, " Destination Group: ", -1)),
+                    r(d, {
                       label: l.value
                     }, null, 8, ["label"])
                   ]),
-                  i(V, {
-                    class: "!text-general-800 !text-xs -rotate-90",
+                  r(V, {
+                    class: "!text-general-800 dark:!text-general-400 !text-xs -rotate-90",
                     icon: "arrow-left"
                   })
-                ])) : (r(), m("div", ne, [
-                  a("span", ie, L(l.key) + ": ", 1),
-                  l.key.includes("Group") ? (r(), x(d, {
+                ])) : (i(), m("div", ne, [
+                  a("span", re, L(l.key) + ": ", 1),
+                  l.key.includes("Group") ? (i(), x(d, {
                     key: 0,
                     label: l.value
-                  }, null, 8, ["label"])) : (r(), m("span", re, L(l.value), 1))
+                  }, null, 8, ["label"])) : (i(), m("span", ie, L(l.value), 1))
                 ]))
               ]),
               _: 1

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 n, withCtx as v, createElementVNode as t, createVNode as i, createCommentVNode as x, toDisplayString as d, createElementBlock as ae, unref as se, Fragment as ye, createTextVNode as he, 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 { u as ke } from "../assetinfo/index.es.js";
+import { a as Ie } 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 { _ as f } from "../badge/index.es.js";
 import { _ as Ne } from "../dialog/index.es.js";
-import { _ as oe } from "../image/index.es.js";
+import { _ as re } 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",
+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 dark:text-general-200" }, 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 dark:text-general-200",
   "data-wv-section": "key"
 }, We = {
   key: 1,
   class: "text-body-medium"
-}, rt = /* @__PURE__ */ xe({
+}, lt = /* @__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: oe }) {
+    const y = _, h = oe, w = be(_, "modelValue"), le = Re(), { setLoading: D } = ke(), s = c(), o = c(0), k = c(0), u = te(() => y.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 a, e;
+      switch ((e = (a = s.value) == null ? void 0 : a.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 (a) => (pe(a), await I(o.value)), I = async (a) => {
       var e;
       try {
         D(!0);
-        const { data: o } = await De.getDamageReportDetail(
-          d.value[s]
+        const { data: r } = await De.getDamageReportDetail(
+          u.value[a]
         );
-        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 = (a) => {
+      switch (a) {
         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 = (a, e) => {
+      switch (a) {
         case "Reported Damaged":
           return {
             Note: (e == null ? void 0 : e.notes) ?? "-",
@@ -88,35 +88,35 @@ 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 = (a) => a.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);
-      l.value = e;
+    })), pe = (a) => {
+      var r;
+      const e = (r = y.listId) == null ? void 0 : r.findIndex((m) => m === a);
+      o.value = e;
     }, ve = () => {
-      l.value++, h("next", l.value);
+      o.value++, h("next", o.value);
     }, fe = () => {
-      l.value--, h("prev", l.value);
+      o.value--, h("prev", o.value);
     }, ge = () => {
-      var s, e;
-      we(`/assets/detail/${(e = (s = a.value) == null ? void 0 : s.request) == null ? void 0 : e.asset}`);
+      var a, e;
+      we(`/assets/detail/${(e = (a = s.value) == null ? void 0 : a.request) == null ? void 0 : e.asset}`);
     };
     return _e(
-      () => l.value,
-      (s) => {
-        k(s);
+      () => o.value,
+      (a) => {
+        I(a);
       }
-    ), (s, e) => (n(), p(Ne, {
+    ), (a, e) => (n(), p(Ne, {
       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(a.id)),
       class: "w-[600px]",
       modal: ""
     }, {
@@ -125,17 +125,20 @@ const $e = { class: "w-full flex items-center justify-between" }, Te = { class:
           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"]),
-              disabled: l.value === 0,
+              class: b([
+                o.value === 0 ? "text-general-100 dark:text-general-400" : "text-primary-500 dark:text-primary-300",
+                "text-xs font-medium"
+              ]),
+              disabled: o.value === 0,
               onClick: fe,
               "data-wv-section": "prev-button"
             }, " <Prev ", 10, Be),
             t("button", {
               class: b([
-                l.value === d.value.length - 1 || d.value.length === 1 ? "text-general-100" : "text-primary",
+                o.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: o.value === u.value.length - 1 || u.value.length === 1,
               onClick: ve,
               "data-wv-section": "next-button"
             }, " Next> ", 10, Me)
@@ -143,29 +146,29 @@ const $e = { class: "w-full flex items-center justify-between" }, Te = { class:
         ])
       ]),
       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, 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,
+            i(re, {
+              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("p", je, d((N = (R = (q = s.value) == null ? void 0 : q.request) == null ? void 0 : R.assetName) == null ? void 0 : N.nameWithSequence), 1),
                 t("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 > ")
               ]),
               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, {
+                t("p", null, d(((L = (C = s.value) == null ? void 0 : C.request) == null ? void 0 : L.assetId) ?? "-") + " " + d((B = (T = ($ = (S = s.value) == null ? void 0 : S.request) == null ? void 0 : $.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(Ie)() === "Enterprise" ? (n(), ae(ye, { key: 0 }, [
+                  e[3] || (e[3] = t("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 ? (n(), p(Le, {
                     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)
               ]),
@@ -182,17 +185,17 @@ const $e = { class: "w-full flex items-center justify-between" }, Te = { class:
                 ], -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,
+                    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,
+                    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,
+                    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"])
@@ -203,7 +206,7 @@ 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,
+              label: (Y = (X = s.value) == null ? void 0 : X.request) == null ? void 0 : Y.status,
               severity: ie.value,
               format: "nowrap"
             }, null, 8, ["label", "severity"])
@@ -214,27 +217,27 @@ const $e = { class: "w-full flex items-center justify-between" }, Te = { class:
             type: "tab"
           }),
           g.value.length ? (n(), p(Se, {
-            key: I.value,
+            key: k.value,
             value: g.value
           }, {
-            detail: v(({ key: r, value: Z }) => [
+            detail: v(({ key: l, value: Z }) => [
               t("div", {
                 class: b([
                   "flex gap-1 items-baseline",
-                  { "flex-col": r === "Damaged Photo" }
+                  { "flex-col": l === "Damaged Photo" }
                 ]),
-                "data-wv-section": r
+                "data-wv-section": l
               }, [
-                t("span", Ke, u(r) + ": ", 1),
-                r === "Damaged Photo" ? (n(), p(oe, {
+                t("span", Ke, d(l) + ": ", 1),
+                l === "Damaged Photo" ? (n(), p(re, {
                   key: 0,
                   src: Z,
                   width: 36
-                }, null, 8, ["src"])) : (n(), se("span", We, u(Z), 1))
+                }, null, 8, ["src"])) : (n(), ae("span", We, d(Z), 1))
               ], 10, Ue)
             ]),
-            date: v(({ date: r }) => [
-              he(u(ae(qe)(new Date(r), { showTime: !0 })), 1)
+            date: v(({ date: l }) => [
+              he(d(se(qe)(new Date(l), { 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 _
+  lt as _
 };