tsv2-library 1.0.61-alpha.115 → 1.0.61-alpha.117

package/dist/tsv2-library.es.js

@@ -2248,6 +2248,20 @@ const formatTagCode = (tagCode) => {
   }
   return "-";
 };
+const formatDisplayAssetName = (asset) => {
+  var _a, _b, _c, _d;
+  if ((_a = asset.aliasName) == null ? void 0 : _a.length) {
+    return `${(_b = asset.name) == null ? void 0 : _b.name} (${asset.aliasName}) - ${(_c = asset.name) == null ? void 0 : _c.sequence}`;
+  }
+  return ((_d = asset.name) == null ? void 0 : _d.nameWithSequence) ?? "-";
+};
+const formatDisplayAssetId = (asset) => {
+  var _a, _b, _c, _d;
+  if (((_b = (_a = asset.name) == null ? void 0 : _a.aliasCode) == null ? void 0 : _b.length) && ((_c = asset.registeredAssetId) == null ? void 0 : _c.length)) {
+    return `${asset.registeredAssetId} (${(_d = asset.name) == null ? void 0 : _d.aliasCode})`;
+  }
+  return asset.assetId ?? "-";
+};
 const clearStorage = () => {
   localStorage.clear();
   sessionStorage.clear();
@@ -21861,7 +21875,7 @@ const paginator = {
       class: [
         // Position
         "absolute top-0 left-0",
-        "mt-1",
+        "mt-1 !z-[1111]",
         // Shape
         "border-0",
         "rounded-md",
@@ -27270,13 +27284,13 @@ const _hoisted_1$29 = { class: "w-full flex items-center justify-between pr-4" }
 const _hoisted_2$1H = { class: "flex gap-3 items-center" };
 const _hoisted_3$K = /* @__PURE__ */ createElementVNode("span", { class: "text-sm font-bold" }, "Transfer Log", -1);
 const _hoisted_4$x = { class: "flex gap-1 items-center" };
-const _hoisted_5$q = { class: "text-xs font-medium" };
-const _hoisted_6$l = { class: "flex items-center gap-2" };
-const _hoisted_7$h = {
+const _hoisted_5$p = { class: "text-xs font-medium" };
+const _hoisted_6$k = { class: "flex items-center gap-2" };
+const _hoisted_7$g = {
   key: 0,
   class: "flex flex-col gap-3 dark:text-general-100"
 };
-const _hoisted_8$d = { class: "flex justify-between items-center" };
+const _hoisted_8$c = { class: "flex justify-between items-center" };
 const _hoisted_9$9 = { class: "flex items-center gap-1" };
 const _hoisted_10$9 = { class: "flex items-center gap-0.5" };
 const _hoisted_11$9 = /* @__PURE__ */ createElementVNode("span", null, "Origin:", -1);
@@ -27464,13 +27478,13 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
               createElementVNode("div", _hoisted_2$1H, [
                 _hoisted_3$K,
                 createElementVNode("div", _hoisted_4$x, [
-                  createElementVNode("span", _hoisted_5$q, toDisplayString$1(((_a = detail.value) == null ? void 0 : _a.transactionId) ?? "-"), 1),
+                  createElementVNode("span", _hoisted_5$p, toDisplayString$1(((_a = detail.value) == null ? void 0 : _a.transactionId) ?? "-"), 1),
                   createVNode(unref(_sfc_main$1o), {
                     text: ((_b = detail.value) == null ? void 0 : _b.transactionId) ?? ""
                   }, null, 8, ["text"])
                 ])
               ]),
-              createElementVNode("div", _hoisted_6$l, [
+              createElementVNode("div", _hoisted_6$k, [
                 createVNode(unref(_sfc_main$1x), {
                   disabled: isFirst.value,
                   onClick: _cache[0] || (_cache[0] = ($event) => navigateData("prev")),
@@ -27492,13 +27506,13 @@ const _sfc_main$1F = /* @__PURE__ */ defineComponent({
         default: withCtx(() => {
           var _a, _b;
           return [
-            detail.value ? (openBlock(), createElementBlock("div", _hoisted_7$h, [
+            detail.value ? (openBlock(), createElementBlock("div", _hoisted_7$g, [
               (openBlock(), createBlock(unref(_sfc_main$1C), {
                 id: detail.value.asset,
                 key: detail.value.asset,
                 fields: ["brand", "model"]
               }, null, 8, ["id"])),
-              createElementVNode("div", _hoisted_8$d, [
+              createElementVNode("div", _hoisted_8$c, [
                 createElementVNode("div", _hoisted_9$9, [
                   createElementVNode("div", _hoisted_10$9, [
                     _hoisted_11$9,
@@ -27600,10 +27614,10 @@ const _hoisted_1$28 = { class: "w-full flex items-center justify-between" };
 const _hoisted_2$1G = /* @__PURE__ */ createElementVNode("h1", { class: "text-sm font-bold" }, "Damage Log", -1);
 const _hoisted_3$J = { class: "flex items-center gap-2" };
 const _hoisted_4$w = ["disabled"];
-const _hoisted_5$p = ["disabled"];
-const _hoisted_6$k = { class: "flex items-start gap-[18px]" };
-const _hoisted_7$g = { class: "flex flex-col w-full" };
-const _hoisted_8$c = { class: "w-full flex items-center justify-between" };
+const _hoisted_5$o = ["disabled"];
+const _hoisted_6$j = { class: "flex items-start gap-[18px]" };
+const _hoisted_7$f = { class: "flex flex-col w-full" };
+const _hoisted_8$b = { class: "w-full flex items-center justify-between" };
 const _hoisted_9$8 = { class: "text-sm font-bold" };
 const _hoisted_10$8 = { class: "flex items-center gap-[6px]" };
 const _hoisted_11$8 = /* @__PURE__ */ createElementVNode("div", { class: "w-[6px] h-[6px] bg-general-100 rounded" }, null, -1);
@@ -27790,20 +27804,20 @@ const _sfc_main$1E = /* @__PURE__ */ defineComponent({
                 disabled: currentIdIndex.value === ids.value.length - 1 || ids.value.length === 1,
                 onClick: increaseIndex,
                 "data-ts-section": "next-button"
-              }, " Next> ", 10, _hoisted_5$p)
+              }, " Next> ", 10, _hoisted_5$o)
             ])
           ])
         ]),
         default: withCtx(() => {
           var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t2, _u, _v;
           return [
-            createElementVNode("div", _hoisted_6$k, [
+            createElementVNode("div", _hoisted_6$j, [
               createVNode(unref(_sfc_main$_), {
                 thumbnail: (_b = (_a = damageDetail.value) == null ? void 0 : _a.request) == null ? void 0 : _b.assetImageMedium,
                 class: "w-[125px] h-[125px]"
               }, null, 8, ["thumbnail"]),
-              createElementVNode("div", _hoisted_7$g, [
-                createElementVNode("div", _hoisted_8$c, [
+              createElementVNode("div", _hoisted_7$f, [
+                createElementVNode("div", _hoisted_8$b, [
                   createElementVNode("p", _hoisted_9$8, toDisplayString$1((_e = (_d = (_c = damageDetail.value) == null ? void 0 : _c.request) == null ? void 0 : _d.assetName) == null ? void 0 : _e.nameWithSequence), 1),
                   createElementVNode("button", {
                     onClick: navigateToDetail,
@@ -27919,10 +27933,10 @@ const _hoisted_1$27 = { class: "w-full flex items-center justify-between" };
 const _hoisted_2$1F = /* @__PURE__ */ createElementVNode("h1", { class: "text-sm font-bold" }, "Missing Log", -1);
 const _hoisted_3$I = { class: "flex items-center gap-2" };
 const _hoisted_4$v = ["disabled"];
-const _hoisted_5$o = ["disabled"];
-const _hoisted_6$j = { class: "flex items-start gap-[18px]" };
-const _hoisted_7$f = { class: "flex flex-col w-full" };
-const _hoisted_8$b = { class: "w-full flex items-center justify-between" };
+const _hoisted_5$n = ["disabled"];
+const _hoisted_6$i = { class: "flex items-start gap-[18px]" };
+const _hoisted_7$e = { class: "flex flex-col w-full" };
+const _hoisted_8$a = { class: "w-full flex items-center justify-between" };
 const _hoisted_9$7 = { class: "text-sm font-bold" };
 const _hoisted_10$7 = { class: "flex items-center gap-[6px]" };
 const _hoisted_11$7 = /* @__PURE__ */ createElementVNode("div", { class: "w-[6px] h-[6px] bg-general-100 rounded" }, null, -1);
@@ -28099,20 +28113,20 @@ const _sfc_main$1D = /* @__PURE__ */ defineComponent({
                 disabled: currentIdIndex.value === ids.value.length - 1 || ids.value.length === 1,
                 onClick: increaseIndex,
                 "data-ts-section": "next-button"
-              }, " Next> ", 10, _hoisted_5$o)
+              }, " Next> ", 10, _hoisted_5$n)
             ])
           ])
         ]),
         default: withCtx(() => {
           var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t2, _u, _v;
           return [
-            createElementVNode("div", _hoisted_6$j, [
+            createElementVNode("div", _hoisted_6$i, [
               createVNode(unref(_sfc_main$_), {
                 thumbnail: (_b = (_a = missingDetail.value) == null ? void 0 : _a.request) == null ? void 0 : _b.assetImageMedium,
                 class: "w-[125px] h-[125px]"
               }, null, 8, ["thumbnail"]),
-              createElementVNode("div", _hoisted_7$f, [
-                createElementVNode("div", _hoisted_8$b, [
+              createElementVNode("div", _hoisted_7$e, [
+                createElementVNode("div", _hoisted_8$a, [
                   createElementVNode("p", _hoisted_9$7, toDisplayString$1((_e = (_d = (_c = missingDetail.value) == null ? void 0 : _c.request) == null ? void 0 : _d.assetName) == null ? void 0 : _e.nameWithSequence), 1),
                   createElementVNode("button", {
                     onClick: navigateToDetail,
@@ -28182,10 +28196,10 @@ const _hoisted_1$26 = { class: "flex justify-between gap-[18px] dark:text-genera
 const _hoisted_2$1E = { class: "w-full flex flex-col gap-[6px]" };
 const _hoisted_3$H = { class: "" };
 const _hoisted_4$u = { class: "flex justify-between" };
-const _hoisted_5$n = { class: "text-[16px] font-bold leading-[19.12px]" };
-const _hoisted_6$i = ["href"];
-const _hoisted_7$e = { class: "flex items-center gap-[6px]" };
-const _hoisted_8$a = { class: "text-general-400 leading-[16.39px]" };
+const _hoisted_5$m = { class: "text-[16px] font-bold leading-[19.12px]" };
+const _hoisted_6$h = ["href"];
+const _hoisted_7$d = { class: "flex items-center gap-[6px]" };
+const _hoisted_8$9 = { class: "text-general-400 leading-[16.39px]" };
 const _hoisted_9$6 = /* @__PURE__ */ createElementVNode("div", { class: "w-[6px] h-[6px] rounded-full bg-general-100" }, null, -1);
 const _hoisted_10$6 = { class: "flex flex-col gap-1" };
 const _hoisted_11$6 = {
@@ -28342,16 +28356,16 @@ const _sfc_main$1C = /* @__PURE__ */ defineComponent({
         createElementVNode("div", _hoisted_2$1E, [
           createElementVNode("div", _hoisted_3$H, [
             createElementVNode("div", _hoisted_4$u, [
-              createElementVNode("div", _hoisted_5$n, toDisplayString$1(nameWithSequence.value), 1),
+              createElementVNode("div", _hoisted_5$m, toDisplayString$1(nameWithSequence.value), 1),
               unref(hasAccessToAssetDetail)() ? (openBlock(), createElementBlock("a", {
                 key: 0,
                 href: `/assets/detail/${((_a = asset.value) == null ? void 0 : _a.asset) ?? ((_b = asset.value) == null ? void 0 : _b._id)}`,
                 class: "text-primary-500",
                 target: "_blank"
-              }, " Asset Detail > ", 8, _hoisted_6$i)) : createCommentVNode("", true)
+              }, " Asset Detail > ", 8, _hoisted_6$h)) : createCommentVNode("", true)
             ]),
-            createElementVNode("div", _hoisted_7$e, [
-              createElementVNode("span", _hoisted_8$a, toDisplayString$1(assetId.value) + " " + toDisplayString$1(aliasCode.value), 1),
+            createElementVNode("div", _hoisted_7$d, [
+              createElementVNode("span", _hoisted_8$9, toDisplayString$1(assetId.value) + " " + toDisplayString$1(aliasCode.value), 1),
               _hoisted_9$6,
               createVNode(unref(TSTagType), {
                 qr: (_c = assetTagType.value) == null ? void 0 : _c.includes("QR"),
@@ -35375,9 +35389,9 @@ var _hoisted_1$1I = ["id"];
 var _hoisted_2$1i = ["id", "value", "placeholder", "tabindex", "disabled", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-invalid"];
 var _hoisted_3$A = ["id", "tabindex", "aria-label", "aria-labelledby", "aria-expanded", "aria-controls", "aria-activedescendant", "aria-disabled"];
 var _hoisted_4$q = ["value", "placeholder", "aria-owns", "aria-activedescendant"];
-var _hoisted_5$m = ["id", "aria-label"];
-var _hoisted_6$h = ["id"];
-var _hoisted_7$d = ["id", "aria-label", "aria-selected", "aria-disabled", "aria-setsize", "aria-posinset", "onClick", "onMousemove", "data-p-highlight", "data-p-focused", "data-p-disabled"];
+var _hoisted_5$l = ["id", "aria-label"];
+var _hoisted_6$g = ["id"];
+var _hoisted_7$c = ["id", "aria-label", "aria-selected", "aria-disabled", "aria-setsize", "aria-posinset", "onClick", "onMousemove", "data-p-highlight", "data-p-focused", "data-p-disabled"];
 function render$R(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_SpinnerIcon = resolveComponent("SpinnerIcon");
   var _component_CheckIcon = resolveComponent("CheckIcon");
@@ -35615,7 +35629,7 @@ function render$R(_ctx, _cache, $props, $setup, $data, $options) {
                   return [createElementVNode("span", mergeProps({
                     "class": _ctx.cx("itemGroupLabel")
                   }, _ctx.ptm("itemGroupLabel")), toDisplayString$1($options.getOptionGroupLabel(option.optionGroup)), 17)];
-                })], 16, _hoisted_6$h)) : withDirectives((openBlock(), createElementBlock("li", mergeProps({
+                })], 16, _hoisted_6$g)) : withDirectives((openBlock(), createElementBlock("li", mergeProps({
                   key: 1,
                   id: $data.id + "_" + $options.getOptionIndex(i, getItemOptions),
                   "class": _ctx.cx("item", {
@@ -35655,7 +35669,7 @@ function render$R(_ctx, _cache, $props, $setup, $data, $options) {
                   return [createElementVNode("span", mergeProps({
                     "class": _ctx.cx("itemLabel")
                   }, _ctx.ptm("itemLabel")), toDisplayString$1($options.getOptionLabel(option)), 17)];
-                })], 16, _hoisted_7$d)), [[_directive_ripple]])], 64);
+                })], 16, _hoisted_7$c)), [[_directive_ripple]])], 64);
               }), 128)), $data.filterValue && (!items2 || items2 && items2.length === 0) ? (openBlock(), createElementBlock("li", mergeProps({
                 key: 0,
                 "class": _ctx.cx("emptyMessage"),
@@ -35672,7 +35686,7 @@ function render$R(_ctx, _cache, $props, $setup, $data, $options) {
                 "data-p-hidden-accessible": true
               }), [renderSlot(_ctx.$slots, "empty", {}, function() {
                 return [createTextVNode(toDisplayString$1($options.emptyMessageText), 1)];
-              })], 16)) : createCommentVNode("", true)], 16, _hoisted_5$m)];
+              })], 16)) : createCommentVNode("", true)], 16, _hoisted_5$l)];
             }),
             _: 2
           }, [_ctx.$slots.loader ? {
@@ -36169,7 +36183,7 @@ const _hoisted_3$z = {
   "data-ts-section": "title"
 };
 const _hoisted_4$p = { "data-ts-section": "message" };
-const _hoisted_5$l = {
+const _hoisted_5$k = {
   key: 0,
   class: "flex flex-col gap-3 overflow-auto max-h-[71px]",
   "data-ts-section": "list"
@@ -36247,7 +36261,7 @@ const _sfc_main$1g = /* @__PURE__ */ defineComponent({
               }, null, 8, ["severity"])) : createCommentVNode("", true)
             ])
           ]),
-          props.lists ? (openBlock(), createElementBlock("div", _hoisted_5$l, [
+          props.lists ? (openBlock(), createElementBlock("div", _hoisted_5$k, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(props.lists, (item3, index2) => {
               return openBlock(), createElementBlock("div", {
                 key: index2,
@@ -43519,7 +43533,7 @@ var _hoisted_4$n = /* @__PURE__ */ createElementVNode("path", {
   d: "M10.6129 14C10.2426 14 9.93552 13.6929 9.93552 13.3226V0.677419C9.93552 0.307097 10.2426 0 10.6129 0C10.9833 0 11.2904 0.307097 11.2904 0.677419V13.3226C11.2904 13.6929 10.9832 14 10.6129 14Z",
   fill: "currentColor"
 }, null, -1);
-var _hoisted_5$k = [_hoisted_1$19, _hoisted_2$R, _hoisted_3$v, _hoisted_4$n];
+var _hoisted_5$j = [_hoisted_1$19, _hoisted_2$R, _hoisted_3$v, _hoisted_4$n];
 function render$q(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", mergeProps({
     width: "14",
@@ -43527,7 +43541,7 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
     viewBox: "0 0 14 14",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
-  }, _ctx.pti()), _hoisted_5$k, 16);
+  }, _ctx.pti()), _hoisted_5$j, 16);
 }
 script$s.render = render$q;
 var script$r = {
@@ -45363,8 +45377,8 @@ var _hoisted_1$3$1 = ["colspan"];
 var _hoisted_2$1$1 = ["tabindex", "aria-selected", "data-p-index", "data-p-selectable-row", "data-p-highlight", "data-p-highlight-contextmenu"];
 var _hoisted_3$1$1 = ["id"];
 var _hoisted_4$m = ["colspan"];
-var _hoisted_5$j = ["colspan"];
-var _hoisted_6$g = ["colspan"];
+var _hoisted_5$i = ["colspan"];
+var _hoisted_6$f = ["colspan"];
 function render$8$1(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ChevronDownIcon = resolveComponent("ChevronDownIcon");
   var _component_ChevronRightIcon = resolveComponent("ChevronRightIcon");
@@ -45502,7 +45516,7 @@ function render$8$1(_ctx, _cache, $props, $setup, $data, $options) {
   }, _objectSpread$8(_objectSpread$8({}, $options.getColumnPT("bodycell")), _ctx.ptm("rowGroupFooterCell"))), [(openBlock(), createBlock(resolveDynamicComponent($props.templates["groupfooter"]), {
     data: $props.rowData,
     index: $options.rowIndex
-  }, null, 8, ["data", "index"]))], 16, _hoisted_5$j)], 16)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("tr", mergeProps({
+  }, null, 8, ["data", "index"]))], 16, _hoisted_5$i)], 16)) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("tr", mergeProps({
     key: 1,
     "class": _ctx.cx("emptyMessage"),
     role: "row"
@@ -45510,7 +45524,7 @@ function render$8$1(_ctx, _cache, $props, $setup, $data, $options) {
     colspan: $options.columnsLength
   }, _objectSpread$8(_objectSpread$8({}, $options.getColumnPT("bodycell")), _ctx.ptm("emptyMessageCell"))), [$props.templates.empty ? (openBlock(), createBlock(resolveDynamicComponent($props.templates.empty), {
     key: 0
-  })) : createCommentVNode("", true)], 16, _hoisted_6$g)], 16));
+  })) : createCommentVNode("", true)], 16, _hoisted_6$f)], 16));
 }
 script$8$1.render = render$8$1;
 var script$7$1 = {
@@ -51808,18 +51822,10 @@ const _hoisted_3$t = {
   "data-ts-section": "tablepreview"
 };
 const _hoisted_4$l = /* @__PURE__ */ createElementVNode("h3", { class: "text-xs font-semibold leading-4 tracking-tight" }, "Preview", -1);
-const _hoisted_5$i = { class: "table-wrapper overflow-auto w-full" };
-const _hoisted_6$f = { class: "min-w-max w-full" };
-const _hoisted_7$c = { class: "border-b border-general-100" };
-const _hoisted_8$9 = {
-  key: 0,
-  class: "border-b border-general-100"
-};
 const _sfc_main$14 = /* @__PURE__ */ defineComponent({
   __name: "DialogColumnSetup",
   props: /* @__PURE__ */ mergeModels({
-    customColumnProps: {},
-    data: {}
+    customColumnProps: {}
   }, {
     "visible": { type: Boolean, ...{ required: true } },
     "visibleModifiers": {}
@@ -51839,14 +51845,16 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
         visibleColumns: void 0
       })
     );
+    const data30 = computed(() => {
+      const { tableData } = props.customColumnProps;
+      if (tableData && tableData.length > 0) {
+        return [tableData[0]];
+      }
+      return [];
+    });
     const setCustomColumn = () => {
       visibleColumns.value = props.customColumnProps.visibleColumns;
     };
-    const getNestedPropertyValue = (path) => {
-      var _a;
-      const firstRow = (_a = props.data) == null ? void 0 : _a[0];
-      return path.split(".").reduce((o, p2) => o ? o[p2] : void 0, firstRow);
-    };
     const saveColumns = () => {
       emit("save", visibleColumns.value);
       visible4.value = false;
@@ -51893,30 +51901,16 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
             }), null, 16, ["visible-columns"]),
             createElementVNode("div", _hoisted_3$t, [
               _hoisted_4$l,
-              createElementVNode("div", _hoisted_5$i, [
-                createElementVNode("table", _hoisted_6$f, [
-                  createElementVNode("thead", null, [
-                    createElementVNode("tr", _hoisted_7$c, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (column) => {
-                        return openBlock(), createElementBlock("th", {
-                          key: column.field,
-                          class: "text-body-small font-bold bg-primary-200 p-2 text-left"
-                        }, toDisplayString$1(column.header), 1);
-                      }), 128))
-                    ])
-                  ]),
-                  createElementVNode("tbody", null, [
-                    _ctx.data ? (openBlock(), createElementBlock("tr", _hoisted_8$9, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(visibleColumns.value, (column) => {
-                        return openBlock(), createElementBlock("td", {
-                          key: column.field,
-                          class: "text-body-small px-2 py-1.5"
-                        }, toDisplayString$1(getNestedPropertyValue(column.field)), 1);
-                      }), 128))
-                    ])) : createCommentVNode("", true)
-                  ])
-                ])
-              ])
+              data30.value ? (openBlock(), createBlock(_sfc_main$12, {
+                key: 0,
+                columns: visibleColumns.value,
+                "custom-column": false,
+                data: data30.value,
+                "data-key": _ctx.customColumnProps.tableKey,
+                "table-name": `${_ctx.customColumnProps.tableName}-setup`,
+                "use-option": false,
+                "selection-type": "none"
+              }, null, 8, ["columns", "data", "data-key", "table-name"])) : createCommentVNode("", true)
             ])
           ])
         ]),
@@ -51930,6 +51924,8 @@ const _sfc_main$13 = /* @__PURE__ */ defineComponent({
   __name: "CustomColumn",
   props: {
     tableId: {},
+    tableKey: {},
+    tableName: {},
     tableData: {},
     defaultColumns: {},
     visibleColumns: {},
@@ -53203,8 +53199,10 @@ const _sfc_main$12 = /* @__PURE__ */ defineComponent({
           "onUpdate:visibleColumns": _cache[6] || (_cache[6] = ($event) => visibleColumns.value = $event),
           "default-columns": _ctx.columns.filter((col) => col.visible !== false),
           "table-data": props.data ?? currentPageTableData.value,
-          "table-id": dataTableID.value
-        }, null, 8, ["visible-columns", "default-columns", "table-data", "table-id"])) : createCommentVNode("", true),
+          "table-id": dataTableID.value,
+          "table-key": props.dataKey,
+          "table-name": props.tableName
+        }, null, 8, ["visible-columns", "default-columns", "table-data", "table-id", "table-key", "table-name"])) : createCommentVNode("", true),
         createVNode(_sfc_main$1p, { group: "download" })
       ], 64);
     };
