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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/dist/cjs/ifx-status.cjs.entry.js +1 -1
  2. package/dist/cjs/ifx-status.cjs.entry.js.map +1 -1
  3. package/dist/cjs/ifx-status.entry.cjs.js.map +1 -1
  4. package/dist/cjs/ifx-table.cjs.entry.js +137 -42
  5. package/dist/cjs/ifx-table.cjs.entry.js.map +1 -1
  6. package/dist/cjs/ifx-table.entry.cjs.js.map +1 -1
  7. package/dist/cjs/infineon-design-system-stencil.cjs.js +1 -1
  8. package/dist/cjs/loader.cjs.js +1 -1
  9. package/dist/collection/components/status/status.css +1 -1
  10. package/dist/collection/components/table-advanced-version/table.js +139 -43
  11. package/dist/collection/components/table-advanced-version/table.js.map +1 -1
  12. package/dist/components/ifx-status.js +1 -1
  13. package/dist/components/ifx-status.js.map +1 -1
  14. package/dist/components/ifx-table.js +138 -42
  15. package/dist/components/ifx-table.js.map +1 -1
  16. package/dist/esm/ifx-status.entry.js +1 -1
  17. package/dist/esm/ifx-status.entry.js.map +1 -1
  18. package/dist/esm/ifx-table.entry.js +137 -42
  19. package/dist/esm/ifx-table.entry.js.map +1 -1
  20. package/dist/esm/infineon-design-system-stencil.js +1 -1
  21. package/dist/esm/loader.js +1 -1
  22. package/dist/infineon-design-system-stencil/ifx-status.entry.esm.js.map +1 -1
  23. package/dist/infineon-design-system-stencil/ifx-table.entry.esm.js.map +1 -1
  24. package/dist/infineon-design-system-stencil/infineon-design-system-stencil.esm.js +1 -1
  25. package/dist/infineon-design-system-stencil/{p-abd8bd80.entry.js → p-39e3ee45.entry.js} +2 -2
  26. package/dist/infineon-design-system-stencil/p-39e3ee45.entry.js.map +1 -0
  27. package/dist/infineon-design-system-stencil/{p-65bc82a4.entry.js → p-f1ba768a.entry.js} +2 -2
  28. package/dist/infineon-design-system-stencil/p-f1ba768a.entry.js.map +1 -0
  29. package/dist/types/components/table-advanced-version/table.d.ts +1 -0
  30. package/package.json +1 -1
  31. package/dist/infineon-design-system-stencil/p-65bc82a4.entry.js.map +0 -1
  32. package/dist/infineon-design-system-stencil/p-abd8bd80.entry.js.map +0 -1
@@ -393,6 +393,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
393
393
  this.enableSelection = false;
394
394
  this.selectedRows = new Set();
395
395
  this.selectAll = false;
396
+ this.selectedRowsData = new Map();
396
397
  this.showLoading = false;
397
398
  this.originalRowData = [];
398
399
  this.internalItemsPerPage = JSON.stringify([
@@ -402,12 +403,41 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
402
403
  ]);
