@fewangsit/wangsvue-fats 1.0.1-rc.5 → 1.0.1-rc.8

package/dialogform/index.es.js

@@ -0,0 +1,223 @@
+import { defineComponent as se, useSlots as ie, inject as G, ref as D, shallowRef as P, computed as re, createBlock as m, openBlock as n, unref as t, mergeProps as i, withCtx as J, createElementVNode as B, normalizeProps as p, guardReactiveProps as $, createElementBlock as Q, createCommentVNode as d, createVNode as X, renderSlot as S, toDisplayString as ne, withDirectives as ue, vShow as de } from "vue";
+import { u as me } from "../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({
+  __name: "DialogForm",
+  props: {
+    buttonsTemplate: {},
+    header: {},
+    visible: { type: Boolean },
+    asideRightWidth: { default: 260 },
+    class: {},
+    cancelBtnLabel: {},
+    clearBtnLabel: {},
+    closable: { type: Boolean, default: !0 },
+    closeOnSubmit: { type: Boolean, default: !0 },
+    contentClass: {},
+    dateHeader: {},
+    headerIcon: {},
+    invalid: { type: Boolean },
+    resetAfterSubmit: { type: Boolean, default: !0 },
+    severity: {},
+    showStayCheckbox: { type: Boolean, default: void 0 },
+    stayCheckboxLabel: {},
+    submitBtnLabel: {},
+    validatorMessage: {},
+    validationFunction: {},
+    width: { default: "small" },
+    disableSubmit: { type: Boolean },
+    columnPerRow: { default: 1 },
+    hideFooter: { type: Boolean },
+    hideStayCheckbox: { type: Boolean },
+    saveBtnLabel: {},
+    validateOnSave: { type: Boolean },
+    cancelBtnSeverity: {},
+    saveBtnSeverity: {},
+    submitBtnSeverity: {}
+  },
+  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({
+      stayAfterSubmit: !1,
+      formValues: {}
+    }), ae = re(() => {
+      const e = L["aside-right"] && b.value ? o.asideRightWidth : 0;
+      return `calc(${{
+        small: 400,
+        medium: 500,
+        large: 572,
+        "semi-xlarge": 600,
+        xlarge: 800
+      }[o.width]}px + ${e}px)`;
+    }), le = () => {
+      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)
+        try {
+          await (e == null ? void 0 : e(C.value));
+        } catch (v) {
+          console.error(v);
+        }
+      else
+        r("submit", C.value);
+      o.resetAfterSubmit && F();
+    };
+    return Z({
+      form: s,
+      clearField: F,
+      setValues: (e) => {
+        var a;
+        (a = s.value) == null || a.setValues(e);
+      },
+      setFieldValue: (e, a, v) => {
+        var y;
+        (y = s.value) == null || y.setFieldValue(e, a, v);
+      },
+      setErrors: (e) => {
+        var a;
+        (a = s.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,
+        closable: e.closable,
+        draggable: !1,
+        header: e.header,
+        pt: {
+          root: {
+            class: [
+              ...(y = t(_)) == null ? void 0 : y.root({ state: {} }).class,
+              ...(T = t(l)) == null ? void 0 : T.root.class
+            ],
+            style: (E = t(l)) == null ? void 0 : E.root.style(ae.value)
+          }
+        },
+        visible: e.visible,
+        onHide: a[3] || (a[3] = (f) => r("hide")),
+        onShow: a[4] || (a[4] = (f) => r("show")),
+        "onUpdate:visible": a[5] || (a[5] = (f) => r("update:visible", !!f)),
+        modal: ""
+      }), {
+        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)), [
+                  S(e.$slots, "header", {}, () => {
+                    var u, h, g, k;
+                    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),
+                      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),
+                        text: ""
+                      }), null, 16, ["label"])) : d("", !0),
+                      e.closable ? (n(), m(w, i({
+                        key: 2,
+                        onClick: le
+                      }, (k = t(l)) == null ? void 0 : k.closedialog, {
+                        icon: "close",
+                        "icon-class": "w-[22px] h-[22px]",
+                        rounded: "",
+                        severity: "secondary",
+                        text: ""
+                      }), null, 16)) : d("", !0)
+                    ];
+                  })
+                ], 16),
+                X(ve, i((H = t(l)) == null ? void 0 : H.form, {
+                  ref_key: "form",
+                  ref: s,
+                  "buttons-template": e.buttonsTemplate,
+                  "column-per-row": e.columnPerRow,
+                  "reset-after-submit": e.resetAfterSubmit,
+                  onSubmit: oe,
+                  "hide-footer": ""
+                }), {
+                  fields: J(({ formValues: u }) => [
+                    S(e.$slots, "fields", {
+                      key: te.value,
+                      formValues: u
+                    })
+                  ]),
+                  _: 3
+                }, 16, ["buttons-template", "column-per-row", "reset-after-submit"]),
+                S(e.$slots, "confirm", {
+                  hide: () => V.value = !1,
+                  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,
+                    "model-value": (U = s.value) == null ? void 0 : U.stayAfterSubmit,
+                    "onUpdate:modelValue": a[1] || (a[1] = (u) => s.value && (s.value.stayAfterSubmit = u))
+                  }), null, 16, ["label", "model-value"])) : d("", !0),
+                  ue(X(pe, i((j = t(l)) == null ? void 0 : j.validatormessage, {
+                    format: !1,
+                    message: e.validatorMessage
+                  }), null, 16, ["message"]), [
+                    [de, e.invalid && e.validatorMessage]
+                  ]),
+                  o.buttonsTemplate.length ? (n(), Q("div", p(i({ key: 1 }, (z = t(l)) == null ? void 0 : z.footerbutton)), [
+                    S(e.$slots, "actionButtons", { submit: W }, () => {
+                      var u, h, g, k, R, q;
+                      return [
+                        (u = o.buttonsTemplate) != null && u.includes("cancel") ? (n(), m(w, i({ key: 0 }, (h = t(l)) == null ? void 0 : h.cancelbtn, {
+                          label: e.cancelBtnLabel ?? t(c).cancelBtnLabel,
+                          onClick: a[2] || (a[2] = (ye) => (r("close"), r("update:visible", !1))),
+                          severity: "dark",
+                          text: ""
+                        }), null, 16, ["label"])) : d("", !0),
+                        (g = o.buttonsTemplate) != null && g.includes("clear") ? (n(), m(w, i({ key: 1 }, (k = t(l)) == null ? void 0 : k.clearfield, {
+                          label: e.clearBtnLabel ?? t(c).clearBtnLabel,
+                          onClick: F,
+                          class: "whitespace-nowrap",
+                          text: ""
+                        }), null, 16, ["label"])) : d("", !0),
+                        (R = o.buttonsTemplate) != null && R.includes("submit") ? (n(), m(w, i({ key: 2 }, (q = t(l)) == null ? void 0 : q.savesubmitbutton, {
+                          label: e.submitBtnLabel ?? t(c).submitBtnLabel,
+                          severity: o.severity === "primary" ? void 0 : o.severity ?? "success",
+                          onClick: W
+                        }), 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))), [
+                S(e.$slots, "aside-right")
+              ], 16)) : d("", !0)
+            ], 16)
+          ];
+        }),
+        _: 3
+      }, 16, ["class", "closable", "header", "pt", "visible"]);
+    };
+  }
+});
+export {
+  Le as default
+};