@@ -62846,7 +62844,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i;
       return openBlock(), createElementBlock("div", _hoisted_1$E, [
         isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_2$q, [
           createVNode(_sfc_main$1y, {
@@ -62856,33 +62854,33 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
         ])) : createCommentVNode("", true),
         !!asset.value && !isLoading.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
           createElementVNode("div", _hoisted_3$h, [
-            createElementVNode("div", _hoisted_4$c, toDisplayString$1((_b = (_a = asset.value) == null ? void 0 : _a.name) == null ? void 0 : _b.nameWithSequence), 1),
-            createElementVNode("div", _hoisted_5$a, toDisplayString$1((_c = asset.value) == null ? void 0 : _c.assetId), 1)
+            createElementVNode("div", _hoisted_4$c, toDisplayString$1(unref(formatDisplayAssetName)(asset.value)), 1),
+            createElementVNode("div", _hoisted_5$a, toDisplayString$1(unref(formatDisplayAssetId)(asset.value)), 1)
           ]),
           createElementVNode("img", {
             src: unref(imagePreview),
             class: "w-[100px] h-[100px] rounded-xl"
           }, null, 8, _hoisted_6$8),
           createElementVNode("a", {
-            href: `/assets/detail/${(_d = asset.value) == null ? void 0 : _d._id}`,
+            href: `/assets/detail/${(_a = asset.value) == null ? void 0 : _a._id}`,
             class: "text-primary-500 text-xs",
             target: "_blank"
           }, " Asset Detail > ", 8, _hoisted_7$6),
           createElementVNode("div", _hoisted_8$5, [
             _hoisted_9$4,
-            createElementVNode("span", null, ": " + toDisplayString$1(((_f = (_e = asset.value) == null ? void 0 : _e.brand) == null ? void 0 : _f.name) ?? "-"), 1),
+            createElementVNode("span", null, ": " + toDisplayString$1(((_c = (_b = asset.value) == null ? void 0 : _b.brand) == null ? void 0 : _c.name) ?? "-"), 1),
             _hoisted_10$4,
-            createElementVNode("span", null, ": " + toDisplayString$1(((_h = (_g = asset.value) == null ? void 0 : _g.model) == null ? void 0 : _h.name) ?? "-"), 1),
+            createElementVNode("span", null, ": " + toDisplayString$1(((_e = (_d = asset.value) == null ? void 0 : _d.model) == null ? void 0 : _e.name) ?? "-"), 1),
             _hoisted_11$4,
-            createElementVNode("span", null, ": " + toDisplayString$1(((_i = asset.value) == null ? void 0 : _i.formattedAssetValue) ?? "-"), 1),
+            createElementVNode("span", null, ": " + toDisplayString$1(((_f = asset.value) == null ? void 0 : _f.formattedAssetValue) ?? "-"), 1),
             _hoisted_12$3,
             _hoisted_13$3,
             _hoisted_14$3,
-            createElementVNode("span", null, ": " + toDisplayString$1(((_j = asset.value) == null ? void 0 : _j.latitude) ?? "-"), 1),
+            createElementVNode("span", null, ": " + toDisplayString$1(((_g = asset.value) == null ? void 0 : _g.latitude) ?? "-"), 1),
             _hoisted_15$3,
-            createElementVNode("span", null, ": " + toDisplayString$1(((_k = asset.value) == null ? void 0 : _k.longitude) ?? "-"), 1),
+            createElementVNode("span", null, ": " + toDisplayString$1(((_h = asset.value) == null ? void 0 : _h.longitude) ?? "-"), 1),
             _hoisted_16$2,
-            createElementVNode("span", null, ": " + toDisplayString$1(((_l = asset.value) == null ? void 0 : _l.address) ?? "-"), 1)
+            createElementVNode("span", null, ": " + toDisplayString$1(((_i = asset.value) == null ? void 0 : _i.address) ?? "-"), 1)
           ])
         ], 64)) : createCommentVNode("", true)
       ]);