403
404
  this.handleSelectAll = (checked) => {
404
405
  this.selectAll = checked;
406
+ const newSelectedRows = new Set(this.selectedRows);
407
+ const newSelectedRowsData = new Map(this.selectedRowsData);
405
408
  if (checked) {
406
- this.selectedRows = new Set(this.allRowData.map(row => row.__rowId));
409
+ if (this.serverSidePagination) {
410
+ this.rowData.forEach(row => {
411
+ const rowId = row.__rowId;
412
+ newSelectedRows.add(rowId);
413
+ const cleanRow = __rest(row, ["__checkbox", "__rowId"]);
414
+ newSelectedRowsData.set(rowId, cleanRow);
415
+ });
416
+ }
417
+ else {
418
+ this.allRowData.forEach(row => {
419
+ const rowId = row.__rowId;
420
+ newSelectedRows.add(rowId);
421
+ const cleanRow = __rest(row, ["__checkbox", "__rowId"]);
422
+ newSelectedRowsData.set(rowId, cleanRow);
423
+ });
424
+ }
407
425
  }
408
426
  else {
409
- this.selectedRows = new Set();
427
+ if (this.serverSidePagination) {
428
+ this.rowData.forEach(row => {
429
+ const rowId = row.__rowId;
430
+ newSelectedRows.delete(rowId);
431
+ newSelectedRowsData.delete(rowId);
432
+ });
433
+ }
434
+ else {
435
+ newSelectedRows.clear();
436
+ newSelectedRowsData.clear();
437
+ }
410
438
  }
439
+ this.selectedRows = newSelectedRows;
440
+ this.selectedRowsData = newSelectedRowsData;
411
441
  this.updateCheckboxStates();
412
442
  this.updateHeaderCheckboxState();
413
443
  this.emitSelectionChange();
@@ -416,14 +446,25 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
416
446
  const clickedRowData = params.data;
417
447
  const rowId = clickedRowData.__rowId;
418
448
  const newSelectedRows = new Set(this.selectedRows);
449
+ const newSelectedRowsData = new Map(this.selectedRowsData);
419
450
  if (newSelectedRows.has(rowId)) {
420
451
  newSelectedRows.delete(rowId);
452
+ newSelectedRowsData.delete(rowId);
421
453
  }
422
454
  else {
423
455
  newSelectedRows.add(rowId);
456
+ const cleanRow = __rest(clickedRowData, ["__checkbox", "__rowId"]);
457
+ newSelectedRowsData.set(rowId, cleanRow);
424
458
  }
425
459
  this.selectedRows = newSelectedRows;
426
- this.selectAll = newSelectedRows.size === this.allRowData.length;
460
+ this.selectedRowsData = newSelectedRowsData;
461
+ if (this.serverSidePagination) {
462
+ const currentPageSelectedCount = this.rowData.filter(row => newSelectedRows.has(row.__rowId)).length;
463
+ this.selectAll = currentPageSelectedCount === this.rowData.length && this.rowData.length > 0;
464
+ }
465
+ else {
466
+ this.selectAll = newSelectedRows.size === this.allRowData.length && this.allRowData.length > 0;
467
+ }
427
468
  this.updateCheckboxStates();
428
469
  this.updateHeaderCheckboxState();
429
470
  this.emitSelectionChange();
@@ -545,10 +586,19 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
545
586
  var _a;
546
587
  const headerCheckbox = (_a = this.container) === null || _a === void 0 ? void 0 : _a.querySelector('.ag-header-cell[col-id="__checkbox"] ifx-checkbox');
547
588
  if (headerCheckbox) {
548
- const allSelected = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;
549
- const someSelected = this.selectedRows.size > 0 && this.selectedRows.size < this.allRowData.length;
550
- headerCheckbox.checked = allSelected;
551
- headerCheckbox.indeterminate = someSelected;
589
+ if (this.serverSidePagination) {
590
+ const currentPageSelectedCount = this.rowData.filter(row => this.selectedRows.has(row.__rowId)).length;
591
+ const allOnPageSelected = currentPageSelectedCount === this.rowData.length && this.rowData.length > 0;
592
+ const someOnPageSelected = currentPageSelectedCount > 0 && currentPageSelectedCount < this.rowData.length;
593
+ headerCheckbox.checked = allOnPageSelected;
594
+ headerCheckbox.indeterminate = someOnPageSelected;
595
+ }
596
+ else {
597
+ const allSelected = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;
598
+ const someSelected = this.selectedRows.size > 0 && this.selectedRows.size < this.allRowData.length;
599
+ headerCheckbox.checked = allSelected;
600
+ headerCheckbox.indeterminate = someSelected;
601
+ }
552
602
  }
553
603
  }, 0);
554
604
  }
@@ -635,10 +685,8 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
635
685
  if (!textFilterMatched)
636
686
  return false;
637
687
  }
638
- // For multi-select filters, this remains unchanged
639
688
  else if (filterInfo.type === 'multi-select') {
640
689
  let rowValue = row[filterName] != null ? String(row[filterName]).toLowerCase() : '';
641
- // Check if 'undefined' is a selected value and include rows with empty values in that case
642
690
  let includesUndefined = selectedValues.includes('undefined');
643
691
  if (!selectedValues.includes(rowValue) && !(includesUndefined && rowValue === '')) {
644
692
  return false;
@@ -649,30 +697,31 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
649
697
  });
