@fewangsit/wangsvue-fats 1.0.1-rc.8 → 2.0.0-alpha.0

package/dialogform/index.es.js

@@ -1,17 +1,17 @@
-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 { defineComponent as se, useSlots as oe, inject as q, ref as G, shallowRef as D, computed as ie, openBlock as n, createBlock as m, unref as t, mergeProps as i, withCtx as J, createElementVNode as k, normalizeProps as p, guardReactiveProps as L, renderSlot as S, createCommentVNode as d, toDisplayString as re, createVNode as Q, withDirectives as ne, vShow as ue, createElementBlock as X } from "vue";
+import { s as de } from "../vendor/primevue/dialog/dialog.esm.es.js";
 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 ce } from "../checkbox/index.es.js";
+import { _ as be } from "../form/index.es.js";
+import { _ as ve } from "../icon/index.es.js";
+import { _ as fe } from "../validatormessage/index.es.js";
+const $e = /* @__PURE__ */ se({
   __name: "DialogForm",
   props: {
-    buttonsTemplate: {},
-    header: {},
+    buttonsTemplate: { default: () => [] },
     visible: { type: Boolean },
+    header: {},
     asideRightWidth: { default: 260 },
     class: {},
     cancelBtnLabel: {},
@@ -24,7 +24,7 @@ const Le = /* @__PURE__ */ se({
     invalid: { type: Boolean },
     resetAfterSubmit: { type: Boolean, default: !0 },
     severity: {},
-    showStayCheckbox: { type: Boolean, default: void 0 },
+    showStayCheckbox: { type: Boolean, default: !1 },
     stayCheckboxLabel: {},
     submitBtnLabel: {},
     validatorMessage: {},
@@ -42,60 +42,57 @@ 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, C = oe(), { locale: c } = me("DialogForm"), _ = q("preset", {}).dialog, l = q("preset", {}).dialogform, o = G(), ee = D(0), V = D(!1), b = D(!1), $ = G({
       stayAfterSubmit: !1,
       formValues: {}
-    }), ae = re(() => {
-      const e = L["aside-right"] && b.value ? o.asideRightWidth : 0;
+    }), te = ie(() => {
+      const e = C["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)`;
-    }), le = () => {
+      }[s.width]}px + ${e}px)`;
+    }), ae = () => {
       r("update:visible", !1), r("close");
-    }, W = () => {
-      s.value && !o.invalid && !o.validatorMessage && (s.value.onSubmitClicked(), s.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());
-    }, A = async (e) => {
-      const { stayAfterSubmit: a } = C.value;
-      if (!a && o.closeOnSubmit && r("update:visible", !1), L.confirm)
+    }, P = () => {
+      o.value && !s.invalid && !s.validatorMessage && (o.value.onSubmitClicked(), o.value.submit());
+    }, R = () => {
+      o.value && o.value.clearField(), r("clear");
+    }, le = async (e) => {
+      s.validationFunction && await s.validationFunction(e.formValues), !s.invalid && !s.validatorMessage && ($.value = e, C.confirm ? V.value = !0 : W());
+    }, W = async (e) => {
+      const { stayAfterSubmit: a } = $.value;
+      if (!a && s.closeOnSubmit && r("update:visible", !1), C.confirm)
         try {
-          await (e == null ? void 0 : e(C.value));
+          await (e == null ? void 0 : e($.value));
         } catch (v) {
           console.error(v);
         }
       else
-        r("submit", C.value);
-      o.resetAfterSubmit && F();
+        r("submit", $.value);
+      s.resetAfterSubmit && R();
     };
     return Z({
-      form: s,
-      clearField: F,
+      form: o,
+      clearField: R,
       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;
-      return n(), m(t(ce), i({
-        ref_key: "dialogForm",
-        ref: ee
-      }, (v = t(l)) == null ? void 0 : v.root, {
-        class: o.class,
+      var v, y, A, T;
+      return n(), m(t(de), i((v = t(l)) == null ? void 0 : v.root, {
+        class: s.class,
         closable: e.closable,
         draggable: !1,
         header: e.header,
@@ -103,9 +100,9 @@ const Le = /* @__PURE__ */ se({
           root: {
             class: [
               ...(y = t(_)) == null ? void 0 : y.root({ state: {} }).class,
-              ...(T = t(l)) == null ? void 0 : T.root.class
+              ...(A = t(l)) == null ? void 0 : A.root.class
             ],
-            style: (E = t(l)) == null ? void 0 : E.root.style(ae.value)
+            style: (T = t(l)) == null ? void 0 : T.root.style(te.value)
           }
         },
         visible: e.visible,
@@ -115,29 +112,29 @@ const Le = /* @__PURE__ */ se({
         modal: ""
       }), {
         container: J(() => {
-          var f, M, I, H, N, O, U, j, z, K;
+          var f, E, M, I, H, N, O, U, j, z;
           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(L((f = t(l)) == null ? void 0 : f.container(b.value))), [
+              k("section", i((E = t(l)) == null ? void 0 : E.mainsection, { id: "main" }), [
+                k("div", p(L((M = t(l)) == null ? void 0 : M.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, {
+                      e.headerIcon ? (n(), m(ve, 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(L((h = t(l)) == null ? void 0 : h.headertitle)), re(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),
+                        onClick: a[0] || (a[0] = (F) => b.value = !b.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, {
+                        onClick: ae
+                      }, (B = t(l)) == null ? void 0 : B.closedialog, {
                         icon: "close",
                         "icon-class": "w-[22px] h-[22px]",
                         rounded: "",
@@ -147,18 +144,18 @@ const Le = /* @__PURE__ */ se({
                     ];
                   })
                 ], 16),
-                X(ve, i((H = t(l)) == null ? void 0 : H.form, {
+                Q(be, i((I = t(l)) == null ? void 0 : I.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: le,
                   "hide-footer": ""
                 }), {
                   fields: J(({ formValues: u }) => [
                     S(e.$slots, "fields", {
-                      key: te.value,
+                      key: ee.value,
                       formValues: u
                     })
                   ]),
@@ -166,48 +163,48 @@ const Le = /* @__PURE__ */ se({
                 }, 16, ["buttons-template", "column-per-row", "reset-after-submit"]),
                 S(e.$slots, "confirm", {
                   hide: () => V.value = !1,
-                  submit: A,
+                  submit: W,
                   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, {
+                k("div", p(L((H = t(l)) == null ? void 0 : H.footer)), [
+                  e.showStayCheckbox ? (n(), m(ce, i({ key: 0 }, (N = t(l)) == null ? void 0 : N.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": (O = o.value) == null ? void 0 : O.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, {
+                  ne(Q(fe, i((U = t(l)) == null ? void 0 : U.validatormessage, {
                     format: !1,
                     message: e.validatorMessage
                   }), null, 16, ["message"]), [
-                    [de, e.invalid && e.validatorMessage]
+                    [ue, e.invalid && e.validatorMessage]
                   ]),
-                  o.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;
+                  s.buttonsTemplate.length || C.actionButtons ? (n(), X("div", p(i({ key: 1 }, (j = t(l)) == null ? void 0 : j.footerbutton)), [
+                    S(e.$slots, "actionButtons", { submit: P }, () => {
+                      var u, h, g, B, F, K;
                       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",
+                          onClick: a[2] || (a[2] = (pe) => (r("close"), r("update:visible", !1))),
+                          severity: "secondary",
                           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 }, (B = t(l)) == null ? void 0 : B.clearfield, {
                           label: e.clearBtnLabel ?? t(c).clearBtnLabel,
-                          onClick: F,
+                          onClick: R,
                           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, {
+                        (F = s.buttonsTemplate) != null && F.includes("submit") ? (n(), m(w, i({ key: 2 }, (K = t(l)) == null ? void 0 : K.savesubmitbutton, {
                           label: e.submitBtnLabel ?? t(c).submitBtnLabel,
-                          severity: o.severity === "primary" ? void 0 : o.severity ?? "success",
-                          onClick: W
+                          severity: s.severity === "primary" ? void 0 : s.severity ?? "success",
+                          onClick: P
                         }), null, 16, ["label", "severity"])) : d("", !0)
                       ];
                     })
                   ], 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(), X("aside", p(i({ key: 0 }, (z = t(l)) == null ? void 0 : z.asidesection(b.value, e.asideRightWidth))), [
                 S(e.$slots, "aside-right")
               ], 16)) : d("", !0)
             ], 16)
@@ -219,5 +216,6 @@ const Le = /* @__PURE__ */ se({
   }
 });
 export {
-  Le as default
+  $e as _
 };
+//# sourceMappingURL=index.es.js.map

package/dialogform/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../library/components/dialogform/DialogForm.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport Dialog from 'primevue/dialog';\nimport { GenericObject } from 'vee-validate';\nimport { computed, inject, ref, shallowRef } from 'vue';\n\nimport { useWangsVueConfig } from 'lib/plugins/WangsVue';\n\nimport Button from '../button/Button.vue';\nimport Checkbox from '../checkbox/Checkbox.vue';\nimport {\n  DialogFormEmits,\n  DialogFormProps,\n  DialogFormSlots,\n} from '../dialogform/DialogForm.vue.d';\nimport Form from '../form/Form.vue';\nimport FormInstance, { FormPayload } from '../form/Form.vue.d';\nimport Icon from '../icon/Icon.vue';\nimport ValidatorMessage from '../validatormessage/ValidatorMessage.vue';\n\nconst props = withDefaults(defineProps<DialogFormProps>(), {\n  asideRightWidth: 260,\n  closable: true,\n  closeOnSubmit: true,\n  columnPerRow: 1,\n  resetAfterSubmit: true,\n  showStayCheckbox: false,\n  buttonsTemplate: () => [],\n  width: 'small',\n});\n\nconst emit = defineEmits<DialogFormEmits>();\nconst slots = defineSlots<DialogFormSlots>();\n\nconst { locale } = useWangsVueConfig('DialogForm');\n\nconst DialogPreset = inject<Record<string, any>>('preset', {}).dialog;\nconst DialogFormPreset = inject<Record<string, any>>('preset', {}).dialogform;\n\nconst form = ref<FormInstance>();\nconst fieldsKey = shallowRef<number>(0);\nconst showConfirm = shallowRef<boolean>(false);\nconst expanded = shallowRef<boolean>(false);\nconst formPayload = ref<FormPayload>({\n  stayAfterSubmit: false,\n  formValues: {},\n});\n\nconst computedWidth = computed(() => {\n  const asideRightWidth: number =\n    slots['aside-right'] && expanded.value ? props.asideRightWidth : 0;\n  const baseWidth = {\n    'small': 400,\n    'medium': 500,\n    'large': 572,\n    'semi-xlarge': 600,\n    'xlarge': 800,\n  }[props.width];\n\n  return `calc(${baseWidth}px + ${asideRightWidth}px)`;\n});\n\nconst closeDialog = (): void => {\n  emit('update:visible', false);\n  emit('close');\n};\n\n/**\n * Callback function for submit button click.\n */\nconst onButtonSubmitClicked = (): void => {\n  if (form.value && !props.invalid && !props.validatorMessage) {\n    form.value.onSubmitClicked();\n    form.value.submit();\n  }\n};\n\n/**\n * Callback function for clear button click.\n *\n * @returns {void}\n */\nconst clearField = (): void => {\n  if (form.value) {\n    form.value.clearField();\n  }\n\n  emit('clear');\n};\n\n/**\n * Callback function for Form component's submit event.\n * Once all fields within Form component is valid, runs the aditional validation.\n *\n * The validation should change the invalid state.\n *\n * Once the invalid state become false, the emit 'submit' will be fired and this callback will be executed.\n *\n * @param {FormPayload} formPayload - The payload object containing the form data and options.\n * @returns {void}\n */\nconst onSubmitDialogForm = async (payload: FormPayload): Promise<void> => {\n  if (props.validationFunction) {\n    /**\n     * This function will change the props.invalid value that will determine the next step.\n     */\n    await props.validationFunction(payload.formValues);\n  }\n\n  /**\n   * Prevent submit callback executed if the form is still invalid.\n   */\n  if (!props.invalid && !props.validatorMessage) {\n    formPayload.value = payload;\n\n    if (slots['confirm']) showConfirm.value = true;\n    else onFormValidated();\n  }\n};\n\nconst onFormValidated = async (\n  submitFunction?: (value: FormPayload) => Promise<void> | void,\n): Promise<void> => {\n  const { stayAfterSubmit } = formPayload.value;\n\n  /**\n   * Only close dialog if the form valid and stayAfterSubmit not checked.\n   */\n  if (!stayAfterSubmit && props.closeOnSubmit) {\n    emit('update:visible', false);\n  }\n\n  /**\n   * If using confirmation on submit, the form should not be resets on submit clicked.\n   * Resets the form if user confirmed the Confirm Dialog.\n   *\n   * The clear field should await the submitFunction succed.\n   */\n  if (slots['confirm']) {\n    try {\n      await submitFunction?.(formPayload.value);\n    } catch (error) {\n      console.error(error);\n    }\n  } else {\n    emit('submit', formPayload.value);\n  }\n\n  if (props.resetAfterSubmit) clearField();\n};\n\ndefineExpose({\n  form,\n  clearField,\n  setValues: (values: GenericObject) => {\n    form.value?.setValues(values);\n  },\n\n  setFieldValue: <T extends string>(\n    field: T,\n    value: GenericObject[T],\n    shouldValidate?: boolean,\n  ) => {\n    form.value?.setFieldValue(field, value, shouldValidate);\n  },\n\n  setErrors: (fields: GenericObject) => {\n    form.value?.setErrors(fields);\n  },\n});\n</script>\n\n<template>\n  <Dialog\n    v-bind=\"DialogFormPreset?.root\"\n    :class=\"props.class\"\n    :closable=\"closable\"\n    :draggable=\"false\"\n    :header=\"header\"\n    :pt=\"{\n      root: {\n        class: [\n          ...DialogPreset?.root({ state: {} }).class,\n          ...DialogFormPreset?.root.class,\n        ],\n        style: DialogFormPreset?.root.style(computedWidth),\n      },\n    }\"\n    :visible=\"visible\"\n    @hide=\"emit('hide')\"\n    @show=\"emit('show')\"\n    @update:visible=\"emit('update:visible', !!$event)\"\n    modal\n  >\n    <template #container>\n      <div v-bind=\"DialogFormPreset?.container(expanded)\">\n        <section v-bind=\"DialogFormPreset?.mainsection\" id=\"main\">\n          <div v-bind=\"DialogFormPreset?.header\">\n            <slot name=\"header\">\n              <Icon\n                v-if=\"headerIcon\"\n                v-bind=\"DialogFormPreset?.headericon\"\n                :icon=\"headerIcon\"\n                :severity=\"severity\"\n                aria-label=\"Header Icon\"\n              />\n\n              <h3 v-bind=\"DialogFormPreset?.headertitle\">\n                {{ header }}\n              </h3>\n\n              <Button\n                v-if=\"$slots['aside-right']\"\n                v-bind=\"DialogFormPreset?.expandasidebutton\"\n                :label=\"\n                  expanded\n                    ? locale.asideRightExpandedButtonLabel\n                    : locale.asideRightCollapsedButtonLabel\n                \"\n                @click=\"expanded = !expanded\"\n                text\n              />\n\n              <Button\n                v-if=\"closable\"\n                @click=\"closeDialog\"\n                v-bind=\"DialogFormPreset?.closedialog\"\n                icon=\"close\"\n                icon-class=\"w-[22px] h-[22px]\"\n                rounded\n                severity=\"secondary\"\n                text\n              />\n            </slot>\n          </div>\n\n          <Form\n            v-bind=\"DialogFormPreset?.form\"\n            ref=\"form\"\n            :buttons-template=\"buttonsTemplate\"\n            :column-per-row=\"columnPerRow\"\n            :reset-after-submit=\"resetAfterSubmit\"\n            @submit=\"onSubmitDialogForm\"\n            hide-footer\n          >\n            <template #fields=\"{ formValues }\">\n              <slot :key=\"fieldsKey\" :form-values=\"formValues\" name=\"fields\" />\n            </template>\n          </Form>\n\n          <slot\n            :hide=\"() => (showConfirm = false)\"\n            :submit=\"onFormValidated\"\n            :visible=\"showConfirm\"\n            name=\"confirm\"\n          />\n\n          <div v-bind=\"DialogFormPreset?.footer\">\n            <Checkbox\n              v-if=\"showStayCheckbox\"\n              v-bind=\"DialogFormPreset?.staycheckbox\"\n              :label=\"stayCheckboxLabel ?? locale.stayCheckboxLabel\"\n              :model-value=\"form?.stayAfterSubmit\"\n              @update:model-value=\"\n                form && (form.stayAfterSubmit = $event as boolean)\n              \"\n            />\n\n            <ValidatorMessage\n              v-show=\"invalid && validatorMessage\"\n              v-bind=\"DialogFormPreset?.validatormessage\"\n              :format=\"false\"\n              :message=\"validatorMessage\"\n            />\n\n            <div\n              v-if=\"props.buttonsTemplate.length || !!slots.actionButtons\"\n              v-bind=\"DialogFormPreset?.footerbutton\"\n            >\n              <slot :submit=\"onButtonSubmitClicked\" name=\"actionButtons\">\n                <Button\n                  v-if=\"props.buttonsTemplate?.includes('cancel')\"\n                  v-bind=\"DialogFormPreset?.cancelbtn\"\n                  :label=\"cancelBtnLabel ?? locale.cancelBtnLabel\"\n                  @click=\"emit('close'), emit('update:visible', false)\"\n                  severity=\"secondary\"\n                  text\n                />\n\n                <Button\n                  v-if=\"props.buttonsTemplate?.includes('clear')\"\n                  v-bind=\"DialogFormPreset?.clearfield\"\n                  :label=\"clearBtnLabel ?? locale.clearBtnLabel\"\n                  @click=\"clearField\"\n                  class=\"whitespace-nowrap\"\n                  text\n                />\n\n                <Button\n                  v-if=\"props.buttonsTemplate?.includes('submit')\"\n                  v-bind=\"DialogFormPreset?.savesubmitbutton\"\n                  :label=\"submitBtnLabel ?? locale.submitBtnLabel\"\n                  :severity=\"\n                    props.severity === 'primary'\n                      ? undefined\n                      : (props.severity ?? 'success')\n                  \"\n                  @click=\"onButtonSubmitClicked\"\n                />\n              </slot>\n            </div>\n          </div>\n        </section>\n\n        <aside\n          v-if=\"$slots['aside-right']\"\n          v-bind=\"DialogFormPreset?.asidesection(expanded, asideRightWidth)\"\n        >\n          <slot name=\"aside-right\" />\n        </aside>\n      </div>\n    </template>\n  </Dialog>\n</template>\n"],"names":["props","__props","emit","__emit","slots","_useSlots","locale","useWangsVueConfig","DialogPreset","inject","DialogFormPreset","form","ref","fieldsKey","shallowRef","showConfirm","expanded","formPayload","computedWidth","computed","asideRightWidth","closeDialog","onButtonSubmitClicked","clearField","onSubmitDialogForm","payload","onFormValidated","submitFunction","stayAfterSubmit","error","__expose","values","_a","field","value","shouldValidate","fields"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBA,UAAMA,IAAQC,GAWRC,IAAOC,GACPC,IAAQC,GAAA,GAER,EAAE,QAAAC,EAAA,IAAWC,GAAkB,YAAY,GAE3CC,IAAeC,EAA4B,UAAU,CAAA,CAAE,EAAE,QACzDC,IAAmBD,EAA4B,UAAU,CAAA,CAAE,EAAE,YAE7DE,IAAOC,EAAA,GACPC,KAAYC,EAAmB,CAAC,GAChCC,IAAcD,EAAoB,EAAK,GACvCE,IAAWF,EAAoB,EAAK,GACpCG,IAAcL,EAAiB;AAAA,MACnC,iBAAiB;AAAA,MACjB,YAAY,CAAA;AAAA,IAAC,CACd,GAEKM,KAAgBC,GAAS,MAAM;AACnC,YAAMC,IACJhB,EAAM,aAAa,KAAKY,EAAS,QAAQhB,EAAM,kBAAkB;AASnE,aAAO,QARW;AAAA,QAChB,OAAS;AAAA,QACT,QAAU;AAAA,QACV,OAAS;AAAA,QACT,eAAe;AAAA,QACf,QAAU;AAAA,MAAA,EACVA,EAAM,KAAK,CAEW,QAAQoB,CAAe;AAAA,IACjD,CAAC,GAEKC,KAAc,MAAY;AAC9B,MAAAnB,EAAK,kBAAkB,EAAK,GAC5BA,EAAK,OAAO;AAAA,IACd,GAKMoB,IAAwB,MAAY;AACxC,MAAIX,EAAK,SAAS,CAACX,EAAM,WAAW,CAACA,EAAM,qBACzCW,EAAK,MAAM,gBAAA,GACXA,EAAK,MAAM,OAAA;AAAA,IAEf,GAOMY,IAAa,MAAY;AAC7B,MAAIZ,EAAK,SACPA,EAAK,MAAM,WAAA,GAGbT,EAAK,OAAO;AAAA,IACd,GAaMsB,KAAqB,OAAOC,MAAwC;AACxE,MAAIzB,EAAM,sBAIR,MAAMA,EAAM,mBAAmByB,EAAQ,UAAU,GAM/C,CAACzB,EAAM,WAAW,CAACA,EAAM,qBAC3BiB,EAAY,QAAQQ,GAEhBrB,EAAM,UAAYW,EAAY,QAAQ,KACrCW,EAAA;AAAA,IAET,GAEMA,IAAkB,OACtBC,MACkB;AAClB,YAAM,EAAE,iBAAAC,MAAoBX,EAAY;AAexC,UAVI,CAACW,KAAmB5B,EAAM,iBAC5BE,EAAK,kBAAkB,EAAK,GAS1BE,EAAM;AACR,YAAI;AACF,iBAAMuB,KAAA,gBAAAA,EAAiBV,EAAY;AAAA,QACrC,SAASY,GAAO;AACd,kBAAQ,MAAMA,CAAK;AAAA,QACrB;AAAA;AAEA,QAAA3B,EAAK,UAAUe,EAAY,KAAK;AAGlC,MAAIjB,EAAM,oBAAkBuB,EAAA;AAAA,IAC9B;AAEA,WAAAO,EAAa;AAAA,MACX,MAAAnB;AAAA,MACA,YAAAY;AAAA,MACA,WAAW,CAACQ,MAA0B;;AACpC,SAAAC,IAAArB,EAAK,UAAL,QAAAqB,EAAY,UAAUD;AAAA,MACxB;AAAA,MAEA,eAAe,CACbE,GACAC,GACAC,MACG;;AACH,SAAAH,IAAArB,EAAK,UAAL,QAAAqB,EAAY,cAAcC,GAAOC,GAAOC;AAAA,MAC1C;AAAA,MAEA,WAAW,CAACC,MAA0B;;AACpC,SAAAJ,IAAArB,EAAK,UAAL,QAAAqB,EAAY,UAAUI;AAAA,MACxB;AAAA,IAAA,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dialogfulltransferlog/index.es.js

@@ -0,0 +1,238 @@
+import { defineComponent as G, useModel as M, onMounted as O, ref as m, inject as S, computed as p, watch as C, openBlock as o, createBlock as x, withCtx as b, createElementBlock as v, createElementVNode as a, createVNode as i, toDisplayString as y, createCommentVNode as K, mergeModels as q } from "vue";
+import { TransferServices as E } from "@tagsamurai/fats-api-services";
+import { _ as f } from "../badge/index.es.js";
+import { _ as L } from "../button/index.es.js";
+import { _ as H } from "../buttoncopy/index.es.js";
+import { _ as V } from "../dialog/index.es.js";
+import { _ as R } from "../icon/index.es.js";
+import { _ as U } from "../tabmenu/index.es.js";
+import { _ as W } from "../timeline/index.es.js";
+import { u as Z } from "../utils/baseToast.util.es.js";
+import { _ as z } from "../assetinfo/index.es.js";
+import { _ as J } from "../userwithicon/index.es.js";
+const Q = { class: "w-full flex items-center justify-between pr-4" }, X = { class: "flex gap-3 items-center" }, Y = { class: "flex gap-1 items-center" }, P = { class: "text-xs font-medium" }, ee = { class: "flex items-center gap-2" }, te = {
+  key: 0,
+  class: "flex flex-col gap-3"
+}, ae = { class: "flex justify-between items-center" }, se = { class: "flex items-center gap-1" }, le = { class: "flex items-center gap-0.5" }, ne = { class: "flex items-center gap-0.5" }, ie = { class: "flex items-center gap-2" }, re = {
+  key: 0,
+  class: "flex flex-row items-center gap-1"
+}, oe = {
+  key: 1,
+  class: "flex flex-col gap-1"
+}, ue = { class: "flex flex-row items-center gap-1" }, de = {
+  key: 2,
+  class: "flex flex-row items-center gap-1"
+}, ce = { class: "text-xs font-medium text-general-400 dark:text-general-200" }, fe = {
+  key: 1,
+  class: "text-xs font-medium"
+}, je = /* @__PURE__ */ G({
+  __name: "DialogFullTransferLog",
+  props: /* @__PURE__ */ q({
+    id: {}
+  }, {
+    visible: { type: Boolean },
+    visibleModifiers: {}
+  }),
+  emits: ["update:visible"],
+  setup(k) {
+    const A = k, g = M(k, "visible"), I = Z();
+    O(() => {
+      window.Cypress && (r.value = ["66406b090d664c625212ac1a", "66406b090d664c625212ac22"]);
+    });
+    const s = m(), w = m(), u = m(), h = m(0), r = S("requestIds") ?? m([]), _ = p(() => {
+      var t;
+      return (t = r.value) != null && t.length ? r.value.findIndex((e) => u.value === e) : -1;
+    }), $ = p(() => {
+      var t, e;
+      return (t = r.value) != null && t.length ? u.value === ((e = r.value) == null ? void 0 : e[0]) : !1;
+    }), j = p(() => {
+      var t, e, l;
+      return (t = r.value) != null && t.length ? u.value === ((l = r.value) == null ? void 0 : l[((e = r.value) == null ? void 0 : e.length) - 1]) : !1;
+    }), D = p(
+      () => {
+        var t;
+        return (t = w.value) == null ? void 0 : t.map((e) => ({
+          _id: e._id,
+          action: e.action,
+          createdAt: e.updatedAt,
+          title: e.action + " by",
+          date: e.updatedAt,
+          username: e.userFullName,
+          body: e.action === "Handed over" ? void 0 : N(e.detail),
+          detail: e.action === "Handed over" ? void 0 : N(e.detail)
+        }));
+      }
+    ), B = (t) => {
+      switch (t) {
+        case "Rejected":
+        case "Reported Missing":
+          return "danger";
+        case "Waiting for Approval":
+        case "Waiting for Handover":
+          return "warning";
+        case "Completed":
+        case "Approved":
+          return "success";
+        default:
+          return "primary";
+      }
+    }, N = (t) => {
+      if (!t || !Object.keys(t).length)
+        return;
+      const e = {}, l = Object.keys(t);
+      for (const d of l) {
+        const c = d.replace(/([A-Z])/g, " $1"), n = c.charAt(0).toUpperCase() + c.slice(1);
+        e[n === "Notes" ? "Note" : n] = t[d] ?? "-";
+      }
+      return e;
+    }, F = async () => {
+      var t;
+      if ((t = u.value) != null && t.length)
+        try {
+          const { data: e } = await E.getTransactionLog(
+            u.value
+          );
+          e && (s.value = e.data.request, w.value = e.data.logs, h.value++);
+        } catch (e) {
+          I.add({
+            error: e,
+            message: "Error, failed to load transfer transaction log"
+          });
+        }
+    }, T = (t) => {
+      if (_.value === -1 || t === "prev" && $.value || t === "next" && j.value)
+        return;
+      const e = t === "prev" ? _.value - 1 : _.value + 1;
+      u.value = r.value[e];
+    };
+    return C(g, (t) => {
+      t && (u.value = A.id);
+    }), C(u, (t) => {
+      t && F();
+    }), (t, e) => (o(), x(V, {
+      visible: g.value,
+      "onUpdate:visible": e[2] || (e[2] = (l) => g.value = l),
+      draggable: !1,
+      class: "!w-[600px]",
+      "footer-class": "flex items-end justify-end gap-1",
+      header: "Transfer Log",
+      modal: ""
+    }, {
+      header: b(() => {
+        var l, d;
+        return [
+          a("div", Q, [
+            a("div", X, [
+              e[3] || (e[3] = a("span", { class: "text-sm font-bold" }, "Transfer Log", -1)),
+              a("div", Y, [
+                a("span", P, y(((l = s.value) == null ? void 0 : l.transactionId) ?? "-"), 1),
+                i(H, {
+                  text: ((d = s.value) == null ? void 0 : d.transactionId) ?? ""
+                }, null, 8, ["text"])
+              ])
+            ]),
+            a("div", ee, [
+              i(L, {
+                disabled: $.value,
+                onClick: e[0] || (e[0] = (c) => T("prev")),
+                class: "!p-0 !m-0 !h-auto !focus:ring-[0px] !dark:focus:ring-[0px] !ring-0",
+                label: "<Prev",
+                text: ""
+              }, null, 8, ["disabled"]),
+              i(L, {
+                disabled: j.value,
+                onClick: e[1] || (e[1] = (c) => T("next")),
+                class: "!p-0 !m-0 !h-auto !focus:ring-[0px] !dark:focus:ring-[0px] !ring-0",
+                label: "Next>",
+                text: ""
+              }, null, 8, ["disabled"])
+            ])
+          ])
+        ];
+      }),
+      default: b(() => {
+        var l, d, c;
+        return [
+          s.value ? (o(), v("div", te, [
+            (o(), x(z, {
+              id: s.value.asset,
+              key: s.value.asset,
+              fields: ["brand", "model"]
+            }, null, 8, ["id"])),
+            a("div", ae, [
+              a("div", se, [
+                a("div", le, [
+                  e[4] || (e[4] = a("span", null, "Origin:", -1)),
+                  i(f, {
+                    label: (l = s.value.originGroup) == null ? void 0 : l.name
+                  }, null, 8, ["label"])
+                ]),
+                i(J, {
+                  user: {
+                    ...s.value.manager,
+                    fullName: (d = s.value.manager) == null ? void 0 : d.fullName
+                  }
+                }, null, 8, ["user"])
+              ]),
+              a("div", ne, [
+                e[5] || (e[5] = a("span", null, "Destination:", -1)),
+                i(f, {
+                  label: (c = s.value.destinationGroup) == null ? void 0 : c.name
+                }, null, 8, ["label"])
+              ])
+            ]),
+            a("div", ie, [
+              e[6] || (e[6] = a("span", null, "Status:", -1)),
+              i(f, {
+                label: s.value.status,
+                severity: B(s.value.status),
+                format: "nowrap"
+              }, null, 8, ["label", "severity"])
+            ]),
+            i(U, {
+              "active-index": 0,
+              menu: [{ label: "Transfer Log" }],
+              type: "tab"
+            }),
+            (o(), x(W, {
+              key: h.value,
+              value: D.value
+            }, {
+              detail: b((n) => [
+                n.key === "To" ? (o(), v("div", re, [
+                  e[7] || (e[7] = a("span", { class: "text-xs font-medium text-general-400 dark:text-general-200" }, " Destination Group: ", -1)),
+                  i(f, {
+                    label: n.value
+                  }, null, 8, ["label"])
+                ])) : n.key === "From" ? (o(), v("div", oe, [
+                  a("div", ue, [
+                    e[8] || (e[8] = a("span", { class: "text-xs font-medium text-general-400 dark:text-general-200" }, " Destination Group: ", -1)),
+                    i(f, {
+                      label: n.value
+                    }, null, 8, ["label"])
+                  ]),
+                  i(R, {
+                    class: "!text-general-800 dark:!text-general-400 !text-xs -rotate-90",
+                    icon: "arrow-left"
+                  })
+                ])) : (o(), v("div", de, [
+                  a("span", ce, y(n.key) + ": ", 1),
+                  n.key.includes("Group") ? (o(), x(f, {
+                    key: 0,
+                    label: n.value
+                  }, null, 8, ["label"])) : (o(), v("span", fe, y(n.value), 1))
+                ]))
+              ]),
+              _: 1
+            }, 8, ["value"]))
+          ])) : K("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["visible"]));
+  }
+});
+export {
+  je as _
+};
+//# sourceMappingURL=index.es.js.map

package/dialogfulltransferlog/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../components/dialogtransferlog/DialogFullTransferLog.vue"],"sourcesContent":["<script lang=\"ts\" setup>\nimport { TransferServices } from '@tagsamurai/fats-api-services';\nimport {\n  Log,\n  LogDetail,\n} from '@tagsamurai/fats-api-services/src/dto/oldTransferService.dto';\nimport { computed, inject, onMounted, Ref, ref, watch } from 'vue';\n\nimport Badge from 'lib/components/badge/Badge.vue';\nimport Button from 'lib/components/button/Button.vue';\nimport ButtonCopy from 'lib/components/buttoncopy/ButtonCopy.vue';\nimport Dialog from 'lib/components/dialog/Dialog.vue';\nimport Icon from 'lib/components/icon/Icon.vue';\nimport TabMenu from 'lib/components/tabmenu/TabMenu.vue';\nimport Timeline from 'lib/components/timeline/Timeline.vue';\nimport { TimelineItem } from 'lib/components/timeline/Timeline.vue.d';\nimport useToast from 'lib/utils/baseToast.util';\n\nimport AssetInfo from '../assetinfo/AssetInfo.vue';\nimport UserWithIcon from '../userwithicon/UserWithIcon.vue';\n\ntype SeverityTypes = 'success' | 'danger' | 'primary' | 'warning';\ntype TransactionStatus =\n  | 'Waiting for Approval'\n  | 'Waiting for Handover'\n  | 'Completed'\n  | 'Cancelled'\n  | 'Rejected'\n  | 'Reported Missing'\n  | 'Approved';\n\nconst props = defineProps<{\n  id: string;\n}>();\n\nconst visible = defineModel<boolean>('visible');\n\nconst toast = useToast();\n\nonMounted(() => {\n  if (window.Cypress) {\n    requestIds.value = ['66406b090d664c625212ac1a', '66406b090d664c625212ac22'];\n  }\n});\n\nconst detail = ref<LogDetail>();\nconst logs = ref<Log[]>();\nconst currentId = ref<string>();\nconst timelineKey = ref(0);\nconst requestIds = (inject('requestIds') as Ref<string[]>) ?? ref<string[]>([]);\n\nconst currentIndex = computed(() => {\n  if (requestIds.value?.length) {\n    return requestIds.value.findIndex((id) => currentId.value === id);\n  }\n  return -1;\n});\n\nconst isFirst = computed(() => {\n  if (requestIds.value?.length) {\n    return currentId.value === requestIds.value?.[0];\n  }\n  return false;\n});\nconst isLast = computed(() => {\n  if (requestIds.value?.length) {\n    return currentId.value === requestIds.value?.[requestIds.value?.length - 1];\n  }\n  return false;\n});\n\nconst formattedLogs = computed<TimelineItem[]>(\n  () =>\n    logs.value?.map((log) => ({\n      _id: log._id,\n      action: log.action,\n      createdAt: log.updatedAt,\n      title: log.action + ' by',\n      date: log.updatedAt,\n      username: log.userFullName,\n      body:\n        log.action === 'Handed over' ? undefined : formatObjectKeys(log.detail),\n      detail:\n        log.action === 'Handed over' ? undefined : formatObjectKeys(log.detail),\n    })) as TimelineItem[],\n);\n\nconst getSeverityByStatus = (status?: TransactionStatus): SeverityTypes => {\n  switch (status) {\n    case 'Rejected':\n    case 'Reported Missing':\n      return 'danger';\n    case 'Waiting for Approval':\n    case 'Waiting for Handover':\n      return 'warning';\n    case 'Completed':\n    case 'Approved':\n      return 'success';\n    default:\n      return 'primary';\n  }\n};\n\ntype Body = { [key: string]: string };\n/**\n * Format object keys from camelCase to Title Case\n *\n * @param body\n */\nconst formatObjectKeys = (body?: Body): Body | undefined => {\n  if (!body || !Object.keys(body).length) {\n    return undefined;\n  }\n\n  const newObject: Body = {};\n\n  const keys = Object.keys(body);\n  for (const key of keys) {\n    const formattedKey = key.replace(/([A-Z])/g, ' $1'); // Create space between capital character\n    const finalFormattedKey =\n      formattedKey.charAt(0).toUpperCase() + formattedKey.slice(1); // Format first char to be capital\n    newObject[finalFormattedKey === 'Notes' ? 'Note' : finalFormattedKey] =\n      body[key] ?? '-';\n  }\n\n  return newObject;\n};\n\nconst fetchTrxLog = async (): Promise<void> => {\n  if (!currentId.value?.length) {\n    return;\n  }\n  try {\n    const { data: response } = await TransferServices.getTransactionLog(\n      currentId.value,\n    );\n    if (response) {\n      detail.value = response.data.request;\n      logs.value = response.data.logs;\n      timelineKey.value++;\n    }\n  } catch (error) {\n    toast.add({\n      error,\n      message: 'Error, failed to load transfer transaction log',\n    });\n  }\n};\n\nconst navigateData = (action: 'prev' | 'next'): void => {\n  // Check is data inside the table data\n  if (currentIndex.value === -1) {\n    return;\n  }\n\n  // Check action and navigate state\n  if (\n    (action === 'prev' && isFirst.value) ||\n    (action === 'next' && isLast.value)\n  ) {\n    return;\n  }\n\n  const index =\n    action === 'prev' ? currentIndex.value - 1 : currentIndex.value + 1;\n  currentId.value = requestIds.value[index];\n};\n\nwatch(visible, (value) => {\n  if (value) {\n    currentId.value = props.id;\n  }\n});\n\nwatch(currentId, (value) => {\n  if (value) {\n    fetchTrxLog();\n  }\n});\n</script>\n\n<template>\n  <Dialog\n    v-model:visible=\"visible\"\n    :draggable=\"false\"\n    class=\"!w-[600px]\"\n    footer-class=\"flex items-end justify-end gap-1\"\n    header=\"Transfer Log\"\n    modal\n  >\n    <template #header>\n      <div class=\"w-full flex items-center justify-between pr-4\">\n        <div class=\"flex gap-3 items-center\">\n          <span class=\"text-sm font-bold\">Transfer Log</span>\n\n          <div class=\"flex gap-1 items-center\">\n            <span class=\"text-xs font-medium\">{{\n              detail?.transactionId ?? '-'\n            }}</span>\n\n            <ButtonCopy :text=\"detail?.transactionId ?? ''\" />\n          </div>\n        </div>\n\n        <div class=\"flex items-center gap-2\">\n          <Button\n            :disabled=\"isFirst\"\n            @click=\"navigateData('prev')\"\n            class=\"!p-0 !m-0 !h-auto !focus:ring-[0px] !dark:focus:ring-[0px] !ring-0\"\n            label=\"<Prev\"\n            text\n          />\n\n          <Button\n            :disabled=\"isLast\"\n            @click=\"navigateData('next')\"\n            class=\"!p-0 !m-0 !h-auto !focus:ring-[0px] !dark:focus:ring-[0px] !ring-0\"\n            label=\"Next>\"\n            text\n          />\n        </div>\n      </div>\n    </template>\n\n    <template #default>\n      <div v-if=\"detail\" class=\"flex flex-col gap-3\">\n        <AssetInfo\n          :id=\"detail.asset\"\n          :key=\"detail.asset\"\n          :fields=\"['brand', 'model']\"\n        />\n\n        <div class=\"flex justify-between items-center\">\n          <div class=\"flex items-center gap-1\">\n            <div class=\"flex items-center gap-0.5\">\n              <span>Origin:</span>\n\n              <Badge :label=\"detail.originGroup?.name!\" />\n            </div>\n\n            <UserWithIcon\n              :user=\"{\n                ...detail.manager,\n                fullName: detail.manager?.fullName as string,\n              }\"\n            />\n          </div>\n\n          <div class=\"flex items-center gap-0.5\">\n            <span>Destination:</span>\n\n            <Badge :label=\"detail.destinationGroup?.name!\" />\n          </div>\n        </div>\n\n        <div class=\"flex items-center gap-2\">\n          <span>Status:</span>\n\n          <Badge\n            :label=\"detail.status\"\n            :severity=\"getSeverityByStatus(detail.status)\"\n            format=\"nowrap\"\n          />\n        </div>\n\n        <TabMenu\n          :active-index=\"0\"\n          :menu=\"[{ label: 'Transfer Log' }]\"\n          type=\"tab\"\n        />\n\n        <Timeline :key=\"timelineKey\" :value=\"formattedLogs\">\n          <template #detail=\"slotProps\">\n            <div\n              v-if=\"slotProps.key === 'To'\"\n              class=\"flex flex-row items-center gap-1\"\n            >\n              <span\n                class=\"text-xs font-medium text-general-400 dark:text-general-200\"\n              >\n                Destination Group:\n              </span>\n\n              <Badge :label=\"slotProps.value as string\" />\n            </div>\n\n            <div\n              v-else-if=\"slotProps.key === 'From'\"\n              class=\"flex flex-col gap-1\"\n            >\n              <div class=\"flex flex-row items-center gap-1\">\n                <span\n                  class=\"text-xs font-medium text-general-400 dark:text-general-200\"\n                >\n                  Destination Group:\n                </span>\n\n                <Badge :label=\"slotProps.value as string\" />\n              </div>\n\n              <Icon\n                class=\"!text-general-800 dark:!text-general-400 !text-xs -rotate-90\"\n                icon=\"arrow-left\"\n              />\n            </div>\n\n            <div v-else class=\"flex flex-row items-center gap-1\">\n              <span\n                class=\"text-xs font-medium text-general-400 dark:text-general-200\"\n              >\n                {{ slotProps.key }}:\n              </span>\n\n              <Badge\n                v-if=\"slotProps.key.includes('Group')\"\n                :label=\"slotProps.value as string\"\n              />\n\n              <span v-else class=\"text-xs font-medium\">{{\n                slotProps.value\n              }}</span>\n            </div>\n          </template>\n        </Timeline>\n      </div>\n    </template>\n  </Dialog>\n</template>\n"],"names":["props","__props","visible","_useModel","toast","useToast","onMounted","requestIds","detail","ref","logs","currentId","timelineKey","inject","currentIndex","computed","_a","id","isFirst","_b","isLast","_c","formattedLogs","log","formatObjectKeys","getSeverityByStatus","status","body","newObject","keys","key","formattedKey","finalFormattedKey","fetchTrxLog","response","TransferServices","error","navigateData","action","index","watch","value"],"mappings":"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"}

package/dialoglinkedasset/index.d.ts

@@ -1,6 +1,9 @@
-import { DefineComponent } from 'vue';
 import { AssetName } from '@tagsamurai/fats-api-services/src/types/oldAssetService.type';
 
+import { DialogConfirmProps } from '../dialogconfirm';
+import { WangsIcons } from '../icon';
+import { ClassComponent } from '../ts-helpers.d';
+
 /**
  * Type of the asset data, it refers to data response from Asset API, but since this component only using asset's name and _id then only those field are required for type.
  */
@@ -95,9 +98,10 @@ export type DialogLinkedAssetEmit = {
  *
  * @group components
  */
-declare const DialogLinkedAsset: DefineComponent<
+declare class DialogLinkedAsset extends ClassComponent<
   DialogLinkedAssetProps,
-  DialogLinkedAssetEmit
->;
+  DialogLinkedAssetEmit,
+  unknown
+> {}
 
 export default DialogLinkedAsset;