@@ -64991,7 +64989,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
 });
 const AssetListFilter_vue_vue_type_style_index_0_scoped_76eba6a3_lang = "";
 const AssetListFilter = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__scopeId", "data-v-76eba6a3"]]);
-const _withScopeId$1 = (n) => (pushScopeId("data-v-dc8bf52f"), n = n(), popScopeId(), n);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-926c4fe4"), n = n(), popScopeId(), n);
 const _hoisted_1$z = { class: "w-full flex-1 p-6 gap-3 overflow-auto" };
 const _hoisted_2$o = { class: "flex flex-col gap-3" };
 const _hoisted_3$g = { class: "flex items-center justify-between" };
@@ -65003,7 +65001,7 @@ const _hoisted_8$4 = { class: "flex gap-1" };
 const _hoisted_9$3 = { class: "w-full flex flex-col gap-1" };
 const _hoisted_10$3 = { class: "font-bold text-[9px]" };
 const _hoisted_11$3 = { class: "flex justify-between items-center" };
-const _hoisted_12$2 = { class: "text-[9px]" };
+const _hoisted_12$2 = { class: "text-[9px] text-center" };
 const _hoisted_13$2 = ["href"];
 const _hoisted_14$2 = { class: "grid grid-cols-[auto_1fr] gap-x-1.5 gap-y-0.5 text-[9px]" };
 const _hoisted_15$2 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createElementVNode("span", null, "Group", -1));
