genesys-spark-components 4.74.1 → 4.75.0

package/dist/cjs/gux-pagination.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 
 const guxPaginationCss = ":host{display:block;border-top:var(--gse-ui-dataTableItems-tablePagination-divider-width) var(--gse-ui-dataTableItems-tablePagination-divider-style) var(--gse-ui-dataTableItems-tablePagination-divider-color)}.gux-pagination-container{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:center;height:var(--gse-ui-dataTableItems-cell-tablePagination-height);padding:var(--gse-ui-dataTableItems-tablePagination-padding);background-color:var(--gse-ui-dataTableItems-tablePagination-defaultBackgroundColor)}.gux-pagination-container .gux-pagination-info{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tablePagination-recordsetControls-gap);place-content:stretch flex-start;align-items:center;align-self:auto;order:0}.gux-pagination-container .gux-pagination-info>*{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-spacer{flex:1 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change{flex:0 1 auto;align-self:auto;order:0}.gux-pagination-container .gux-pagination-change:first-child{margin-left:0}";
 const GuxPaginationStyle0 = guxPaginationCss;
@@ -93,7 +93,7 @@ const GuxPagination = class {
         }, 500);
     }
     render() {
-        return (index.h("div", { key: 'e2032a3195b4224a6276d890ad6718a621d33b6b', class: "gux-pagination-container" }, index.h("div", { key: '23f74ff86c371bf0435b80442e56e136066a9d4e', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: '2542142e8c326b0f646ff8beb93a679dd42263f2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '3ec6a22c4f864c702240ce5566f22c332e4ec5a8', class: "gux-pagination-spacer" }), index.h("div", { key: 'c61dbf8128d5b8ca4f7f8453b54fab282b72a9eb', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '7bcb53c640ceac841259dda8b20dd3272fa97e2d', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (index.h("div", { key: '3577a6fdb512eb72b2115a72e1dde3e9af23f472', class: "gux-pagination-container" }, index.h("div", { key: 'ff66e0e27f4d7071e4c73b7b5e7f7da33dce869f', class: "gux-pagination-info" }, index.h("gux-pagination-item-counts", { key: 'bc983187abac498b7722edd197b296318e0d28b7', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (index.h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), index.h("div", { key: '1562302c201dac233cab29e6932a1b700511c7c5', class: "gux-pagination-spacer" }), index.h("div", { key: '53d36d5c1a88949d8c6bc10b09f9db2b395c06bf', class: "gux-pagination-change" }, index.h("gux-pagination-buttons", { key: '713734be6c0ffad2df6cc36076c1bd85069fbc8c', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-phone-input-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const index$1 = require('./index-a1a48d79.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

package/dist/cjs/gux-popover-list.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-f8b4cd90.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:absolute;top:0;left:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding:8px 0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-tooltip-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -133,10 +133,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'aaf42b8c22597ff3b58f779a8259ed428261c089', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '07a0a8a7d42698b708b4cf8ddb5791bd434ed79e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: 'b0bfa89ad58df922acdab9615ff19c8deeda9009', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: 'b911a03f1ce6c6210547418b10c37517132b5aa0', class: "gux-popover-content" }, index.h("slot", { key: 'c1af835f23cd6169695eadca8f5f6381aea2f338' }))));
+            }, "data-placement": true }, index.h("div", { key: '04902e1f99e4b5bd6a8e87854bceda8462573812', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), index.h("div", { key: '5a66b37cdbd967110a98044e7321d38bc6e1709a', class: "gux-popover-content" }, index.h("slot", { key: '262ebb4a6a126d35419248d5efcbac124e479a44' }))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-popup.cjs.entry.js

@@ -94,13 +94,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'f2cdca4cfdd937a9d3cf8682574a5f76621b937b', class: {
+        return (index.h("div", { key: '95bc01904949ad9c343a0def265754b1749a900b', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: 'c7ae5a9f78c505c045d7bec68ad6578ca0190f9d', name: "target" }), index.h("div", { key: '72402d0085c3c58b8caa84c878e654407e8971df', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '67d5c9fced34dd950a45c1171982efe24c592484', name: "target" }), index.h("div", { key: 'd8529c320e87c23ff986209fd85829573a3abef8', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '1926718edb2c1900f576a83a86a265f7348ec8e2', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'ef1ed5b60d77bbf4c2d5127d48415d4d564e479e', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

package/dist/cjs/gux-radial-loading.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const largeSpinner = 48; // Linked to --gse-ui-progressAndLoading-spinner-large
@@ -45,7 +45,7 @@ const GuxRadialLoading = class {
         this.getI18nValue = await index$1.buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (index.h(GuxSpinnerState, { key: '2a2332ab38a9ee04e608d4e7b5bbd5c873f82a55', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '608e09f23a61a3424d59f50be60b851f79e5b463', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-radial-progress.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const OVERALL_SIZE = 48; // Linked to --gse-ui-progressAndLoading-spinner-large

package/dist/cjs/gux-rating.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-width:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusRing-small-border-color) var(--gse-semantic-focusRing-small-border-style) var(--gse-semantic-focusRing-small-border-width);outline-offset:var(--gse-semantic-focusRing-offset);box-shadow:0 0 0 1px var(--gse-semantic-focusRing-small-border-style)}.gux-rating-star-container{display:flex;gap:var(--gse-ui-rating-star-gap);justify-content:space-between;color:var(--gse-ui-rating-default-color)}.gux-rating-star-container.gux-disabled{color:var(--gse-ui-rating-disabled-color);pointer-events:none;opacity:var(--gse-ui-rating-disabled-opacity)}.gux-rating-star-container gux-icon{flex:0 0 auto;width:var(--gse-ui-rating-size);height:var(--gse-ui-rating-size);color:var(--gse-ui-rating-default-color)}.gux-rating-star-container gux-icon:hover:not(.gux-disabled){color:var(--gse-ui-rating-hover-color)}";
@@ -108,7 +108,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'eab4a285de4ad24fda7e039e4dcfcdf866d77c8c', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: '390929f2cfbb4abb5d663dfe6e80bdce85ade733', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '1cba3d4c1edc55e15cba6e5956757a9358881b41', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, index.h("div", { key: 'b379115365b27caba7177adaa86caeb96949ea89', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/cjs/gux-row-select.cjs.entry.js

@@ -28,7 +28,7 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: 'ee79925440b7aee35f222c1fb08e77a7c5b9adc3', "label-position": "screenreader" }, index.h("input", { key: '643e6e83fbd1081dec1c009d04abc796fa425fce', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '4d506e1dda6121c6bf4f539d739e76e3ecbd3937', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '6855726afce26f49f6051fa1ab2018cfc827f28f' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: '65c6a79ee4638fd2e28e1d417670a73f230a5fae', "label-position": "screenreader" }, index.h("input", { key: '6f7d1e0f2aa0552116a2534601f0ee95dad20c18', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '68491ed913f7d702d03f12496c3fd1c3193e2a7a', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '83612c1f216d48b1545570e0c4a0a73c32fee528' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-screen-reader-beta_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 

package/dist/cjs/gux-segmented-control-beta.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;

package/dist/cjs/gux-selector-card-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const guxFormField_service = require('./gux-form-field.service-57a00684.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');

package/dist/cjs/gux-selector-cards-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;

package/dist/cjs/gux-simple-toast-legacy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 
 const guxSimpleToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:286px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;padding:8px 12px 8px 16px;margin:2px 0}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-icon ::slotted(gux-icon){width:16px;height:16px}.gux-message{flex:1 1 auto;align-self:center;order:0;margin:8px 0}.gux-dismiss{margin:4px 0}";
 const GuxSimpleToastLegacyStyle0 = guxSimpleToastCss;

package/dist/cjs/gux-skip-navigation-item.cjs.entry.js

@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: 'ac7eb1ca4103db9ceb87bb2253de834545eec67c', role: "listitem" }, index.h("slot", { key: '601d4bda3c38f9c5a0328e297ebe53e91288e72f' })));
+        return (index.h(index.Host, { key: '417ddd1b36606036645c863d45a525b55de2322c', role: "listitem" }, index.h("slot", { key: '00a42f456ce3b14e52f2427215f91c03bc2a8d7c' })));
     }
     static get delegatesFocus() { return true; }
 };

package/dist/cjs/gux-skip-navigation-list.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const navigationName = "Skip links navigation";
@@ -24,7 +24,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '3978590d77fd2434fff4438be8eab23c171fa481', class: "gux-container" }, index.h("nav", { key: '251418bdbd8f7b2ebedf9ecf13c6b5bf49f0df36', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '21423b041708188886ab7fa1ec5e624184bf98b5', role: "list" }, index.h("slot", { key: '829d83bb4302c6a84ce3818483f375978e7f0724' })))));
+        return (index.h("div", { key: '93690e390781a91a915b338cfb6831b3c46d08a2', class: "gux-container" }, index.h("nav", { key: 'df2d8a2f81f32ca1f0c080f937651f9e89486080', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '6a0561eb8108672d313f9b579ee0677cf11b0909', role: "list" }, index.h("slot", { key: '2bd006e30c0f994a4f5718df3ab9ee4295c32127' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-sort-control.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const onMutation = require('./on-mutation-d800434a.js');
 const en = require('./en-807a354e.js');
@@ -108,13 +108,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'ab9bf99338c13138af33d5de8181b64097b1c0c1', class: "gux-container" }, index.h("button", { key: 'ac50dbd00b511ae686242001357ce2f150be56b3', class: {
+        return (index.h("div", { key: '7531c6e68763802a04c5d8879840c00ca190d1b9', class: "gux-container" }, index.h("button", { key: 'c3780d162b0e3c1ce2aa21ccce0a46f17d1bd4af', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '95b9a00a7cdb6b5eec25678c968514f02f7502be', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '4057f27ded5d111ca7b4594a950c20d1f5cf738b', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '2c179b88a0bed4a6d58b5438d5a1042e0b64c989', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '3a1d685313d98a1488bee56f887c8fd4200c8161', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-switch-legacy.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;

package/dist/cjs/gux-tab-advanced-list.cjs.entry.js

@@ -3075,7 +3075,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '12d79775cc74f739dfcd3b17993a78dc248596bf', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'c56696c1ce2d6ca4f518428ea633572a9e819235', class: "gux-scrollable-section" }, index$1.h("div", { key: '4602c748a69c4e1dd252ea2f89f558a8cd95a7e3', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '487fecb0538f8e36312283edcd14236061a0f2c3' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: 'fae9f387d4522af3df8cf1a30ed535a0f239fc60', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '01cc51ade62ccbf06c83882e52de40e0e26661da', class: "gux-scrollable-section" }, index$1.h("div", { key: 'cce22d47cc35bd6c8af82fcb819c8c412fc4b217', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'cd403e94b6042a1468902de4fa4882159fbf3c1c' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

package/dist/cjs/gux-tab-advanced-panel.cjs.entry.js

@@ -24,7 +24,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '0e6f3ca9f6d0921da65ac037769adbad0dc122a1', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: 'a06376e6b7b9e47cbf0ed6505cc75be25b2dcb94' })));
+        return (index.h("div", { key: '917f411fe10a22ae3775093461bc51751702a2a9', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '34c08db6da42f14ce25c7b02197f20f45616448f' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

package/dist/cjs/gux-tab-advanced.cjs.entry.js

@@ -159,12 +159,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: '76e7ebd76e0952471574aa4d32a0e6fe343cb846', class: {
+            index.h("div", { key: '508de1a07d3c7d1cdd8ff40025dbeaec17ffc87b', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: 'acf96d6f53893fe3c90c5b40bb673cd77531fd6e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'ee8e380c9f2f77deb8e7616d069b2e0a51dcaf27', class: "gux-divider" }))
+                } }, index.h("div", { key: '3febf09f7c25f10b9119c6aa1d3b33c2193951e0', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'd1a1ca9e9cc77f28429bb919b996b567ac33d06b', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-tab-list.cjs.entry.js

@@ -267,9 +267,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: 'b32f188c3f1d9ea07b8c8475268f3aabc57f3ff1', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '919a7b0d12aa805c1cdbfd1076c95f668702e975', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'b57f80c836570869b97817579d7606319ffb0e76', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: 'e55980ba380656fc8a73b724620b95aee9a22eb7' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: '1642bfdd98412e3b4814ecf1f1e00bf27be31075', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '4cc24e2c30bd1c9d0a69cce23c2dc27f5a5b477e' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

package/dist/cjs/gux-tab-panel.cjs.entry.js

@@ -24,7 +24,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'b2c5ffd69a5e37201c7d1f203d451f57e19dfa02', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '05e51203720f34183a05670ea3413e6884266fc2' })));
+        return (index.h(index.Host, { key: 'c07688ff761f881ce191ca454637b5bd37f852db', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'f9b688d108df00d5012ee7fecc57572042e6066c' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

package/dist/cjs/gux-tab.cjs.entry.js

@@ -41,11 +41,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (index.h("button", { key: '361e65390e4be8921647a26350196cda2cfe0f0c', class: {
+        return (index.h("button", { key: 'bfcc5c3ac6dd1e0f76f1939e0fdc39c388c0fafe', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: 'e23704e7704ed3a1cb25cf9868ae8f62da635c23', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'bce7a8ead8516d724afed9ee218f3c0d97ca7823' }, index.h("slot", { key: 'c1380d29ca6ca9db746273230f149373f5f89a6f' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, index.h("gux-tooltip-title", { key: '71bc30acaf0f3be418e21519acc37b33fae562ea', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'cf6d32567a609d18359db2840ebc2ca7376ce920' }, index.h("slot", { key: 'a9d40b9edec963ef388b5da3db5152e694de5f76' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;

package/dist/cjs/gux-table-select-menu.cjs.entry.js

@@ -77,7 +77,7 @@ const GuxTableSelectMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3661144146959bd1e017f4c32a39b69854488093' }, index.h("slot", { key: 'ef50ceee71a1e0f29fbf65eab47335d568cdc049' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '9107fadb474226270828c79c83a375b9215c7416' }, index.h("slot", { key: '590fd03a638af10cf7224a2c1e35d07e1efcad45' }), this.renderSelectDropdown()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table-toolbar-action.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const index$1 = require('./index-a1a48d79.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -66,7 +66,7 @@ const GuxTableToolbarAction = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-table-toolbar-custom-action", { key: '95a1e1755b50464d99529fd015069a7365688290', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: 'a2965cd3c204f9052a10d1394cfb41bc5d6a3ecc', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '9054a2f1281eb051b35bbadd4fe0451a6123512a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '43020128adf29edbf4a4d3f7b014e09736ee4259', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '012d0ac6b667f49f59d2744df8a183c751d6d0d5', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '39e29fbfcfdf8cffa967e2730fcd8f06e1361cc6', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table-toolbar-custom-action.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxTableToolbarCustomActionCss = ":host([disabled]),button[disabled]{pointer-events:none;user-select:none}.gux-sr-only{display:flex}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.gux-action-title{display:flex;flex-direction:row;gap:var(--gse-ui-button-gap);align-items:center}.gux-action-title slot[name=icon]::slotted(gux-icon){width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm)}";
@@ -31,7 +31,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: 'd8310d3a3aea38d8ba3841e5c98f3a00bad5bd98', accent: this.accent }, index.h("button", { key: '4a976649603da94632082091ab3c9d0c5c7c302a', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '5b40fbf4db92dfbf252d96b693f77fb4b955141f', name: "icon" }), index.h("span", { key: '255e05c9b6f092b6e265ff71cfab62f006d6bcaf', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: 'af737bbe47276035b8e4ca699cb6e4705e421e24', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '7d17cf9e1394e1174e59464be933f016393395a6', accent: this.accent }, index.h("button", { key: '2ce4d4cb662e685949347b8810fa3bd919135ac2', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: 'c06efc54b5800eeb048da995fdbf248e97589baf', name: "icon" }), index.h("span", { key: 'b14bacf5440c27f9a81ac9f23eaa487b3c1772cf', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: '29ae6c05b6fbfb774f3b9999bdc4fdd5b14a093a', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-table-toolbar-menu-button.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const onClickOutside = require('./on-click-outside-6db914c3.js');
 const index$1 = require('./index-a1a48d79.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -99,7 +99,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'dbca533b54f96829dcd965b27aed2b1889ed9015', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: 'd4cf26c0f6b56bdf9bdaeaebc4173f5e0c6e5600', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'cadc62775b1e2cfa6dcfca03d739aeb4365715b7', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '0fc9910d55ac0c0bba4d676cf4a6dc724a507fbe', class: "gux-menu-button" }, index.h("button", { key: 'fec75883bb16775e9b87115b60150cc6cf0fe850', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '1611a5219fb15470466faa8ff4b056582de9504d', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '225851482532b89d60a92cb0853c01f312f97fdd' }, index.h("gux-icon", { key: '8bd530694cdbdbac48971394465ceb47a455ad94', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '6c9fa1e6c1dd517ee3253a611dea2f750646952c', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '31c695820b555d5b1248b96227b651c7197ad48f', ref: el => (this.listElement = el) }, index.h("slot", { key: '454df0015b0e720409fad10cd505893840ab3b8e' }))))));
+        return (index.h(index.Host, { key: 'a61552bcc94007bd75cae730268ddb15712405d9', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '5f80c26d1aa130f37bed774027016fbb4f382bb8', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'c0f39edd89d3f3604cfc4d1bea2ee2b59bf9525a', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '051d4d5514d8c818aa55f360da41c90a73ca203b', class: "gux-menu-button" }, index.h("button", { key: 'e0af2fb4c4ba2ced7bac75b9d6930c78dc70bcf2', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: 'fc242cc572fc6d59db0e2bb8ecd8b9654eac098d', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'dd4cde135d379b0bc5bf0d1654bed20c5e815c05' }, index.h("gux-icon", { key: 'be29f2fd5564b4877d5b8d078e8b019f6e3433e0', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '38f0f024a8722c936646c4b79c8c3564f9be979f', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '2ecf4950d47233d71d358e9317b214b3ce3a5c2b', ref: el => (this.listElement = el) }, index.h("slot", { key: '3e5a26c2322f4e409eae8b61a7d8c18e01318776' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-table-toolbar.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const onResize = require('./on-resize-da1477df.js');
 const onMutation = require('./on-mutation-3d294d15.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -200,9 +200,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '0e37a69ee21bd1fc30c78a8adab1b4f826588edb', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '6c2ff1521d21037d729f06b483fcbe97a36f5f0b', class: "search-filter-container" }, index.h("slot", { key: '2dab07ca842ef0ad77148af1e0c4706536ffe3a5', name: "search-and-filter" })), index.h("div", { key: '04d357e501e11f10d15d89847cb5539f7c81b757', class: "section-spacing" }), index.h("div", { key: 'c6f45141b171f99606cdac9035cd8188c9a59850', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '5b23eef242a908411349dacb4d0660dc3c2946b5', class: {
+        return (index.h(index.Host, { key: '0cc744b7db53376ef96052ed47655fd8d89152b9', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: '572d58bca76ed65e5a087ade85e0326537cdff2c', class: "search-filter-container" }, index.h("slot", { key: '26a444f4f6b2c2c232ccd0565c75497390762adb', name: "search-and-filter" })), index.h("div", { key: '0cf390604f6eec841f4a36687914b8a7b81f228b', class: "section-spacing" }), index.h("div", { key: '4ed7fd99e6118d47f766529d955749c5675212f5', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '0512e069c51b42c412bc4025c1a0148c4e833788', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: '3326cf917579213d54b20d3eaf220c7fb1ab0c10', name: "contextual-actions" })), index.h("div", { key: '5b1f9be1e756c5217223a75005d6b189efb2b252', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '5b85e310830db5977b455d942361a2770baf1845', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '8310d788220fcdc44d820829f34abb474a099c70', "show-menu": this.renderMenu() }, index.h("slot", { key: 'c57dda5ae9983301aa28555e8be490f58b75daf6', name: "menu-actions" })), index.h("slot", { key: 'c279a738e2d32c292321621073727f33ed35e41c', name: "primary-action" })))));
+            } }, index.h("slot", { key: '72d2510ff84b94a1e1e2854707a02f8865a3b7c1', name: "contextual-actions" })), index.h("div", { key: 'ecc95ba443548fa37dbe6937a3b20b0545d1896b', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: 'd8ff8a5dcea41871c2b7ecba6eb06c49bfdcf95d', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'c12dcd3b14b300f173d139db6f72513caa12d7e7', "show-menu": this.renderMenu() }, index.h("slot", { key: 'ae4782abf310653c8c2f053d4a1cbf5d41b1f9a8', name: "menu-actions" })), index.h("slot", { key: '67d6722bdd21a4ce5ea5d8e2fbea4b5ee51f9cd7', name: "primary-action" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-table.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -278,7 +278,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: 'd604b2e1c99dbc631801d198e88408ffa41fb152', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '6f352c6444b9269fbc564e70d8b8dd1d75a354d0', class: "gux-table" }, index.h("div", { key: '94fe1049561d56975b4698ab0bbff49041c51ffd', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '72659fe4dbc41fa53945d804ab1e572443f9fcf4', name: "data" })), this.isTableEmpty && (index.h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: '14c6b8d3ee32c01c508dadae57832a77ac48cb0e', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '676eeba57f40d6e811ede3913cced70a251ccacb', class: "gux-table" }, index.h("div", { key: 'c2fe6603f2251008c375a7eef56c9afd058c130c', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '84c34799fe2acf9f018995aa0b38e238c4e80458', name: "data" })), this.isTableEmpty && (index.h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-tabs-advanced.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'ff3b818bbc63bde7b58f11bce6d87a91da21e044' }, index.h("slot", { key: '3139422ceb6e0a7384dc2704cd16ac6f8783bc74', name: "tab-list" }), index.h("slot", { key: '7c363f07a3077856bdce3bd50c2606f9cc91cdfd', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '390f7a0aa1860b7483b6c915a8bcc5191e5cf2ae' }, index.h("slot", { key: '623f01cb6f6c11d0b98f0389348c801c8e2aa89b', name: "tab-list" }), index.h("slot", { key: '55efbdf2091d5245fc711039c65f81a462690e1e', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-tabs.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 
 const guxTabsCss = ":host{display:flex;flex-direction:column}:host .gux-tabs{display:flex;height:100%}:host .gux-tabs:not(.gux-vertical){flex-direction:column}:host .gux-panel-container{display:flex;flex-direction:column;height:100%;min-height:0}";
 const GuxTabsStyle0 = guxTabsCss;
@@ -51,7 +51,7 @@ const GuxTabs = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '6fa2aa2de4e7ab045b7a496ad53354a36e28e7dd' }, index.h("div", { key: 'fddfc9c0c211a577b64fae73acb0d8a648991606', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '5361a8c792ade97ca1f8d49209ae966006a85409', name: "tab-list" }), index.h("div", { key: '5ce9626fece413a613540bb55ad21002e68ec3be', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '6bf18650284e98db7d1a9565fab0d0d0db20b63b', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: 'a3c1605b20862c6eab392e17fe6ea273968f861b' }, index.h("div", { key: '8eaea15d34fa639be9f15b4f054262316bc959e1', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: '92718d5b81213e50fb13554c709e9f6d5c1c2733', name: "tab-list" }), index.h("div", { key: 'ae6fdfbfdcea8da992b78916a2c656fc9b8d833a', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: 'f3b76b5c3756c2af6d50162673cfc282237702ca', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-tag.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -69,7 +69,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: '4cf65db85dfd46ff3c08fc30c89dccf2055a0e3d', class: {
+        return (index.h("div", { key: '64f39a7a86e1a0ab48e118d1779e7cd55a7ee979', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/cjs/gux-text-highlight.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 
 const conversion = /[ +]/g;
 const expressions = new Map();

package/dist/cjs/gux-time-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 const index$1 = require('./index-a1a48d79.js');

package/dist/cjs/gux-time-picker.cjs.entry.js

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-6db914c3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const index = require('./index-a1a48d79.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const useRegionalDates = require('./use-regional-dates-34243a86.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -389,7 +389,7 @@ const GuxTimePicker = class {
         return (index$1.h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, index$1.h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (index$1.h("gux-popup", { key: '6d9d52b4133433ef5c1ed07402f0ef2091f0fe84', class: {
+        return (index$1.h("gux-popup", { key: 'f163329e3e303aa08885ee82cb372cdc8db208af', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/cjs/gux-time-zone-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const index$1 = require('./index-a1a48d79.js');
 const timeZone = require('./time-zone-72675c4e.js');
 require('./get-closest-element-9e41d6b9.js');

package/dist/cjs/gux-time-zone-picker-beta.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-7fb02c8c.js');
 const index$1 = require('./index-a1a48d79.js');
 const timeZone = require('./time-zone-72675c4e.js');
-const usage = require('./usage-906039c2.js');
+const usage = require('./usage-ab7c64c5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');