tsv2-library 1.1.0-dev-alpha.26 → 1.1.0-dev-alpha.28

package/dist/tsv2-library.es.js

@@ -54747,18 +54747,22 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
           return void 0;
       }
     });
+    const currentPageData = computed(
+      () => {
+        var _a;
+        return props.lazy ? currentPageTableData.value : (_a = props.data) == null ? void 0 : _a.slice(first3.value, first3.value + tableRows.value);
+      }
+    );
     const isSelectedAll = computed(() => {
-      var _a, _b, _c, _d;
-      if (props.disableAllRows || !((_a = currentPageTableData.value) == null ? void 0 : _a.length) || props.selectionType !== "checkbox")
+      var _a, _b, _c, _d, _e;
+      if (props.disableAllRows || !((_a = currentPageData.value) == null ? void 0 : _a.length) || props.selectionType !== "checkbox")
         return false;
       const length = (_b = props.selectedData) == null ? void 0 : _b.length;
-      const currentPageDataKey = ((_c = filterDisabledRows(currentPageTableData.value)) == null ? void 0 : _c.map(
-        (dt2) => dt2[props.dataKey]
-      )) ?? [];
+      const currentPageDataKey = ((_c = filterDisabledRows(currentPageData.value)) == null ? void 0 : _c.map((dt2) => dt2[props.dataKey])) ?? [];
       const selectedDataKey = ((_d = props.selectedData) == null ? void 0 : _d.map((dt2) => dt2[props.dataKey])) ?? [];
       const isCurrentPageAllDataSelected = selectedDataKey.length ? isArrayIncluded(currentPageDataKey, selectedDataKey) : false;
       const isAllRecordSelected = !!length && // 0 means no data selected
-      length === (totalRecords2.value ?? 0) - (props.totalDisabledRows ?? currentPageDisabledRows.value.length ?? 0);
+      length === ((props.lazy ? totalRecords2.value : (_e = props.data) == null ? void 0 : _e.length) ?? 0) - (props.totalDisabledRows ?? currentPageDisabledRows.value.length ?? 0);
       return isCurrentPageAllDataSelected || isAllRecordSelected;
     });
     const selectedData = computed({
@@ -54913,7 +54917,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       refetch();
     };
     const onSelectAllChange = (event2) => {
-      const filteredRows = filterDisabledRows(currentPageTableData.value);
+      const filteredRows = filterDisabledRows(currentPageData.value);
       currentPageDataSelected.value = event2.checked ? JSON.parse(JSON.stringify(filteredRows)) : [];
       if (!props.lazy)
         dispatchUpdateTotalRecordsEvent();
@@ -55160,7 +55164,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       );
       const rows3 = ((_a = dataTableElement == null ? void 0 : dataTableElement.querySelector("tbody")) == null ? void 0 : _a.querySelectorAll("tr")) ?? [];
       currentPageDisabledRows.value.forEach((rowID) => {
-        const index2 = (props.data ?? currentPageTableData.value ?? []).findIndex(
+        const index2 = (currentPageData.value ?? []).findIndex(
           (data30) => data30[props.dataKey] === rowID
         );
         if (index2 !== -1 && rows3[index2]) {
@@ -55274,6 +55278,7 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
+      var _a;
       const _component_DataTable = resolveComponent("DataTable", true);
       return openBlock(), createElementBlock(Fragment, null, [
         props.data || currentPageTableData.value || loadingTable.value ? (openBlock(), createBlock(unref(script$j), {
@@ -55299,9 +55304,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
           rows: _ctx.usePaginator ? tableRows.value : void 0,
           "rows-per-page-options": rowsPerPageOptions.value,
           "scroll-height": _ctx.scrollHeight,
-          "select-all": props.lazy ? isSelectedAll.value : void 0,
+          "select-all": isSelectedAll.value,
           "selection-mode": selectionMode.value,
-          "total-records": props.lazy ? totalRecords2.value : void 0,
+          "total-records": props.lazy ? totalRecords2.value : (_a = _ctx.data) == null ? void 0 : _a.length,
           value: props.data ?? currentPageTableData.value,
           "virtual-scroller-options": _ctx.virtualScrollerOptions,
           onColumnResizeEnd: updateTableColumnsWidth,
@@ -55340,9 +55345,9 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
               style: { "width": "32px", "min-width": "32px", "max-width": "32px" }
             }, {
               body: withCtx(({ rowTogglerCallback, data: rowData }) => {
-                var _a;
+                var _a2;
                 return [
-                  (rowData == null ? void 0 : rowData.hasChildren) || ((_a = rowData.children) == null ? void 0 : _a.length) ? (openBlock(), createElementBlock("div", _hoisted_1$$, [
+                  (rowData == null ? void 0 : rowData.hasChildren) || ((_a2 = rowData.children) == null ? void 0 : _a2.length) ? (openBlock(), createElementBlock("div", _hoisted_1$$, [
                     createVNode(unref(_sfc_main$1N), {
                       class: normalizeClass([{ "rotate-90": isRowExpanded(rowData[props.dataKey]) }, "!p-0 !m-0 !w-auto !h-auto"]),
                       onClick: ($event) => rowTogglerCallback($event),
@@ -55450,12 +55455,12 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
                       col.bodyComponent(itemData).events ? col.bodyComponent(itemData).events : {}
                     ), {
                       onChange: ($event) => {
-                        var _a, _b;
-                        return (_b = (_a = col.bodyComponent(itemData)).onChange) == null ? void 0 : _b.call(_a, itemData);
+                        var _a2, _b;
+                        return (_b = (_a2 = col.bodyComponent(itemData)).onChange) == null ? void 0 : _b.call(_a2, itemData);
                       },
                       "onUpdate:modelValue": ($event) => {
-                        var _a, _b;
-                        return (_b = (_a = col.bodyComponent(itemData)).onChange) == null ? void 0 : _b.call(_a, itemData);
+                        var _a2, _b;
+                        return (_b = (_a2 = col.bodyComponent(itemData)).onChange) == null ? void 0 : _b.call(_a2, itemData);
                       }
                     }), null, 16, ["modelValue", "onUpdate:modelValue", "disabled", "onChange"])) : (openBlock(), createElementBlock("span", {
                       key: 1,
@@ -55485,10 +55490,10 @@ const _sfc_main$15 = /* @__PURE__ */ defineComponent({
               props.customColumn ? {
                 name: "header",
                 fn: withCtx(() => {
-                  var _a;
+                  var _a2;
                   return [
                     createVNode(_sfc_main$1O, {
-                      onClick: (_a = customColumn.value) == null ? void 0 : _a.toggleMenu,
+                      onClick: (_a2 = customColumn.value) == null ? void 0 : _a2.toggleMenu,
                       class: "!w-4 !h-4 !mx-auto",
                       "data-ts-section": "columnvisibilitytoggle",
                       icon: "ellipsis-h",
@@ -62916,6 +62921,12 @@ const _sfc_main$Z = /* @__PURE__ */ defineComponent({
           delete filter4[field2];
       });
     });
+    watch(visible4, (value) => {
+      if (value) {
+        containerKey.value++;
+        dataTableKey.value++;
+      }
+    });
     return (_ctx, _cache) => {
       var _a;
       return openBlock(), createElementBlock(Fragment, null, [