package/dialogform/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}

package/dialogfulltransferlog/DialogFullTransferLog.es.js

@@ -0,0 +1,237 @@
+import { defineComponent as G, mergeModels as M, useModel as O, onMounted as S, inject as K, ref as m, computed as p, watch as C, createBlock as x, openBlock as o, withCtx as b, createElementBlock as v, createCommentVNode as q, createElementVNode as a, createVNode as i, toDisplayString as y } from "vue";
+import { TransferServices as E } from "@tagsamurai/fats-api-services";
+import { u as H } from "../utils/baseToast.util.es.js";
+import f from "../badge/index.es.js";
+import { _ as L } from "../button/Button.es.js";
+import V from "../buttoncopy/index.es.js";
+import R from "../dialog/index.es.js";
+import U from "../icon/index.es.js";
+import W from "../tabmenu/index.es.js";
+import Z from "../timeline/index.es.js";
+import { _ as z } from "../assetinfo/AssetInfo.es.js";
+import 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" }, fe = {
+  key: 1,
+  class: "text-xs font-medium"
+}, je = /* @__PURE__ */ G({
+  __name: "DialogFullTransferLog",
+  props: /* @__PURE__ */ M({
+    id: {}
+  }, {
+    visible: { type: Boolean },
+    visibleModifiers: {}
+  }),
+  emits: ["update:visible"],
+  setup(k) {
+    const A = k, g = O(k, "visible"), I = H();
+    S(() => {
+      window.Cypress && (r.value = ["66406b090d664c625212ac1a", "66406b090d664c625212ac22"]);
+    });
+    const s = m(), w = m(), u = m(), h = m(0), r = K("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(R, {
+      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(V, {
+                  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(W, {
+              "active-index": 0,
+              menu: [{ label: "Transfer Log" }],
+              type: "tab"
+            }),
+            (o(), x(Z, {
+              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" }, " 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" }, " Destination Group: ", -1)),
+                    i(f, {
+                      label: n.value
+                    }, null, 8, ["label"])
+                  ]),
+                  i(U, {
+                    class: "!text-general-800 !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"]))
+          ])) : q("", !0)
+        ];
+      }),
+      _: 1
+    }, 8, ["visible"]));
+  }
+});
+export {
+  je as _
+};

