@infineon/infineon-design-system-stencil 39.4.4--canary.2134.bb609f61311d4fde41e8336aa402a4fd507e0769.0 → 39.4.4--canary.2136.61ca080385a85b28f9e73c1ac2fcb72fcc5e023a.0

package/dist/esm/ifx-table.entry.js

@@ -384,7 +384,6 @@ const Table = class {
         this.enableSelection = false;
         this.selectedRows = new Set();
         this.selectAll = false;
-        this.selectedRowsData = new Map();
         this.showLoading = false;
         this.originalRowData = [];
         this.internalItemsPerPage = JSON.stringify([
@@ -394,45 +393,12 @@ const Table = class {
         ]);
         this.handleSelectAll = (checked) => {
             this.selectAll = checked;
-            const newSelectedRows = new Set(this.selectedRows);
-            const newSelectedRowsData = new Map(this.selectedRowsData);
             if (checked) {
-                if (this.serverSidePagination) {
-                    // Server-side: select only current page rows
-                    this.rowData.forEach(row => {
-                        const rowId = row.__rowId;
-                        newSelectedRows.add(rowId);
-                        const cleanRow = __rest(row, ["__checkbox", "__rowId"]);
-                        newSelectedRowsData.set(rowId, cleanRow);
-                    });
-                }
-                else {
-                    // Client-side: select ALL rows across ALL pages
-                    this.allRowData.forEach(row => {
-                        const rowId = row.__rowId;
-                        newSelectedRows.add(rowId);
-                        const cleanRow = __rest(row, ["__checkbox", "__rowId"]);
-                        newSelectedRowsData.set(rowId, cleanRow);
-                    });
-                }
+                this.selectedRows = new Set(this.allRowData.map(row => row.__rowId));
             }
             else {
-                if (this.serverSidePagination) {
-                    // Server-side: remove only current page rows
-                    this.rowData.forEach(row => {
-                        const rowId = row.__rowId;
-                        newSelectedRows.delete(rowId);
-                        newSelectedRowsData.delete(rowId);
-                    });
-                }
-                else {
-                    // Client-side: remove ALL rows (clear entire selection)
-                    newSelectedRows.clear();
-                    newSelectedRowsData.clear();
-                }
+                this.selectedRows = new Set();
             }
-            this.selectedRows = newSelectedRows;
-            this.selectedRowsData = newSelectedRowsData;
             this.updateCheckboxStates();
             this.updateHeaderCheckboxState();
             this.emitSelectionChange();
@@ -441,19 +407,14 @@ const Table = class {
             const clickedRowData = params.data;
             const rowId = clickedRowData.__rowId;
             const newSelectedRows = new Set(this.selectedRows);
-            const newSelectedRowsData = new Map(this.selectedRowsData);
             if (newSelectedRows.has(rowId)) {
                 newSelectedRows.delete(rowId);
-                newSelectedRowsData.delete(rowId);
             }
             else {
                 newSelectedRows.add(rowId);
-                const cleanRow = __rest(clickedRowData, ["__checkbox", "__rowId"]);
-                newSelectedRowsData.set(rowId, cleanRow);
             }
             this.selectedRows = newSelectedRows;
-            this.selectedRowsData = newSelectedRowsData;
-            this.selectAll = newSelectedRows.size === this.rowData.length && this.rowData.length > 0;
+            this.selectAll = newSelectedRows.size === this.allRowData.length;
             this.updateCheckboxStates();
             this.updateHeaderCheckboxState();
             this.emitSelectionChange();
@@ -575,19 +536,10 @@ const Table = class {
                 var _a;
                 const headerCheckbox = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector('.ag-header-cell[col-id="__checkbox"] ifx-checkbox');
                 if (headerCheckbox) {
-                    if (this.serverSidePagination) {
-                        const currentPageSelectedCount = this.rowData.filter(row => { var _a; return (_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(row.__rowId); }).length;
-                        const allOnPageSelected = currentPageSelectedCount === this.rowData.length && this.rowData.length > 0;
-                        const someOnPageSelected = currentPageSelectedCount > 0 && currentPageSelectedCount < this.rowData.length;
-                        headerCheckbox.checked = allOnPageSelected;
-                        headerCheckbox.indeterminate = someOnPageSelected;
-                    }
-                    else {
-                        const allSelected = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;
-                        const someSelected = this.selectedRows.size > 0 && this.selectedRows.size < this.allRowData.length;
-                        headerCheckbox.checked = allSelected;
-                        headerCheckbox.indeterminate = someSelected;
-                    }
+                    const allSelected = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;
+                    const someSelected = this.selectedRows.size > 0 && this.selectedRows.size < this.allRowData.length;
+                    headerCheckbox.checked = allSelected;
+                    headerCheckbox.indeterminate = someSelected;
                 }
             }, 0);
         }
@@ -688,31 +640,30 @@ const Table = class {
         });
     }
     async updateTableView() {
-        if (this.serverSidePagination) {
-            this.selectAll = false;
-        }
         if (this.serverSidePagination && this.serverPageChangeHandler) {
             const { rows, total } = await this.serverPageChangeHandler({
                 page: this.currentPage,
                 pageSize: this.paginationPageSize,
             });
-            rows.forEach((row, index) => {
-                var _a;
-                const rowId = row.sampleNumber || `row_${(this.currentPage - 1) * this.paginationPageSize + index}`;
-                row.__rowId = rowId;
-                row.__checkbox = {
-                    disabled: false,
-                    checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(rowId)) || false,
-                    size: 's',
-                    indeterminate: false,
-                    error: false,
-                };
-            });
+            if (this.enableSelection) {
+                rows.forEach((row, index) => {
+                    var _a;
+                    if (!row.__rowId) {
+                        row.__rowId = `row_${(this.currentPage - 1) * this.paginationPageSize + index}_${Date.now()}`;
+                    }
+                    row.__checkbox = {
+                        disabled: false,
+                        checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(row.__rowId)) || false,
+                        size: 's',
+                        indeterminate: false,
+                        error: false,
+                    };
+                });
+            }
             this.rowData = rows;
             this.matchingResultsCount = total;
             if (this.gridApi) {
                 this.gridApi.setGridOption('rowData', rows);
-                this.updateHeaderCheckboxState();
             }
             const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');
             if (paginationElement) {
@@ -745,7 +696,6 @@ const Table = class {
             if (this.gridApi) {
                 this.gridApi.setGridOption('rowData', this.rowData);
             }
-            this.updateHeaderCheckboxState();
         }
     }
     clearAllFilters() {
@@ -903,32 +853,15 @@ const Table = class {
     }
     async handlePageChange(event) {
         this.currentPage = event.detail.currentPage;
-        if (this.serverSidePagination) {
-            this.selectAll = false;
-        }
         if (this.serverSidePagination && this.serverPageChangeHandler) {
             const { rows, total } = await this.serverPageChangeHandler({
                 page: this.currentPage,
                 pageSize: this.paginationPageSize,
             });
-            // Add checkbox properties to rows
-            rows.forEach((row, index) => {
-                var _a;
-                const rowId = row.sampleNumber || `row_${(this.currentPage - 1) * this.paginationPageSize + index}`;
-                row.__rowId = rowId;
-                row.__checkbox = {
-                    disabled: false,
-                    checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(rowId)) || false,
-                    size: 's',
-                    indeterminate: false,
-                    error: false,
-                };
-            });
             this.rowData = rows;
             this.matchingResultsCount = total;
             if (this.gridApi) {
                 this.gridApi.setGridOption('rowData', this.rowData);
-                this.updateHeaderCheckboxState();
             }
             const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');
             if (paginationElement) {
@@ -939,27 +872,8 @@ const Table = class {
             const startIndex = (this.currentPage - 1) * this.paginationPageSize;
             const endIndex = startIndex + this.paginationPageSize;
             const visibleRowData = this.allRowData.slice(startIndex, endIndex);
-            if (this.enableSelection) {
-                visibleRowData.forEach(row => {
-                    var _a, _b;
-                    if (!row.__checkbox) {
-                        row.__checkbox = {
-                            disabled: false,
-                            checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(row.__rowId)) || false,
-                            size: 's',
-                            indeterminate: false,
-                            error: false,
-                        };
-                    }
-                    else {
-                        row.__checkbox.checked = ((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.has(row.__rowId)) || false;
-                    }
-                });
-            }
-            this.rowData = visibleRowData;
             if (this.gridApi) {
                 this.gridApi.setGridOption('rowData', visibleRowData);
-                this.updateHeaderCheckboxState();
             }
         }
     }
@@ -1009,9 +923,7 @@ const Table = class {
         return rows.slice(0, this.paginationPageSize);
     }
     updateCheckboxStates() {
-        // Update checkboxes in the current view
-        const dataToUpdate = this.rowData;
-        dataToUpdate.forEach(row => {
+        this.allRowData.forEach(row => {
             if (row.__checkbox) {
                 row.__checkbox.checked = this.selectedRows.has(row.__rowId);
             }
@@ -1024,21 +936,20 @@ const Table = class {
         }
     }
     emitSelectionChange() {
-        const selectedRowsArray = Array.from(this.selectedRowsData.values());
-        let isSelectAll;
-        if (this.serverSidePagination) {
-            // Server-side: select-all only applies to current page
-            isSelectAll = this.selectedRows.size === this.rowData.length && this.rowData.length > 0;
-        }
-        else {
-            // Client-side: select-all applies to ALL data across all pages
-            isSelectAll = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;
-        }
+        const selectedRowsData = Array.from(this.selectedRows)
+            .map(rowId => {
+            const row = this.allRowData.find(r => r.__rowId === rowId);
+            if (!row)
+                return null;
+            const rowData = __rest(row, ["__checkbox", "__rowId"]);
+            return rowData;
+        })
+            .filter(row => row !== null);
         this.host.dispatchEvent(new CustomEvent('ifxSelectionChange', {
             detail: {
-                selectedRows: selectedRowsArray,
-                selectedCount: selectedRowsArray.length,
-                isSelectAll: isSelectAll,
+                selectedRows: selectedRowsData,
+                selectedCount: selectedRowsData.length,
+                isSelectAll: this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0,
             },
             bubbles: true,
         }));
@@ -1162,12 +1073,12 @@ const Table = class {
             };
         }
         const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : this.filterOrientation === 'none' ? '' : 'sidebar-layout';
-        return (h(Host, { key: '6e65d1e685e01446b302eb455c9c50633654e737' }, h("div", { key: 'a19a49374cbb31eba3e6830fd4f951939b6ac0ec', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: 'd23b2c69cba710a9a0a4c56a57dd2d885234a02e', class: "sidebar-btn" }, h("ifx-button", { key: 'ad545a0fdac95be05282825b4dd93259b5545415', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '90593cbb33a5bbc7d7c06651611dc48898a7b05c', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '0040c5c1490e1ae59e3b8735bf231db9aa43b582', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '25df19d6d55a4f42d705a476bdc7acf465159865', class: "sidebar-container" }, h("div", { key: '71c760d9931e858f0b0d779e63b03658d2ea85ee', class: "filters-title-container" }, h("span", { key: '036e85ab74bd2f6f4e1556b9940f9bc65be3be63', class: "filters-title" }, "Filters")), h("div", { key: '752d883df46a8c23995764a7e1e15a3fbc1b6a37', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: 'affdd08af207405e7ae811f9cfd359d24a7c57a9', name: "sidebar-filter" })))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: 'eb5eb4c3592408a16b31bbf8a1f6e7a7a93009c1', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: '8d604394fee9cdd4b9f5a5f9c9048a86d138a7e6', name: "topbar-filter" }))), h("div", { key: '33075e7e5a8cf24a834784e30dd43fef11f23fba', class: "table-pagination-wrapper" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (h("div", { key: '46d8fc50da97745a1a2b2359489934ce0d9569a8', class: "filter-chips" }, Object.keys(this.currentFilters).map(name => {
+        return (h(Host, { key: '66b9e97b36c201f86732fbd1452819419d739fd3' }, h("div", { key: 'a5c54e731669b840a732b9cf4de334a09c37ccb0', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '786e0cdf15170384f5dfb34995db3f5ca3c419d4', class: "sidebar-btn" }, h("ifx-button", { key: '7097db9958849a342a4918dc96441ba4275539b1', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '8005336599ce5aa87ddc1973f8005d8bd7a03551', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: '875c2049c9d4745ec5a40f14fab62d4394b8f63a', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: 'c87a5a9a5bb27915e6170ebe139bced53164136f', class: "sidebar-container" }, h("div", { key: '14420330d730046eda3e9049bd6df5fd66222693', class: "filters-title-container" }, h("span", { key: 'a8f006c463b5858daf5f9ff191287a1dc7be24ef', class: "filters-title" }, "Filters")), h("div", { key: '201324d69551491db05dae532a080460527e8a79', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: '3a3be2bc00d1148fa21cf692a077f85625cafdec', name: "sidebar-filter" })))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '3d20934e66c39335c8966599b13be1acc48338b2', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: 'b45be18917095b816833ac7ac30260d51a29eb5c', name: "topbar-filter" }))), h("div", { key: '490b41840efb18253618d0a838d7a31ebaac6001', class: "table-pagination-wrapper" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (h("div", { key: '51a213af18af7b58e36551239eba437bce8a2b51', class: "filter-chips" }, Object.keys(this.currentFilters).map(name => {
             const filter = this.currentFilters[name];
             const filterValues = filter.filterValues;
             const isMultiSelect = filter.type !== 'text';
             return filterValues.length > 0 ? (h("ifx-chip", { placeholder: name, size: "large", variant: isMultiSelect ? 'multi' : 'single', readOnly: true, value: filterValues, key: name }, filterValues.map(filterValue => (h("ifx-chip-item", { value: filterValue, selected: true, key: filterValue }, filterValue))))) : null;
-        }))), h("div", { key: '550d81b83063f53f46d0fbae4cb9ab14cc851f85', class: "headline-wrapper" }, this.filterOrientation !== 'none' && this.headline && (h("div", { key: '4cdb1ae6ceaf431043c90d67878f8331e22cee69', class: "matching-results-container" }, h("span", { key: 'e016eaa45a596a8ed58a0299e32971a8fc359a37', class: "matching-results-count" }, "(", this.matchingResultsCount, ")"), h("span", { key: '733a37a944479ae3cca7b5eb2dc071f9c4633bda', class: "matching-results-text" }, this.headline))), h("div", { key: '0d56c5a4858011afeeeb449093671a263f29ef07', class: "inner-buttons-wrapper" }, h("slot", { key: '3124df956c8213e083c21a6d2a65ca2195fffa35', name: "inner-button" }))), h("div", { key: '8b5ac864fa27af705a367c66233687ff7ccfd735', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '977a875c21adaa413cf3b01bb31571e9673481b2', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ''}`, style: style, ref: el => (this.container = el) })), h("div", { key: '2ebc0a7a053aad1d87e1a998537c1e351fe52d82', class: "pagination-wrapper" }, this.pagination ? (h("ifx-pagination", { total: this.serverSidePagination ? this.matchingResultsCount : this.allRowData.length, "current-page": this.currentPage, "items-per-page": this.internalItemsPerPage })) : null))))));
+        }))), h("div", { key: '4cda426751074f84547a5f6870308ab48dfdab03', class: "headline-wrapper" }, this.filterOrientation !== 'none' && this.headline && (h("div", { key: 'c538c15f038caf9a0ba2c56a2d3e114c40112b01', class: "matching-results-container" }, h("span", { key: '9c263730471d93cfe519e4d2b68c5fbc13f612d1', class: "matching-results-count" }, "(", this.matchingResultsCount, ")"), h("span", { key: '34d9334bce111c93e6e813916a06282f11071fab', class: "matching-results-text" }, this.headline))), h("div", { key: '031ef0ce92afc9ad6fbc2c4c1b8849fcefdf7213', class: "inner-buttons-wrapper" }, h("slot", { key: '4e77698e25702ee13640fac3e24558ce5e5518b7', name: "inner-button" }))), h("div", { key: '36f1cdcd7c9560c3f3f8fbaad2d37b27e99483f5', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '12284c6b014a6fd63b20c8ccb95c0f181ef7557e', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ''}`, style: style, ref: el => (this.container = el) })), h("div", { key: '5a768d894603d010c52deb2867a8bcfd953ddaac', class: "pagination-wrapper" }, this.pagination ? (h("ifx-pagination", { total: this.serverSidePagination ? this.matchingResultsCount : this.allRowData.length, "current-page": this.currentPage, "items-per-page": this.internalItemsPerPage })) : null))))));
     }
     hasButtonCol() {
         return this.getColData().some(column => column.field === 'button');