@@ -65017,8 +65015,8 @@ const _hoisted_21$1 = {
   class: "grid gap-1 grid-auto justify-start"
 };
 const _hoisted_22$1 = { class: "flex flex-col gap-1 items-center" };
-const _hoisted_23$1 = { class: "font-bold text-[9px]" };
-const _hoisted_24$1 = { class: "text-[9px]" };
+const _hoisted_23$1 = { class: "font-bold text-[9px] text-center" };
+const _hoisted_24$1 = { class: "text-[9px] text-center" };
 const _hoisted_25$1 = ["href"];
 const _hoisted_26 = { class: "text-[9px] text-center" };
 const _hoisted_27 = { key: 0 };
@@ -65026,7 +65024,7 @@ const _hoisted_28 = {
   key: 0,
   class: "flex flex-col items-center justify-center"
 };
-const MIN_WIDTH = 420;
+const MIN_WIDTH = 450;
 const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "AssetList",
   props: /* @__PURE__ */ mergeModels({
@@ -65044,7 +65042,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const visible4 = useModel(__props, "visible");
     let isResizing = false;
-    const sidebarWidth = shallowRef(420);
+    const sidebarWidth = shallowRef(450);
     const selectedLayoutView = shallowRef("list");
     const isLoading = shallowRef(false);
     const searchModel = shallowRef();
@@ -65391,19 +65389,19 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => onSelect(asset)
                   }, {
                     content: withCtx(() => {
-                      var _a3, _b, _c, _d, _e;
+                      var _a3, _b, _c, _d;
                       return [
                         createElementVNode("div", _hoisted_7$5, [
                           createElementVNode("div", _hoisted_8$4, [
                             createVNode(_sfc_main$_, {
                               preview: asset.assetImage,
                               thumbnail: asset.assetImage,
-                              class: "w-[38px] h-[38px]"
+                              class: "!w-[38px] !h-[38px]"
                             }, null, 8, ["preview", "thumbnail"]),
                             createElementVNode("div", _hoisted_9$3, [
-                              createElementVNode("div", _hoisted_10$3, toDisplayString$1((_a3 = asset.name) == null ? void 0 : _a3.nameWithSequence), 1),
+                              createElementVNode("div", _hoisted_10$3, toDisplayString$1(unref(formatDisplayAssetName)(asset)), 1),
                               createElementVNode("div", _hoisted_11$3, [
-                                createElementVNode("div", _hoisted_12$2, toDisplayString$1(asset.assetId), 1),
+                                createElementVNode("div", _hoisted_12$2, toDisplayString$1(unref(formatDisplayAssetId)(asset)), 1),
                                 unref(hasAccessToAssetDetail)() ? (openBlock(), createElementBlock("a", {
                                   key: 0,
                                   href: `/assets/detail/${(asset == null ? void 0 : asset.asset) ?? (asset == null ? void 0 : asset._id)}`,
@@ -65415,13 +65413,13 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                           ]),
                           createElementVNode("div", _hoisted_14$2, [
                             _hoisted_15$2,
-                            createElementVNode("span", null, ": " + toDisplayString$1(((_b = asset.group) == null ? void 0 : _b.name) ?? "-"), 1),
+                            createElementVNode("span", null, ": " + toDisplayString$1(((_a3 = asset.group) == null ? void 0 : _a3.name) ?? "-"), 1),
                             _hoisted_16$1,
-                            createElementVNode("span", null, ": " + toDisplayString$1(((_c = asset.category) == null ? void 0 : _c.name) ?? "-"), 1),
+                            createElementVNode("span", null, ": " + toDisplayString$1(((_b = asset.category) == null ? void 0 : _b.name) ?? "-"), 1),
                             _hoisted_17$1,
-                            createElementVNode("span", null, ": " + toDisplayString$1(((_d = asset.brand) == null ? void 0 : _d.name) ?? "-"), 1),
+                            createElementVNode("span", null, ": " + toDisplayString$1(((_c = asset.brand) == null ? void 0 : _c.name) ?? "-"), 1),
                             _hoisted_18$1,
-                            createElementVNode("span", null, ": " + toDisplayString$1(((_e = asset.model) == null ? void 0 : _e.name) ?? "-"), 1),
+                            createElementVNode("span", null, ": " + toDisplayString$1(((_d = asset.model) == null ? void 0 : _d.name) ?? "-"), 1),
                             _hoisted_19$1,
                             createElementVNode("span", null, ": " + toDisplayString$1(asset.formattedAssetValue ?? "-"), 1),
                             _hoisted_20$1,
@@ -65446,11 +65444,11 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                     onClick: ($event) => onSelect(asset)
                   }, {
                     content: withCtx(() => {
-                      var _a3, _b;
+                      var _a3;
                       return [
                         createElementVNode("div", _hoisted_22$1, [
-                          createElementVNode("div", _hoisted_23$1, toDisplayString$1((_a3 = asset.name) == null ? void 0 : _a3.nameWithSequence), 1),
-                          createElementVNode("div", _hoisted_24$1, toDisplayString$1(asset.assetId), 1),
+                          createElementVNode("div", _hoisted_23$1, toDisplayString$1(unref(formatDisplayAssetName)(asset)), 1),
+                          createElementVNode("div", _hoisted_24$1, toDisplayString$1(unref(formatDisplayAssetId)(asset)), 1),
                           createVNode(_sfc_main$_, {
                             preview: asset.assetImage,
                             thumbnail: asset.assetImage,
@@ -65462,7 +65460,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                             class: "text-primary-500 text-[9px]",
                             target: "_blank"
                           }, " Asset Detail > ", 8, _hoisted_25$1)) : createCommentVNode("", true),
-                          createElementVNode("div", _hoisted_26, toDisplayString$1(((_b = asset.address) == null ? void 0 : _b.length) ? asset.address : "-"), 1)
+                          createElementVNode("div", _hoisted_26, toDisplayString$1(((_a3 = asset.address) == null ? void 0 : _a3.length) ? asset.address : "-"), 1)
                         ])
                       ];
                     }),
@@ -65477,6 +65475,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                 "onUpdate:selectedData": _cache[5] || (_cache[5] = ($event) => selectedAsset.value = $event),
                 columns: columns2,
                 "fetch-function": getAssetList,
+                filters: filters.value,
                 options: tableOptions.value,
                 rows: 10,
                 search: searchModel.value,
@@ -65485,10 +65484,9 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                 "data-key": "_id",
                 lazy: "",
                 "selection-type": "single",
-                "table-name": "asset-list",
                 "use-option": "",
                 "use-paginator": ""
-              }, null, 8, ["selected-data", "options", "search"])) : createCommentVNode("", true)
+              }, null, 8, ["selected-data", "filters", "options", "search"])) : createCommentVNode("", true)
             ]),
             createVNode(_sfc_main$E, { onVisible: setAssetList }),
             isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_28, [
@@ -65507,8 +65505,8 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AssetList_vue_vue_type_style_index_0_scoped_dc8bf52f_lang = "";
-const AssetList = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-dc8bf52f"]]);
+const AssetList_vue_vue_type_style_index_0_scoped_926c4fe4_lang = "";
+const AssetList = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__scopeId", "data-v-926c4fe4"]]);
 const AssetPinpoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwNjQ5XzEwODEwNSkiPgo8ZyBmaWx0ZXI9InVybCgjZmlsdGVyMF9mXzEwNjQ5XzEwODEwNSkiPgo8ZWxsaXBzZSBjeD0iMTIiIGN5PSIyOSIgcng9IjQiIHJ5PSIyIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjEyIi8+CjwvZz4KPG1hc2sgaWQ9InBhdGgtMi1vdXRzaWRlLTFfMTA2NDlfMTA4MTA1IiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIxIiB5PSIxIiB3aWR0aD0iMjIiIGhlaWdodD0iMjgiIGZpbGw9ImJsYWNrIj4KPHJlY3QgZmlsbD0id2hpdGUiIHg9IjEiIHk9IjEiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyOCIvPgo8cGF0aCBkPSJNMTIgMkMxNy41MjI4IDIgMjIgNi40NzcxNSAyMiAxMkMyMiAxNS4yODU4IDIwLjQxNDYgMTguMjAwNSAxNy45Njc4IDIwLjAyMzRDMTYuMDgzIDIxLjQzOTQgMTMuMzg3IDIzLjY4NSAxMi43NzE1IDI3LjMxOTNDMTIuNzA2OSAyNy43MDA4IDEyLjM4NjkgMjcuOTk3MSAxMiAyNy45OTcxQzExLjYxMzEgMjcuOTk3MSAxMS4yOTMxIDI3LjcwMDggMTEuMjI4NSAyNy4zMTkzQzEwLjYxMjkgMjMuNjg0NiA3LjkxNjA0IDIxLjQzOTQgNi4wMzEyNSAyMC4wMjM0QzMuNTg0NzcgMTguMjAwNSAyIDE1LjI4NTUgMiAxMkMyIDYuNDc3MTUgNi40NzcxNSAyIDEyIDJaIi8+CjwvbWFzaz4KPHBhdGggZD0iTTEyIDJDMTcuNTIyOCAyIDIyIDYuNDc3MTUgMjIgMTJDMjIgMTUuMjg1OCAyMC40MTQ2IDE4LjIwMDUgMTcuOTY3OCAyMC4wMjM0QzE2LjA4MyAyMS40Mzk0IDEzLjM4NyAyMy42ODUgMTIuNzcxNSAyNy4zMTkzQzEyLjcwNjkgMjcuNzAwOCAxMi4zODY5IDI3Ljk5NzEgMTIgMjcuOTk3MUMxMS42MTMxIDI3Ljk5NzEgMTEuMjkzMSAyNy43MDA4IDExLjIyODUgMjcuMzE5M0MxMC42MTI5IDIzLjY4NDYgNy45MTYwNCAyMS40Mzk0IDYuMDMxMjUgMjAuMDIzNEMzLjU4NDc3IDE4LjIwMDUgMiAxNS4yODU1IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyWiIgZmlsbD0iIzAwNjNGNyIvPgo8cGF0aCBkPSJNMTcuOTY3OCAyMC4wMjM0TDE3LjM3MDMgMTkuMjIxNUwxNy4zNjcxIDE5LjIyMzlMMTcuOTY3OCAyMC4wMjM0Wk0xMi43NzE1IDI3LjMxOTNMMTEuNzg1NSAyNy4xNTIzTDExLjc4NTUgMjcuMTUyNEwxMi43NzE1IDI3LjMxOTNaTTExLjIyODUgMjcuMzE5M0wxMi4yMTQ1IDI3LjE1MjRMMTIuMjE0NSAyNy4xNTIzTDExLjIyODUgMjcuMzE5M1pNNi4wMzEyNSAyMC4wMjM0TDYuNjMxODkgMTkuMjIzOUw2LjYyODc1IDE5LjIyMTZMNi4wMzEyNSAyMC4wMjM0Wk0xMiAyVjNDMTYuOTcwNiAzIDIxIDcuMDI5NDQgMjEgMTJIMjJIMjNDMjMgNS45MjQ4NyAxOC4wNzUxIDEgMTIgMVYyWk0yMiAxMkgyMUMyMSAxNC45NTYzIDE5LjU3NSAxNy41NzkxIDE3LjM3MDMgMTkuMjIxNUwxNy45Njc4IDIwLjAyMzRMMTguNTY1MiAyMC44MjU0QzIxLjI1NDIgMTguODIyIDIzIDE1LjYxNTMgMjMgMTJIMjJaTTE3Ljk2NzggMjAuMDIzNEwxNy4zNjcxIDE5LjIyMzlDMTUuNDcyMSAyMC42NDc2IDEyLjQ3MiAyMy4wOTkzIDExLjc4NTUgMjcuMTUyM0wxMi43NzE1IDI3LjMxOTNMMTMuNzU3NCAyNy40ODYzQzE0LjMwMjEgMjQuMjcwNyAxNi42OTM5IDIyLjIzMTIgMTguNTY4NCAyMC44MjI5TDE3Ljk2NzggMjAuMDIzNFpNMTIuNzcxNSAyNy4zMTkzTDExLjc4NTUgMjcuMTUyNEMxMS43OTE0IDI3LjExNzcgMTEuODA5MSAyNy4wODM0IDExLjg0MDggMjcuMDU1MUMxMS44NzQ3IDI3LjAyNDggMTEuOTMxMiAyNi45OTcxIDEyIDI2Ljk5NzFWMjcuOTk3MVYyOC45OTcxQzEyLjkyMTIgMjguOTk3MSAxMy42MTk0IDI4LjMwMTQgMTMuNzU3NCAyNy40ODYzTDEyLjc3MTUgMjcuMzE5M1pNMTIgMjcuOTk3MVYyNi45OTcxQzEyLjA2ODggMjYuOTk3MSAxMi4xMjUzIDI3LjAyNDggMTIuMTU5MiAyNy4wNTUxQzEyLjE5MDkgMjcuMDgzNCAxMi4yMDg2IDI3LjExNzcgMTIuMjE0NSAyNy4xNTI0TDExLjIyODUgMjcuMzE5M0wxMC4yNDI2IDI3LjQ4NjNDMTAuMzgwNiAyOC4zMDE0IDExLjA3ODggMjguOTk3MSAxMiAyOC45OTcxVjI3Ljk5NzFaTTExLjIyODUgMjcuMzE5M0wxMi4yMTQ1IDI3LjE1MjNDMTEuNTI3OSAyMy4wOTg4IDguNTI2NzUgMjAuNjQ3NCA2LjYzMTg5IDE5LjIyMzlMNi4wMzEyNSAyMC4wMjM0TDUuNDMwNjEgMjAuODIzQzcuMzA1MzQgMjIuMjMxMyA5LjY5Nzg4IDI0LjI3MDQgMTAuMjQyNiAyNy40ODYzTDExLjIyODUgMjcuMzE5M1pNNi4wMzEyNSAyMC4wMjM0TDYuNjI4NzUgMTkuMjIxNkM0LjQyNDU0IDE3LjU3OTIgMyAxNC45NTYyIDMgMTJIMkgxQzEgMTUuNjE0OCAyLjc0NTAxIDE4LjgyMTggNS40MzM3NSAyMC44MjUzTDYuMDMxMjUgMjAuMDIzNFpNMiAxMkgzQzMgNy4wMjk0NCA3LjAyOTQ0IDMgMTIgM1YyVjFDNS45MjQ4NyAxIDEgNS45MjQ4NyAxIDEySDJaIiBmaWxsPSIjOTRCRkZGIiBtYXNrPSJ1cmwoI3BhdGgtMi1vdXRzaWRlLTFfMTA2NDlfMTA4MTA1KSIvPgo8L2c+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgcng9IjgiIGZpbGw9IndoaXRlIi8+CjxwYXRoIGQ9Ik03LjUgOS4zODA0OUwxMi4xMjUgNy41TDE0LjQzNzUgOC40NDAyNU03LjUgOS4zODA0OVYxNC44Njk1TDEyLjEyNSAxNi43NU03LjUgOS4zODA0OUw5LjgxMjUgMTAuMzQ2Mk0xNi43NSA5LjM4MDQ5VjE0Ljg2OTVMMTIuMTI1IDE2Ljc1TTE2Ljc1IDkuMzgwNDlMMTIuMTI1IDExLjMxMThNMTYuNzUgOS4zODA0OUwxNC40Mzc1IDguNDQwMjVNMTIuMTI1IDE2Ljc1VjExLjMxMThNMTIuMTI1IDExLjMxMThMOS44MTI1IDEwLjM0NjJNOS44MTI1IDEwLjM0NjJMMTQuNDM3NSA4LjQ0MDI1TTkuODEyNSAxMC4zNDYyVjEyLjUiIHN0cm9rZT0iIzE0MTQyQiIvPgo8ZGVmcz4KPGZpbHRlciBpZD0iZmlsdGVyMF9mXzEwNjQ5XzEwODEwNSIgeD0iNiIgeT0iMjUiIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUJsZW5kIG1vZGU9Im5vcm1hbCIgaW49IlNvdXJjZUdyYXBoaWMiIGluMj0iQmFja2dyb3VuZEltYWdlRml4IiByZXN1bHQ9InNoYXBlIi8+CjxmZUdhdXNzaWFuQmx1ciBzdGREZXZpYXRpb249IjEiIHJlc3VsdD0iZWZmZWN0MV9mb3JlZ3JvdW5kQmx1cl8xMDY0OV8xMDgxMDUiLz4KPC9maWx0ZXI+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTA2NDlfMTA4MTA1Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjMyIiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=";
 const SetPinPoint = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyMiAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9InBhdGgtMS1vdXRzaWRlLTFfMTE2NTRfNTMwMDciIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyMiIgaGVpZ2h0PSIyOCIgZmlsbD0iYmxhY2siPgo8cmVjdCBmaWxsPSJ3aGl0ZSIgd2lkdGg9IjIyIiBoZWlnaHQ9IjI4Ii8+CjxwYXRoIGQ9Ik0xMSAxQzE2LjUyMjggMSAyMSA1LjQ3NzE1IDIxIDExQzIxIDE0LjI4NTggMTkuNDE0NiAxNy4yMDA1IDE2Ljk2NzggMTkuMDIzNEMxNS4wODMgMjAuNDM5NCAxMi4zODcgMjIuNjg1IDExLjc3MTUgMjYuMzE5M0MxMS43MDY5IDI2LjcwMDggMTEuMzg2OSAyNi45OTcxIDExIDI2Ljk5NzFDMTAuNjEzMSAyNi45OTcxIDEwLjI5MzEgMjYuNzAwOCAxMC4yMjg1IDI2LjMxOTNDOS42MTI5IDIyLjY4NDYgNi45MTYwNCAyMC40Mzk0IDUuMDMxMjUgMTkuMDIzNEMyLjU4NDc3IDE3LjIwMDUgMSAxNC4yODU1IDEgMTFDMSA1LjQ3NzE1IDUuNDc3MTUgMSAxMSAxWiIvPgo8L21hc2s+CjxwYXRoIGQ9Ik0xMSAxQzE2LjUyMjggMSAyMSA1LjQ3NzE1IDIxIDExQzIxIDE0LjI4NTggMTkuNDE0NiAxNy4yMDA1IDE2Ljk2NzggMTkuMDIzNEMxNS4wODMgMjAuNDM5NCAxMi4zODcgMjIuNjg1IDExLjc3MTUgMjYuMzE5M0MxMS43MDY5IDI2LjcwMDggMTEuMzg2OSAyNi45OTcxIDExIDI2Ljk5NzFDMTAuNjEzMSAyNi45OTcxIDEwLjI5MzEgMjYuNzAwOCAxMC4yMjg1IDI2LjMxOTNDOS42MTI5IDIyLjY4NDYgNi45MTYwNCAyMC40Mzk0IDUuMDMxMjUgMTkuMDIzNEMyLjU4NDc3IDE3LjIwMDUgMSAxNC4yODU1IDEgMTFDMSA1LjQ3NzE1IDUuNDc3MTUgMSAxMSAxWiIgZmlsbD0iIzAwNjNGNyIvPgo8cGF0aCBkPSJNMTYuOTY3OCAxOS4wMjM0TDE2LjM3MDMgMTguMjIxNUwxNi4zNjcxIDE4LjIyMzlMMTYuOTY3OCAxOS4wMjM0Wk0xMS43NzE1IDI2LjMxOTNMMTAuNzg1NSAyNi4xNTIzTDEwLjc4NTUgMjYuMTUyNEwxMS43NzE1IDI2LjMxOTNaTTEwLjIyODUgMjYuMzE5M0wxMS4yMTQ1IDI2LjE1MjRMMTEuMjE0NSAyNi4xNTIzTDEwLjIyODUgMjYuMzE5M1pNNS4wMzEyNSAxOS4wMjM0TDUuNjMxODkgMTguMjIzOUw1LjYyODc1IDE4LjIyMTZMNS4wMzEyNSAxOS4wMjM0Wk0xMSAxVjJDMTUuOTcwNiAyIDIwIDYuMDI5NDQgMjAgMTFIMjFIMjJDMjIgNC45MjQ4NyAxNy4wNzUxIDAgMTEgMFYxWk0yMSAxMUgyMEMyMCAxMy45NTYzIDE4LjU3NSAxNi41NzkxIDE2LjM3MDMgMTguMjIxNUwxNi45Njc4IDE5LjAyMzRMMTcuNTY1MiAxOS44MjU0QzIwLjI1NDIgMTcuODIyIDIyIDE0LjYxNTMgMjIgMTFIMjFaTTE2Ljk2NzggMTkuMDIzNEwxNi4zNjcxIDE4LjIyMzlDMTQuNDcyMSAxOS42NDc2IDExLjQ3MiAyMi4wOTkzIDEwLjc4NTUgMjYuMTUyM0wxMS43NzE1IDI2LjMxOTNMMTIuNzU3NCAyNi40ODYzQzEzLjMwMjEgMjMuMjcwNyAxNS42OTM5IDIxLjIzMTIgMTcuNTY4NCAxOS44MjI5TDE2Ljk2NzggMTkuMDIzNFpNMTEuNzcxNSAyNi4zMTkzTDEwLjc4NTUgMjYuMTUyNEMxMC43OTE0IDI2LjExNzcgMTAuODA5MSAyNi4wODM0IDEwLjg0MDggMjYuMDU1MUMxMC44NzQ3IDI2LjAyNDggMTAuOTMxMiAyNS45OTcxIDExIDI1Ljk5NzFWMjYuOTk3MVYyNy45OTcxQzExLjkyMTIgMjcuOTk3MSAxMi42MTk0IDI3LjMwMTQgMTIuNzU3NCAyNi40ODYzTDExLjc3MTUgMjYuMzE5M1pNMTEgMjYuOTk3MVYyNS45OTcxQzExLjA2ODggMjUuOTk3MSAxMS4xMjUzIDI2LjAyNDggMTEuMTU5MiAyNi4wNTUxQzExLjE5MDkgMjYuMDgzNCAxMS4yMDg2IDI2LjExNzcgMTEuMjE0NSAyNi4xNTI0TDEwLjIyODUgMjYuMzE5M0w5LjI0MjU1IDI2LjQ4NjNDOS4zODA1OSAyNy4zMDE0IDEwLjA3ODggMjcuOTk3MSAxMSAyNy45OTcxVjI2Ljk5NzFaTTEwLjIyODUgMjYuMzE5M0wxMS4yMTQ1IDI2LjE1MjNDMTAuNTI3OSAyMi4wOTg4IDcuNTI2NzUgMTkuNjQ3NCA1LjYzMTg5IDE4LjIyMzlMNS4wMzEyNSAxOS4wMjM0TDQuNDMwNjEgMTkuODIzQzYuMzA1MzQgMjEuMjMxMyA4LjY5Nzg4IDIzLjI3MDQgOS4yNDI1NiAyNi40ODYzTDEwLjIyODUgMjYuMzE5M1pNNS4wMzEyNSAxOS4wMjM0TDUuNjI4NzUgMTguMjIxNkMzLjQyNDU0IDE2LjU3OTIgMiAxMy45NTYyIDIgMTFIMUgwQzAgMTQuNjE0OCAxLjc0NTAxIDE3LjgyMTggNC40MzM3NSAxOS44MjUzTDUuMDMxMjUgMTkuMDIzNFpNMSAxMUgyQzIgNi4wMjk0NCA2LjAyOTQ0IDIgMTEgMlYxVjBDNC45MjQ4NyAwIDAgNC45MjQ4NyAwIDExSDFaIiBmaWxsPSIjOTRCRkZGIiBtYXNrPSJ1cmwoI3BhdGgtMS1vdXRzaWRlLTFfMTE2NTRfNTMwMDcpIi8+Cjwvc3ZnPgo=";
 const _hoisted_1$y = { class: "marker-pin" };