tsv2-library 1.1.1-dev-alpha.11 → 1.1.1-dev-alpha.13

package/dist/tsv2-library.es.js

@@ -62692,10 +62692,10 @@ const _hoisted_1$R = {
   class: "flex items-start"
 };
 const _hoisted_2$C = {
-  class: "flex justify-between items-end",
+  class: "flex text-xs text-nowrap gap-0.5",
   "data-ts-section": "description"
 };
-const _hoisted_3$q = { class: "flex text-xs text-nowrap font-semibold gap-0.5" };
+const _hoisted_3$q = { class: "flex justify-between items-end" };
 const _hoisted_4$h = {
   class: "flex gap-1 w-full items-center justify-end",
   "data-ts-section": "button-group"
@@ -62711,7 +62711,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
   __name: "DialogSelectAsset",
   props: /* @__PURE__ */ mergeModels({
     withButton: { type: Boolean, default: true },
-    withPrint: { type: Boolean },
+    showColumns: {},
     visible: { type: Boolean },
     buttonLabel: {},
     currentAssetDetail: {},
@@ -62762,16 +62762,17 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
     const filter4 = reactive({});
     const filterQueryParams = ref();
     const columns2 = computed(() => {
+      var _a;
       const tagColumn = {
         field: "tagType",
         header: "TAG",
         sortable: true,
         bodyComponent: (data30) => {
-          var _a, _b;
+          var _a2, _b;
           return {
             component: TSTagType,
             props: {
-              qr: (_a = data30.tagType) == null ? void 0 : _a.includes("QR"),
+              qr: (_a2 = data30.tagType) == null ? void 0 : _a2.includes("QR"),
               rfid: (_b = data30.tagType) == null ? void 0 : _b.includes("RFID")
             }
           };
@@ -62793,8 +62794,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             sortable: true,
             fixed: false,
             bodyTemplate: (data30) => {
-              var _a;
-              return ((_a = data30.totalAssets) == null ? void 0 : _a.toString()) ?? "-";
+              var _a2;
+              return ((_a2 = data30.totalAssets) == null ? void 0 : _a2.toString()) ?? "-";
             }
           }
         ];
@@ -62824,7 +62825,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           ...defaultAssetColumns.value["group.name"],
           checkedByDefault: true
         },
-        defaultAssetColumns.value["category.name"],
+        {
+          ...defaultAssetColumns.value["category.name"],
+          checkedByDefault: true
+        },
         {
           ...defaultAssetColumns.value["brand.name"],
           checkedByDefault: true
@@ -62833,7 +62837,10 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
           ...defaultAssetColumns.value["model.name"],
           checkedByDefault: true
         },
-        { ...defaultAssetColumns.value["labelStatus"], visible: props.withPrint },
+        {
+          ...defaultAssetColumns.value["labelStatus"],
+          visible: !!((_a = props.showColumns) == null ? void 0 : _a.includes("labelStatus"))
+        },
         { ...defaultAssetColumns.value["tagType"], checkedByDefault: true },
         defaultAssetColumns.value["measurement.name"],
         defaultAssetColumns.value["maintenanceStatus"],
@@ -62846,7 +62853,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         defaultAssetColumns.value["linkedAssetCount"],
         ...customFieldColumns.value
       ];
-      return assetColumn.filter((col) => col.visible !== false);
+      return assetColumn.filter((col) => col.visible !== false).filter(
+        (col) => {
+          var _a2;
+          return props.showColumns ? (_a2 = props.showColumns) == null ? void 0 : _a2.includes(col.field) : true;
+        }
+      );
     });
     const filterLists = computed(() => {
       const tagConfig = {
@@ -63145,6 +63157,8 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
       const fields = Object.keys(filter4);
       const parsedFilter = {};
       fields.forEach((field2) => {
+        if (filter4[field2] === null || Array.isArray(filter4[field2]) && filter4[field2].length === 0)
+          return;
         parsedFilter[field2] = JSON.stringify(filter4[field2]);
       });
       filterQueryParams.value = parsedFilter;
@@ -63196,7 +63210,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
         ])) : createCommentVNode("", true),
         createVNode(_sfc_main$1D, {
           visible: visible4.value,
-          "onUpdate:visible": _cache[12] || (_cache[12] = ($event) => visible4.value = $event),
+          "onUpdate:visible": _cache[13] || (_cache[13] = ($event) => visible4.value = $event),
           header: header.value,
           pt: { root: { style: { width: dialogSize.value } } },
           onHide: resetState,
@@ -63211,7 +63225,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
               ]),
               createElementVNode("div", _hoisted_7$a, [
                 createVNode(_sfc_main$1Q, {
-                  onClick: _cache[9] || (_cache[9] = ($event) => visible4.value = false),
+                  onClick: _cache[10] || (_cache[10] = ($event) => visible4.value = false),
                   "data-ts-section": "button-cancel",
                   label: "Cancel",
                   severity: "secondary",
@@ -63228,7 +63242,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             props.type === "child" ? (openBlock(), createBlock(_sfc_main$1m, {
               key: 0,
               visible: showConfirmDialog.value,
-              "onUpdate:visible": _cache[10] || (_cache[10] = ($event) => showConfirmDialog.value = $event),
+              "onUpdate:visible": _cache[11] || (_cache[11] = ($event) => showConfirmDialog.value = $event),
               lists: selectedData.value,
               onConfirm: closeDialog,
               body: "All selected asset(s) will be attached as child asset. Are you sure want to attach it?",
@@ -63241,7 +63255,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             props.type === "parent" ? (openBlock(), createBlock(_sfc_main$1m, {
               key: 1,
               visible: showConfirmDialog.value,
-              "onUpdate:visible": _cache[11] || (_cache[11] = ($event) => showConfirmDialog.value = $event),
+              "onUpdate:visible": _cache[12] || (_cache[12] = ($event) => showConfirmDialog.value = $event),
               onConfirm: closeDialog,
               "confirm-label": "Attach",
               header: "Attach Asset",
@@ -63263,19 +63277,28 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             }, 8, ["visible"])) : createCommentVNode("", true)
           ]),
           default: withCtx(() => [
-            createElementVNode("div", _hoisted_2$C, [
-              createElementVNode("span", _hoisted_3$q, [
-                renderSlot(_ctx.$slots, "description", {}, () => [
-                  createTextVNode(toDisplayString$1(getDescription()), 1)
-                ]),
-                tooltipInfo.value ? (openBlock(), createBlock(_sfc_main$1R, {
-                  key: 0,
-                  info: tooltipInfo.value,
-                  "data-ts-section": "tooltipinfo",
-                  icon: "info",
-                  severity: "primary"
-                }, null, 8, ["info"])) : createCommentVNode("", true)
+            createElementVNode("span", _hoisted_2$C, [
+              renderSlot(_ctx.$slots, "description", {}, () => [
+                createTextVNode(toDisplayString$1(getDescription()), 1)
               ]),
+              tooltipInfo.value ? (openBlock(), createBlock(_sfc_main$1R, {
+                key: 0,
+                info: tooltipInfo.value,
+                "data-ts-section": "tooltipinfo",
+                icon: "info",
+                severity: "primary"
+              }, null, 8, ["info"])) : createCommentVNode("", true)
+            ]),
+            createElementVNode("div", _hoisted_3$q, [
+              createVNode(_sfc_main$1z, {
+                "selected-data": selectedData.value,
+                "onUpdate:selectedData": _cache[1] || (_cache[1] = ($event) => selectedData.value = $event),
+                options: [],
+                "table-name": TABLE_NAME,
+                "use-button": false,
+                "data-ts": "bulk-action-button",
+                naming: "Asset(s)"
+              }, null, 8, ["selected-data"]),
               createElementVNode("div", _hoisted_4$h, [
                 _ctx.useScanButton || _ctx.type === "asset" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
                   _ctx.scanType === "search" || _ctx.type === "asset" ? (openBlock(), createBlock(_sfc_main$1i, {
@@ -63288,12 +63311,12 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                   ], 64))
                 ], 64)) : createCommentVNode("", true),
                 createVNode(_sfc_main$1k, {
-                  onSearch: _cache[1] || (_cache[1] = ($event) => searchModel.value = $event),
+                  onSearch: _cache[2] || (_cache[2] = ($event) => searchModel.value = $event),
                   "data-ts-section": "button-search"
                 }),
                 createVNode(_sfc_main$1y, {
                   "show-filter": showFilter.value,
-                  "onUpdate:showFilter": _cache[2] || (_cache[2] = ($event) => showFilter.value = $event),
+                  "onUpdate:showFilter": _cache[3] || (_cache[3] = ($event) => showFilter.value = $event),
                   "data-ts-section": "button-filter"
                 }, null, 8, ["show-filter"])
               ])
@@ -63308,19 +63331,19 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
                 _ctx.type === "asset" ? (openBlock(), createBlock(_sfc_main$11, {
                   key: 0,
                   filter: filter4,
-                  "onUpdate:filter": _cache[3] || (_cache[3] = ($event) => filter4 = $event),
+                  "onUpdate:filter": _cache[4] || (_cache[4] = ($event) => filter4 = $event),
                   "visible-columns": visibleColumns.value,
-                  "onUpdate:visibleColumns": _cache[4] || (_cache[4] = ($event) => visibleColumns.value = $event),
+                  "onUpdate:visibleColumns": _cache[5] || (_cache[5] = ($event) => visibleColumns.value = $event),
                   "fetch-options": props.fetchOptionFunction ?? handleFetchOptions,
                   "table-name": TABLE_NAME,
                   "tag-type": typeof props.tagType !== "boolean" ? props.tagType : void 0,
-                  onUpdateFields: _cache[5] || (_cache[5] = ($event) => containerKey.value++)
+                  onUpdateFields: _cache[6] || (_cache[6] = ($event) => containerKey.value++)
                 }, null, 8, ["filter", "visible-columns", "fetch-options", "tag-type"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(filterLists.value, (field2) => {
                   return openBlock(), createElementBlock(Fragment, null, [
                     field2.fieldName === "group" ? (openBlock(), createBlock(_sfc_main$1d, {
                       key: field2.label,
                       keys: filter4.group,
-                      "onUpdate:keys": _cache[6] || (_cache[6] = ($event) => filter4.group = $event),
+                      "onUpdate:keys": _cache[7] || (_cache[7] = ($event) => filter4.group = $event),
                       "field-label": "Group",
                       label: "Select Group",
                       type: "Group"
@@ -63350,7 +63373,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
             (openBlock(), createBlock(_sfc_main$18, {
               key: dataTableKey.value,
               "selected-data": selectedData.value,
-              "onUpdate:selectedData": _cache[7] || (_cache[7] = ($event) => selectedData.value = $event),
+              "onUpdate:selectedData": _cache[8] || (_cache[8] = ($event) => selectedData.value = $event),
               columns: columns2.value,
               "fetch-function": props.fetchFunction ?? getTableData,
               filters: filterQueryParams.value,
@@ -63360,7 +63383,7 @@ const _sfc_main$10 = /* @__PURE__ */ defineComponent({
               "selection-type": _ctx.type === "parent" ? "single" : void 0,
               "table-name": props.type + props.tagType,
               "use-option": false,
-              onRowSelect: _cache[8] || (_cache[8] = ($event) => showValidator.value = false),
+              onRowSelect: _cache[9] || (_cache[9] = ($event) => showValidator.value = false),
               "data-key": "_id",
               "data-ts-section": "dialog-select-asset-table",
               lazy: "",
@@ -63387,6 +63410,8 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
       const fields = Object.keys(filter4);
       const filterQuery = {};
       fields.forEach((field2) => {
+        if (filter4[field2] === null || Array.isArray(filter4[field2]) && filter4[field2].length === 0)
+          return;
         filterQuery[field2] = JSON.stringify(filter4[field2]);
       });
       return filterQuery;
@@ -65082,6 +65107,8 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       const fields = Object.keys(filter4);
       const filterQuery = {};
       fields.forEach((field2) => {
+        if (filter4[field2] === null || Array.isArray(filter4[field2]) && filter4[field2].length === 0)
+          return;
         filterQuery[field2] = JSON.stringify(filter4[field2]);
       });
       return filterQuery;
@@ -67314,6 +67341,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       const fields = Object.keys(filter4);
       const filterQuery = {};
       fields.forEach((field2) => {
+        if (filter4[field2] === null || Array.isArray(filter4[field2]) && filter4[field2].length === 0)
+          return;
         filterQuery[field2] = JSON.stringify(filter4[field2]);
       });
       return filterQuery;
@@ -67410,8 +67439,8 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AssetListFilter_vue_vue_type_style_index_0_scoped_76eba6a3_lang = "";
-const AssetListFilter = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-76eba6a3"]]);
+const AssetListFilter_vue_vue_type_style_index_0_scoped_83dec72c_lang = "";
+const AssetListFilter = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__scopeId", "data-v-83dec72c"]]);
 const _withScopeId$1 = (n) => (pushScopeId("data-v-4beebd27"), n = n(), popScopeId(), n);
 const _hoisted_1$E = { class: "w-full flex-1 p-6 gap-3 overflow-auto" };
 const _hoisted_2$t = { class: "flex flex-col gap-3" };
@@ -72083,16 +72112,16 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       var _a, _b, _c, _d, _e, _f;
       const largeLinesLength = [
         (((_a = props.label.assetName) == null ? void 0 : _a.length) ?? 0) > 16,
-        (((_b = props.label.code) == null ? void 0 : _b.length) ?? 0) > 16,
-        (((_c = props.label.category) == null ? void 0 : _c.length) ?? 0) > 14
+        (((_b = props.label.code) == null ? void 0 : _b.length) ?? 0) > 17,
+        (((_c = props.label.category) == null ? void 0 : _c.length) ?? 0) > 15
       ].filter(Boolean).length;
       const mediumLinesLength = [
         (((_d = props.label.assetName) == null ? void 0 : _d.length) ?? 0) > 18,
-        (((_e = props.label.code) == null ? void 0 : _e.length) ?? 0) > 19,
-        (((_f = props.label.category) == null ? void 0 : _f.length) ?? 0) > 15
+        (((_e = props.label.code) == null ? void 0 : _e.length) ?? 0) > 22,
+        (((_f = props.label.category) == null ? void 0 : _f.length) ?? 0) > 16
       ].filter(Boolean).length;
-      if (largeLinesLength > 0) {
-        if (mediumLinesLength > 1)
+      if (largeLinesLength > 1) {
+        if (mediumLinesLength > 2)
           return "small";
         return "medium";
       }
@@ -72204,7 +72233,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     width: 190px;
     height: 95px;
     padding: 8px;
-    padding-left: calc(8px + 12.5px);
+    padding-left: calc(12px + 12.5px);
+    padding-right: 12px;
   }
 
   .label--large {
@@ -72228,7 +72258,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   .label__logo--small {
     height: 13px;
     width: 60px;
-    left: 10.5px;
+    left: 12.5px;
     transform: translateY(23.5px) rotate(-90deg);
   }
 
@@ -72270,8 +72300,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 
   .label__code--medium {
-    font-size: 12px;
-    line-height: 16px;
+    font-size: 11px;
+    line-height: 14px;
   }
 
   .label__code--large {
@@ -72292,8 +72322,8 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
   }
 
   .label__meta--medium {
-    font-size: 12px;
-    line-height: 16px;
+    font-size: 11px;
+    line-height: 14px;
   }
 
   .label__meta--large {
@@ -73283,6 +73313,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       const fields = Object.keys(filter4);
       const parsedFilter = {};
       fields.forEach((field2) => {
+        if (filter4[field2] === null || Array.isArray(filter4[field2]) && filter4[field2].length === 0)
+          return;
         parsedFilter[field2] = JSON.stringify(filter4[field2]);
       });
       filterQueryParams.value = parsedFilter;