@ukic/canary-web-components 3.0.0-canary.17 → 3.0.0-canary.18

package/dist/cjs/ic-data-table.cjs.entry.js

@@ -350,7 +350,7 @@ const DataTable = class {
         };
         this.createUpdatingIndicator = () => {
             const { description, max, min, progress, monochrome } = this.updatingOptions || {};
-            return (index.h("th", { colSpan: this.columns.length, class: "updating-state" }, index.h("ic-loading-indicator", { theme: this.theme, monochrome: monochrome, description: description || "Updating table data", fullWidth: true, max: max, min: min, progress: progress, type: "linear", size: "small" })));
+            return (index.h("th", { colSpan: this.columns.length + (this.rowSelection && this.data ? 1 : 0), class: "updating-state" }, index.h("ic-loading-indicator", { theme: this.theme, monochrome: monochrome, description: description || "Updating table data", fullWidth: true, max: max, min: min, progress: progress, type: "linear", size: "small" })));
         };
         this.setRowHeight = (height) => helpers.pxToRem(`${height * this.DENSITY_HEIGHT_MULTIPLIER[this.density] -
             this.DENSITY_PADDING_HEIGHT_DIFF[this.density]}px`);
@@ -1311,22 +1311,22 @@ const DataTable = class {
                 ? "deselect all"
                 : "select all remaining"
             : "select all";
-        return (index.h(index.Host, { key: '958fa1f6c94033432d7067e06019609fe7237d61', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("div", { key: '1329ca354856f1be45d497c8df2b07567cb4a55f', class: "table-container" }, helpers.isSlotUsed(this.el, "title-bar") && index.h("slot", { key: 'd77d48cef482df9b23bc8d3f16f0894219780c14', name: "title-bar" }), index.h("div", { key: '0cd8afd1c902302c90f77e1993728b7e54414574', class: {
+        return (index.h(index.Host, { key: 'b1a8a027c223f8ec8a82eaeadc6fcd584bcadaa3', style: Object.assign({}, this.setTableDimensions()), class: { [`ic-theme-${theme}`]: theme !== "inherit" } }, index.h("div", { key: '7abde36f7f17075a3f25632a14090fe85c6c610d', class: "table-container" }, helpers.isSlotUsed(this.el, "title-bar") && index.h("slot", { key: '8ef1e2c34b7a0aed1558fb393dda3c869b1fed1e', name: "title-bar" }), index.h("div", { key: '39984060ae40b37df7a84ff46f1d73a355ba491b', class: {
                 ["table-row-container"]: true,
                 scrollable,
-            }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, index.h("table", { key: 'af15b0a6fbf6450fbe94f257392747edfb7a412b', style: {
+            }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, index.h("table", { key: '7c7fe1ce4ff82644f52325129f392b5d6dfb7635', style: {
                 "--table-layout": tableLayout,
-            } }, index.h("caption", { key: 'd4398274b15ba603ced3de3e9df2dbeffae1c2ca', class: "table-caption" }, caption), !hideColumnHeaders && (index.h("thead", { key: 'eb6aac42605c79cb005a06d0554ee2f5c9ef6674', class: {
+            } }, index.h("caption", { key: 'de772f10cbaa802c0df5be9225312a946b64fdaa', class: "table-caption" }, caption), !hideColumnHeaders && (index.h("thead", { key: '5e41deeb29ab3a0f4b2daf9a17b6ed0cd2a756e7', class: {
                 ["column-header-sticky"]: stickyColumnHeaders,
                 ["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
-            } }, index.h("tr", { key: 'c67498acd008ab42bcaf4f41b346dba60f438b6d' }, rowSelection && data && (index.h("th", { key: 'd8be3faa102e4a75c0af65969a735bfb7f3ff90a', class: {
+            } }, index.h("tr", { key: '93b3e712a034c666d90329bcd0c9e05d64f2633b' }, rowSelection && data && (index.h("th", { key: '38be7fab691d5cf1db9c817134dc2fa64b28073e', class: {
                 "column-header": true,
                 "checkbox-cell": true,
                 "updating-state-headers": updating && !loading,
                 [`table-density-${density}`]: this.notDefaultDensity(),
-            } }, index.h("div", { key: '3cd44c2f9c8ea0ba0b057598c44f06d28dbcb068', class: "checkbox-wrapper" }, index.h("ic-checkbox", { key: '2d7d914b7d645b32018f8566af5f67f17161e808', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
+            } }, index.h("div", { key: 'ff716f89433450095aad287521f76e5bfc630646', class: "checkbox-wrapper" }, index.h("ic-checkbox", { key: '88b6dbb7c0320233ef273cc23951e7b347955e79', class: "ic-data-table-checkbox", checked: rowsSelected && allRowsSelected, disabled: updating || loading, hideLabel: true, indeterminate: rowsSelected && !allRowsSelected, label: `${caption} ${headerCheckboxLabelState} rows`, nativeIndeterminateBehaviour: true, onIcCheck: () => selectAllRows(), size: density === "dense" ? "small" : "medium", value: caption })))), createColumnHeaders()))), updating &&
             !loading &&
-            (hideColumnHeaders ? (index.h("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), index.h("div", { key: '8f46c505248e1140a88b4eb5ae9151683f7a6f1e', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || helpers.isSlotUsed(this.el, "pagination-bar")) && (index.h("div", { key: 'f8e0b482ed9e3043273c82e032592a5d98309dec', class: "pagination-container" }, helpers.isSlotUsed(this.el, "pagination-bar") ? (index.h("slot", { name: "pagination-bar" })) : (index.h("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (index.h("div", { key: 'd072129f3fc5a1cd678384466ed71ad56e838b65', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
+            (hideColumnHeaders ? (index.h("thead", null, createUpdatingIndicator())) : (createUpdatingIndicator())), this.renderTableBody(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), this.renderEmptyState(loading, data, loadingOptions === null || loadingOptions === void 0 ? void 0 : loadingOptions.overlay)), index.h("div", { key: '6f01be0ef7e54bf99cae567dca5cb75c271d2a6f', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || helpers.isSlotUsed(this.el, "pagination-bar")) && (index.h("div", { key: '0d01727d838b4f4e5cce597bbbebb14721904f25', class: "pagination-container" }, helpers.isSlotUsed(this.el, "pagination-bar") ? (index.h("slot", { name: "pagination-bar" })) : (index.h("ic-pagination-bar", { alignment: paginationBarOptions.alignment, hideAllFromItemsPerPage: paginationBarOptions.hideAllFromItemsPerPage, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, setToFirstPageOnPaginationChange: paginationBarOptions.setToFirstPageOnPaginationChange, showGoToPageControl: paginationBarOptions.showGoToPageControl, showItemsPerPageControl: paginationBarOptions.showItemsPerPageControl, theme: theme, totalItems: (_a = data === null || data === void 0 ? void 0 : data.length) !== null && _a !== void 0 ? _a : 0, type: paginationBarOptions.type })))), sortable && (index.h("div", { key: 'c73c4ffe5a0633bce3ccf116a69e3007342b27af', class: "screen-reader-sort-text", "aria-live": "polite" }, sortedColumnOrder !== "unsorted" && sortedColumn
             ? `${((_b = columns.find((col) => col.key === sortedColumn)) === null || _b === void 0 ? void 0 : _b.title) ||
                 sortedColumn} sorted ${sortedColumnOrder}`
             : "table unsorted")))));