650
698
  }
651
699
  async updateTableView() {
700
+ if (this.serverSidePagination) {
701
+ this.selectAll = false;
702
+ }
652
703
  if (this.serverSidePagination && this.serverPageChangeHandler) {
653
704
  const { rows, total } = await this.serverPageChangeHandler({
654
705
  page: this.currentPage,
655
706
  pageSize: this.paginationPageSize,
656
707
  });
657
- if (this.enableSelection) {
658
- rows.forEach((row, index) => {
659
- var _a;
660
- if (!row.__rowId) {
661
- row.__rowId = `row_${(this.currentPage - 1) * this.paginationPageSize + index}_${Date.now()}`;
662
- }
663
- row.__checkbox = {
664
- disabled: false,
665
- checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(row.__rowId)) || false,
666
- size: 's',
667
- indeterminate: false,
668
- error: false,
669
- };
670
- });
671
- }
708
+ rows.forEach((row, index) => {
709
+ var _a;
710
+ const rowId = row.sampleNumber || `row_${(this.currentPage - 1) * this.paginationPageSize + index}`;
711
+ row.__rowId = rowId;
712
+ row.__checkbox = {
713
+ disabled: false,
714
+ checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(rowId)) || false,
715
+ size: 's',
716
+ indeterminate: false,
717
+ error: false,
718
+ };
719
+ });
672
720
  this.rowData = rows;
673
721
  this.matchingResultsCount = total;
674
722
  if (this.gridApi) {
675
723
  this.gridApi.setGridOption('rowData', rows);
724
+ this.updateHeaderCheckboxState();
676
725
  }
677
726
  const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');
678
727
  if (paginationElement) {
@@ -680,9 +729,15 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
680
729
  }
681
730
  }
682
731
  else {
683
- const startIndex = (this.currentPage - 1) * this.paginationPageSize;
684
- const endIndex = startIndex + this.paginationPageSize;
685
- const visibleRowData = this.allRowData.slice(startIndex, endIndex);
732
+ let visibleRowData;
733
+ if (this.pagination) {
734
+ const startIndex = (this.currentPage - 1) * this.paginationPageSize;
735
+ const endIndex = startIndex + this.paginationPageSize;
736
+ visibleRowData = this.allRowData.slice(startIndex, endIndex);
737
+ }
738
+ else {
739
+ visibleRowData = this.allRowData;
740
+ }
686
741
  if (this.enableSelection) {
687
742
  visibleRowData.forEach(row => {
688
743
  var _a, _b;
@@ -705,6 +760,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
705
760
  if (this.gridApi) {
706
761
  this.gridApi.setGridOption('rowData', this.rowData);
707
762
  }
763
+ this.updateHeaderCheckboxState();
708
764
  }
709
765
  }
710
766
  clearAllFilters() {
@@ -861,16 +917,35 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
861
917
  });
862
918
  }
863
919
  async handlePageChange(event) {
920
+ if (!this.pagination) {
921
+ return;
922
+ }
864
923
  this.currentPage = event.detail.currentPage;
924
+ if (this.serverSidePagination) {
925
+ this.selectAll = false;
926
+ }
865
927
  if (this.serverSidePagination && this.serverPageChangeHandler) {
866
928
  const { rows, total } = await this.serverPageChangeHandler({
867
929
  page: this.currentPage,
868
930
  pageSize: this.paginationPageSize,
869
931
  });
932
+ rows.forEach((row, index) => {
933
+ var _a;
934
+ const rowId = row.sampleNumber || `row_${(this.currentPage - 1) * this.paginationPageSize + index}`;
935
+ row.__rowId = rowId;
936
+ row.__checkbox = {
937
+ disabled: false,
938
+ checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(rowId)) || false,
939
+ size: 's',
940
+ indeterminate: false,
941
+ error: false,
942
+ };
943
+ });
870
944
  this.rowData = rows;
871
945
  this.matchingResultsCount = total;
872
946
  if (this.gridApi) {
873
947
  this.gridApi.setGridOption('rowData', this.rowData);
948
+ this.updateHeaderCheckboxState();
874
949
  }
875
950
  const paginationElement = this.host.shadowRoot.querySelector('ifx-pagination');
876
951
  if (paginationElement) {
@@ -881,8 +956,27 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
881
956
  const startIndex = (this.currentPage - 1) * this.paginationPageSize;
882
957
  const endIndex = startIndex + this.paginationPageSize;
883
958
  const visibleRowData = this.allRowData.slice(startIndex, endIndex);
959
+ if (this.enableSelection) {
960
+ visibleRowData.forEach(row => {
961
+ var _a, _b;
962
+ if (!row.__checkbox) {
963
+ row.__checkbox = {
964
+ disabled: false,
965
+ checked: ((_a = this.selectedRows) === null || _a === void 0 ? void 0 : _a.has(row.__rowId)) || false,
966
+ size: 's',
967
+ indeterminate: false,
968
+ error: false,
969
+ };
970
+ }
971
+ else {
972
+ row.__checkbox.checked = ((_b = this.selectedRows) === null || _b === void 0 ? void 0 : _b.has(row.__rowId)) || false;
973
+ }
974
+ });
975
+ }
976
+ this.rowData = visibleRowData;
884
977
  if (this.gridApi) {
885
978
  this.gridApi.setGridOption('rowData', visibleRowData);
979
+ this.updateHeaderCheckboxState();
886
980
  }
887
981
  }
888
982
  }
