@ukic/canary-web-components 3.0.0-canary.32 → 3.0.0-canary.33

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-6f4b406b.js');
+const helpers = require('./helpers-f81fed28.js');
 
 const icDataTableTitleBarCss = ".title-bar-wrapper,.header-container,.description-actions,.action-area,.custom-actions-wrapper{display:flex}.title-bar-wrapper,.action-area,.custom-actions-wrapper{gap:var(--ic-space-xs)}.title-bar-wrapper{flex-direction:column;padding:var(--ic-space-sm) var(--ic-space-xs);border-bottom:var(--ic-space-1px) solid\n    var(--ic-data-table-title-bar-keyline);background-color:var(--ic-data-table-title-bar-background)}.full-width{padding:var(--ic-space-sm) 0;border-bottom:none}ic-typography.heading h3{margin:0}ic-typography.ic-typography-subtitle-small{--ic-typography-color:var(--ic-data-table-title-bar-information)}ic-typography.ic-typography-h3,::slotted([slot=\"header\"]){max-width:50rem;color:var(--ic-data-table-title-bar-title);--ic-typography-color:var(--ic-data-table-title-bar-title)}ic-typography.ic-typography-body,::slotted([slot=\"description\"]){color:var(--ic-data-table-title-bar-description);--ic-typography-color:var(--ic-data-table-title-bar-description)}ic-typography.ic-typography-body,ic-typography.ic-typography-subtitle-small,::slotted([slot=\"description\"]){max-width:40rem}.density-input{--input-width:7.625rem}@media (max-width: 1200px){.header-container{flex-direction:column}}@media (min-width: 1201px){.header-container{gap:var(--ic-space-xs);align-items:baseline}}@media (min-width: 769px){.description-actions{justify-content:space-between}}@media (max-width: 768px){.description-actions{flex-direction:column;align-items:flex-start;gap:var(--ic-space-xs)}}@media (min-width: 577px){.action-area{align-items:center}}@media (max-width: 576px){.action-area{flex-direction:column}}";
 const IcDataTableTitleBarStyle0 = icDataTableTitleBarCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-d337cd8a.js');
-const helpers = require('./helpers-6f4b406b.js');
+const helpers = require('./helpers-f81fed28.js');
 const commonHelpers = require('./common-helpers-944cb54d.js');
 require('./purify-039f565a.js');
 
@@ -569,6 +569,9 @@ const DataTable = class {
                 if (columnWidth.maxWidth) {
                     columnWidthStyling = Object.assign(Object.assign({}, columnWidthStyling), { ["--column-max-width"]: columnWidth.maxWidth });
                 }
+                if (columnWidth.width) {
+                    columnWidthStyling = Object.assign(Object.assign({}, columnWidthStyling), { ["--column-width"]: columnWidth.width });
+                }
             }
             return columnWidthStyling;
         };