package/{components/dialoglinkedasset/DialogLinkedAsset.vue.d.ts → dialoglinkedasset/index.d.ts}

@@ -1,9 +1,6 @@
 import { DefineComponent } from 'vue';
 import { AssetName } from '@tagsamurai/fats-api-services/src/types/oldAssetService.type';
 
-import { DialogConfirmProps } from '../../../../library/components/dialogconfirm/DialogConfirm.vue.d';
-import { WangsIcons } from '../../../../library/components/icon/Icon.vue.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.
  */

package/dialoglinkedasset/index.es.js

@@ -0,0 +1,158 @@
+import { defineComponent as W, computed as k, ref as _, watch as T, createBlock as L, openBlock as n, mergeProps as j, createSlots as G, withCtx as C, createElementVNode as m, createVNode as S, createElementBlock as i, createCommentVNode as $, Fragment as u, renderList as w, toDisplayString as p } from "vue";
+import { AssetServices as J } from "@tagsamurai/fats-api-services";
+import "../vendor/single-spa/lib/es2015/esm/single-spa.min.es.js";
+import { u as O } from "../utils/toast.util.es.js";
+import { _ as P } from "../button/Button.es.js";
+import R from "../dialogconfirm/index.es.js";
+import U from "../icon/index.es.js";
+import z from "../toast/index.es.js";
+const D = { class: "flex flex-col gap-3 justify-between" }, H = { class: "flex flex-col max-h-20 overflow-y-auto" }, K = {
+  class: "text-general-800 font-medium",
+  "data-ts-section": "assetparent"
+}, M = {
+  class: "flex flex-col max-h-20",
+  "data-ts-section": "linked-asset-family"
+}, Q = {
+  key: 3,
+  class: "text-general-800 font-medium",
+  "data-ts-section": "confirmbody"
+}, ae = /* @__PURE__ */ W({
+  __name: "DialogLinkedAsset",
+  props: {
+    header: {},
+    list: {},
+    lists: {},
+    label: {},
+    confirmBody: {},
+    headerIcon: {},
+    type: { default: "confirmation" },
+    severity: {},
+    confirmButtonSeverity: {},
+    visible: { type: Boolean },
+    closeAfterConfirm: { type: Boolean, default: !0 },
+    closeLabel: {},
+    actionable: { type: Boolean, default: !0 },
+    confirmLabel: {},
+    disableConfirmButton: { type: Boolean },
+    listLabel: {},
+    message: {},
+    showIcon: { type: Boolean },
+    showCloseButton: { type: Boolean },
+    contentClass: {}
+  },
+  emits: ["confirm", "update:visible"],
+  setup(E) {
+    var x;
+    const B = O(), t = E, I = k(() => t.confirmLabel ? t.confirmLabel : t.severity === "danger" ? "Remove" : "Submit"), N = k(() => t.confirmBody ? t.confirmBody : t.severity === "success" ? "All related data will be transacted. Are you sure want to submit?" : "All related data will be removed from the list. Are you want to remove it?"), F = k(() => !!t.headerIcon || t.severity === "danger"), y = _(!1), v = _([]), h = _(!!((x = t.list) != null && x.length));
+    T(
+      () => t.list,
+      () => {
+        h.value = !0;
+      }
+    );
+    const q = async () => {
+      var o;
+      try {
+        if (!h.value) return;
+        y.value = !0;
+        const e = [], s = (r) => r.family.length > 1, d = ({ parent: r, children: a, family: c }, l) => {
+          const g = (b) => b.map((A) => ({ _id: A._id, name: A.name })), { _id: f, name: V } = r ?? l;
+          return {
+            parent: { _id: f, name: V },
+            // If parent null | undefined, it means the current asset is parent
+            children: a.length ? g(a) : g(c.filter((b) => b._id !== f))
+            // Parent will always exist if children is empty
+          };
+        };
+        if ((o = t.list) != null && o.length) {
+          const { data: r } = await J.getLinkedAssetFamily(
+            JSON.stringify(t.list.map((a) => a._id))
+          );
+          r.data && r.data.forEach((a) => {
+            const c = a.family.find(
+              (l) => l._id === a._id
+            );
+            if (s(a) && c) {
+              const l = d(
+                a,
+                c
+              );
+              e.some(
+                (f) => f.parent._id === l.parent._id
+              ) || e.push(l);
+            }
+          });
+        }
+        v.value = e;
+      } catch (e) {
+        B.removeGroup("linkedasset"), B.add({
+          error: e,
+          message: "Error, failed to fetch linked assets.",
+          group: "linkedasset"
+        });
+      } finally {
+        y.value = !1, h.value = !1;
+      }
+    };
+    return (o, e) => (n(), L(R, j(o.$props, {
+      "confirm-label": I.value,
+      list: void 0,
+      "show-icon": F.value,
+      onConfirm: e[1] || (e[1] = (s) => o.$emit("confirm", v.value)),
+      onShow: q,
+      "onUpdate:visible": e[2] || (e[2] = (s) => o.$emit("update:visible", s)),
+      "data-ts-name": "dialoglinkedasset"
+    }), G({
+      body: C(() => [
+        m("div", D, [
+          o.type === "confirmation" ? (n(), i(u, { key: 0 }, [
+            m("ul", H, [
+              (n(!0), i(u, null, w(o.list, (s) => (n(), i("li", {
+                key: s._id,
+                class: "text-general-800 font-medium",
+                "data-ts-section": "assetlistitem"
+              }, p(s.name.nameWithSequence), 1))), 128))
+            ]),
+            e[3] || (e[3] = m("p", { class: "text-general-800 font-medium" }, " The following assets have other assets linked to them: ", -1))
+          ], 64)) : $("", !0),
+          y.value ? (n(), L(U, {
+            key: 1,
+            class: "animate-spin h-6 w-6 self-center cursor-default !text-general-200 py-4",
+            icon: "loader-4"
+          })) : (n(!0), i(u, { key: 2 }, w(v.value, (s) => (n(), i("div", {
+            key: s.parent._id,
+            class: "flex flex-col gap-0.5"
+          }, [
+            m("span", K, p(s.parent.name.nameWithSequence) + ": ", 1),
+            m("ul", M, [
+              (n(!0), i(u, null, w(s.children, (d) => (n(), i("li", {
+                key: d._id,
+                class: "text-general-800 font-medium",
+                "data-ts-section": "assetchild"
+              }, p(d.name.nameWithSequence), 1))), 128))
+            ])
+          ]))), 128)),
+          o.type === "confirmation" ? (n(), i("p", Q, p(N.value), 1)) : $("", !0)
+        ]),
+        S(z, { group: "linkedasset" })
+      ]),
+      _: 2
+    }, [
+      t.type === "detail" ? {
+        name: "footer",
+        fn: C(() => [
+          S(P, {
+            onClick: e[0] || (e[0] = (s) => o.$emit("update:visible", !1)),
+            "data-ts-section": "closebutton",
+            label: "Close",
+            outlined: ""
+          })
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["confirm-label", "show-icon"]));
+  }
+});
+export {
+  ae as default
+};

package/dialoglinkedasset/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "./index.es.js",
+  "types": "./index.d.ts"
+}