@@ -932,7 +1026,8 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
932
1026
  return rows.slice(0, this.paginationPageSize);
933
1027
  }
934
1028
  updateCheckboxStates() {
935
- this.allRowData.forEach(row => {
1029
+ const dataToUpdate = this.rowData;
1030
+ dataToUpdate.forEach(row => {
936
1031
  if (row.__checkbox) {
937
1032
  row.__checkbox.checked = this.selectedRows.has(row.__rowId);
938
1033
  }
@@ -945,20 +1040,20 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
945
1040
  }
946
1041
  }
947
1042
  emitSelectionChange() {
948
- const selectedRowsData = Array.from(this.selectedRows)
949
- .map(rowId => {
950
- const row = this.allRowData.find(r => r.__rowId === rowId);
951
- if (!row)
952
- return null;
953
- const rowData = __rest(row, ["__checkbox", "__rowId"]);
954
- return rowData;
955
- })
956
- .filter(row => row !== null);
1043
+ const selectedRowsArray = Array.from(this.selectedRowsData.values());
1044
+ let isSelectAll;
1045
+ if (this.serverSidePagination) {
1046
+ const currentPageSelectedCount = this.rowData.filter(row => this.selectedRows.has(row.__rowId)).length;
1047
+ isSelectAll = currentPageSelectedCount === this.rowData.length && this.rowData.length > 0;
1048
+ }
1049
+ else {
1050
+ isSelectAll = this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0;
1051
+ }
957
1052
  this.host.dispatchEvent(new CustomEvent('ifxSelectionChange', {
958
1053
  detail: {
959
- selectedRows: selectedRowsData,
960
- selectedCount: selectedRowsData.length,
961
- isSelectAll: this.selectedRows.size === this.allRowData.length && this.allRowData.length > 0,
1054
+ selectedRows: selectedRowsArray,
1055
+ selectedCount: selectedRowsArray.length,
1056
+ isSelectAll: isSelectAll,
962
1057
  },
963
1058
  bubbles: true,
964
1059
  }));
@@ -1082,12 +1177,12 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
1082
1177
  };
1083
1178
  }
1084
1179
  const filterClass = this.filterOrientation === 'topbar' ? 'topbar-layout' : this.filterOrientation === 'none' ? '' : 'sidebar-layout';
1085
- 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 => {
1180
+ return (h(Host, { key: 'a0421844e9c61683bd742e73f1809ffe3e0e6bad' }, h("div", { key: 'cdbddf03c9ec9508afe475280031ac789465c924', class: "table-container" }, this.filterOrientation === 'sidebar' && (h("div", { key: '9190967ad17c4bc873461f9679857aecfc42cf29', class: "sidebar-btn" }, h("ifx-button", { key: 'e6af658a82fa88e87b3b2cc3d377268d4b8e2cf4', type: "button", disabled: false, variant: "secondary", size: "m", target: "_blank", theme: "default", "full-width": "false", onClick: () => this.toggleSidebarFilters() }, h("ifx-icon", { key: '20be3fda6b40d956202c70dd8f2d5b8e27fccca1', icon: "cross-16" }), this.showSidebarFilters ? 'Hide Filters' : 'Show Filters'))), h("div", { key: 'b886df2920915f2e26b9e92a29f95971c769fe0c', class: filterClass }, this.filterOrientation === 'sidebar' && this.showSidebarFilters && (h("div", { key: '768e749d6bb7294581916fa350ab6db406fd56cc', class: "sidebar-container" }, h("div", { key: '00e5ee6ae4127e25ed6f354431fb50826a5738b7', class: "filters-title-container" }, h("span", { key: 'c40714d09dae34e2fe4ca75f4ddb12f4c81b37da', class: "filters-title" }, "Filters")), h("div", { key: '4c182b7dd4fe8996011025af996c1a2c8815c6d2', class: "set-filter-wrapper-sidebar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: '8a7dc422f3e4382554eb2af47de00ed53442d1d5', name: "sidebar-filter" })))), this.filterOrientation !== 'none' && this.filterOrientation !== 'sidebar' && (h("div", { key: '0f1ee29a1bc041554cdc65108136c646efc7b934', class: "set-filter-wrapper-topbar" }, (this.filterOrientation !== 'sidebar' || this.showSidebarFilters) && h("slot", { key: 'c9ce08d1026ebfc80ddd3a11bbe1b26a09e58c64', name: "topbar-filter" }))), h("div", { key: '12f0b8bcb4dcebe0b57779f09ac703a76c741df0', class: "table-pagination-wrapper" }, this.filterOrientation !== 'none' && this.filterOrientation !== 'topbar' && this.showSidebarFilters && (h("div", { key: '50fae34e9d7652ad2d27a2dbe10a973cc559f61b', class: "filter-chips" }, Object.keys(this.currentFilters).map(name => {
1086
1181
  const filter = this.currentFilters[name];
1087
1182
  const filterValues = filter.filterValues;
1088
1183
  const isMultiSelect = filter.type !== 'text';
1089
1184
  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;
1090
- }))), 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))))));
1185
+ }))), h("div", { key: 'a3d61c90ad5d8744be6c55d7790551a53d5388e9', class: "headline-wrapper" }, this.filterOrientation !== 'none' && this.headline && (h("div", { key: '598c04897a782b9f7fa8ea69b202e17c5db87142', class: "matching-results-container" }, h("span", { key: '174bbc64858c0b952eef4e289ec25a88f6a13ba5', class: "matching-results-count" }, "(", this.matchingResultsCount, ")"), h("span", { key: 'fa4e1a350a97794ba1c0390176d7413c19ff9286', class: "matching-results-text" }, this.headline))), h("div", { key: '52105af6541e2a5588dc0307c20d7e4b3e72220c', class: "inner-buttons-wrapper" }, h("slot", { key: 'fe68a9b64d3ed0fcbdb6a2ac9f2092fb9c921974', name: "inner-button" }))), h("div", { key: 'd3001b399da78d9e6005f4cf262a7f74b77b9cb4', id: "table-wrapper", class: this.getTableClassNames() }, h("div", { key: '4cc86621f42cb3c4de69618957297666e7df04a3', id: `ifxTable-${this.uniqueKey}`, class: `ifx-ag-grid ${this.variant === 'zebra' ? 'zebra' : ''}`, style: style, ref: el => (this.container = el) })), h("div", { key: 'ffea3142fecc04ca051aeeefd17dc9860ca8a1e1', 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))))));
1091
1186
  }
1092
1187
  hasButtonCol() {
1093
1188
  return this.getColData().some(column => column.field === 'button');
@@ -1145,6 +1240,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
1145
1240
  "matchingResultsCount": [32],
1146
1241
  "selectedRows": [32],
1147
1242
  "selectAll": [32],
1243
+ "selectedRowsData": [32],
1148
1244
  "onBtShowLoading": [64]
1149
1245
  }, [[0, "ifxItemsPerPageChange", "handleResultsPerPageChange"], [0, "ifxChange", "handleChipChange"]], {
1150
1246
  "rows": ["rowsChanged"],