@@ -1367,26 +1370,26 @@ const DataTable = class {
                 ? "deselect all"
                 : "select all remaining"
             : "select all";
-        return (index.h(index.Host, { key: '9f183b318d949b1342869be9193cdff5fed88d2f', style: Object.assign({}, this.setTableDimensions()), class: {
+        return (index.h(index.Host, { key: '5a54a8292fc31e31e968c76b21f957d6ed4665bb', style: Object.assign({}, this.setTableDimensions()), class: {
                 [`ic-theme-${theme}`]: theme !== "inherit",
                 [`ic-data-table-show-pagination`]: !!showPagination,
                 [`ic-data-table-embedded`]: !!embedded,
-            } }, index.h("div", { key: '67ed81b3d232c0126317900dabba13b24a06946f', class: "table-container" }, helpers.isSlotUsed(this.el, "title-bar") && index.h("slot", { key: 'd2543f5ac57d62ade8d1651c2285b6bf7a31f12f', name: "title-bar" }), index.h("div", { key: '875654c430a0d216061249dbaa1674b8073250e2', class: {
+            } }, index.h("div", { key: '664f9b13c5c5f9b2a0323a870b7c96cfc8e2c45d', class: "table-container" }, helpers.isSlotUsed(this.el, "title-bar") && index.h("slot", { key: '997ec993032c647aea11da288c2f2b19c5f69f8b', name: "title-bar" }), index.h("div", { key: '35823b8f7cfeeaeab64dc248ef65c6c52762cf03', class: {
                 ["table-row-container"]: true,
                 scrollable,
-            }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, index.h("table", { key: 'e3f2659b9fe5f091525a949ccb955da9d633afe7', style: {
+            }, tabIndex: scrollable ? 0 : undefined, onScroll: updateScrollOffset }, index.h("table", { key: '9b9c1bbf6ebcc08ca235f2637c95dc74bd49c3a1', style: {
                 "--table-layout": tableLayout,
-            } }, index.h("caption", { key: 'e841f03366a519a9f22a2e9385e3085b9db63201', class: "table-caption" }, caption), !hideColumnHeaders && (index.h("thead", { key: '51f0415b666ac119c08ba3a7ef2223547bd55ae3', class: {
+            } }, index.h("caption", { key: 'f5acadc8976d3b474dab6d17c957553a384c348a', class: "table-caption" }, caption), !hideColumnHeaders && (index.h("thead", { key: '4131acaa910add9c3f596f34c879b539e69e4c69', class: {
                 ["column-header-sticky"]: stickyColumnHeaders,
                 ["column-header-overlay"]: stickyColumnHeaders && scrollOffset !== 0,
-            } }, index.h("tr", { key: '0694725f5af74c8173371365e72c7670b8a0e0ac' }, rowSelection && data && (index.h("th", { key: '6c93c841bab80011f41397363d69172d62f2f11d', class: {
+            } }, index.h("tr", { key: 'ddf0b02e09b404800f07b86709812a8c719da333' }, rowSelection && data && (index.h("th", { key: '3aa7cb15d490ea90a1c33959ff83987b244951f4', class: {
                 "column-header": true,
                 "checkbox-cell": true,
                 "updating-state-headers": updating && !loading,
                 [`table-density-${density}`]: this.notDefaultDensity(),
-            } }, index.h("div", { key: 'c97ccb8ac9acfea3f948606f3fbb699d15a142b6', class: "checkbox-wrapper" }, index.h("ic-checkbox", { key: '6973d631e63e183ecd21c7ca645206966ae95c5b', 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: '0b42136651692a5b69131dc40eb80636e0cb5ff1', class: "checkbox-wrapper" }, index.h("ic-checkbox", { key: 'be47f6ce2b9c6450b4fff5bba46686396fbf7bab', 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: 'd55e2139c46b6fd77fa4d09e8a1a2308912d2027', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || helpers.isSlotUsed(this.el, "pagination-bar")) && (index.h("div", { key: '6d65f7399346a04d4c050a569b5a716a1374bcc9', 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, hideCurrentPage: paginationBarOptions.hideCurrentPage, hideFirstAndLastPageButton: paginationBarOptions.hideFirstAndLastPageButton, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, selectItemsPerPageOnEnter: paginationBarOptions.selectItemsPerPageOnEnter, 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: '2c4efdb9a3b0a8a775600c6763961e0ee431cf86', 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: '23b30f12641186e93d7c20cee3b302d002f799cc', "aria-live": "assertive", class: "sr-only" }, this.renderAriaLiveLoading()), this.renderLoadingIndicator(loading, loadingOptions), (showPagination || helpers.isSlotUsed(this.el, "pagination-bar")) && (index.h("div", { key: '639f16bbcb3ee28acd812e753ad242bdfc9fda24', 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, hideCurrentPage: paginationBarOptions.hideCurrentPage, hideFirstAndLastPageButton: paginationBarOptions.hideFirstAndLastPageButton, hideRangeLabel: paginationBarOptions.hideRangeLabel, itemLabel: paginationBarOptions.itemLabel, itemsPerPageOptions: paginationBarOptions.itemsPerPageOptions, monochrome: paginationBarOptions.monochrome, pageLabel: paginationBarOptions.pageLabel, rangeLabelType: paginationBarOptions.rangeLabelType, selectedItemsPerPage: paginationBarOptions.selectedItemsPerPage, selectItemsPerPageOnEnter: paginationBarOptions.selectItemsPerPageOnEnter, 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: 'fdd6bfc99732ce13c66e322f91630bb02e23fd1b', 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")))));