genesys-spark-components 4.109.1 → 4.110.1

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2dd05ef3.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2dd05ef3.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ":popover-open{position:absolute;inset:unset}.gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;overflow-y:hidden;background-color:var(--gse-ui-popover-backgroundColor);border:none;border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color);}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-2dd05ef3.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 
 const guxPopoverListCss = ".gux-popover-wrapper{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--gse-semantic-zIndex-popover);display:inline-block;padding-block:8px;padding-inline:0;background-color:var(--gse-ui-popover-backgroundColor);border-radius:var(--gse-ui-popover-borderRadius);box-shadow:var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) var(--gse-ui-popover-boxShadow-blur) var(--gse-ui-popover-boxShadow-spread) var(--gse-ui-popover-boxShadow-color)}.gux-popover-wrapper.gux-hidden{display:none}.gux-popover-wrapper .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-width);background:var(--gse-ui-popover-backgroundColor)}";
@@ -134,10 +134,10 @@ const GuxPopoverList = class {
         }
     }
     render() {
-        return (index.h("div", { key: '11e9a3b04ca4c769b305870092a5041f8c24788c', ref: (el) => (this.popupElement = el), class: {
+        return (index.h("div", { key: '7c14760b77840270bfc43392f8b2849e33b31f18', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, index.h("div", { key: '79fdb2a8492dafbb4db05864bd048d98b13398de', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: '2c4c24b15512cc3a8284b10671bd00b328d02da4', onClick: this.dismiss.bind(this) })), index.h("div", { key: '2ce728be1b4b4ee4ee609fcc33de5c8c157fc200', class: "gux-popover-content" }, index.h("slot", { key: '843cb6736e7aafa2ace2750c1b57512ab0d30603' }))));
+            }, "data-placement": true }, index.h("div", { key: 'f41b82e2e8fcc1087792c2fc3b721a4cde7e2be5', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (index.h("gux-dismiss-button", { key: 'ce6482380b566b7fdf9c39ef8f85ae093fdf0c20', onClick: this.dismiss.bind(this) })), index.h("div", { key: '500329594e4561e7ed808386bccfd158fd63ab5f', class: "gux-popover-content" }, index.h("slot", { key: 'aae65d1129b1492de6e5060b9aae3abcd5cad59c' }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -110,13 +110,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: '5ff6a1f11cf913825847d5e006f1bf37ac79ff59', class: {
+        return (index.h("div", { key: '5432544dc7eb13578d1dcc56669830be0cce03b9', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '9d317a53c23ab8bdc5a2d37abc0345c654efab73', name: "target" }), index.h("div", { key: 'ad57f7b776df7fab24c879fb3e0364e2ab0790c0', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '1de0af3ad7e87825fbbcc2fe64290832749d0ae9', name: "target" }), index.h("div", { key: 'd19ebb0ef9d8cd0d6fe307b0cfe0dd2227b0ab05', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: 'dd4a4a412c052b98badc6e959aa3e63ccd297754', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '003e4c8f8224907bcf6e264d830df72007c31d09', 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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.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: '46455e27b880aa20c9cad0376a277b1d4792c3c1', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: '301d5771e8a7cac678f3c8ec94a50326cbe25310', 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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.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-2dd05ef3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const clamp = require('./clamp-e86a226e.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const guxRatingCss = ":host{display:inline-block;min-inline-size:fit-content;user-select:none}:host(:host:focus-visible){outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);box-shadow:0 0 0 1px var(--gse-semantic-border-focus)}.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;inline-size:var(--gse-ui-rating-size);block-size: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)}";
@@ -110,7 +110,7 @@ const GuxRating = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9763d733e7aa0fca0a892d0dddef951b718e0656', 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: 'ef7494d5507aa22d54165fd7399a6cfe9bee3600', ref: (el) => (this.starContainer = el), class: {
+        return (index.h(index.Host, { key: '70f75fc4fbc1b8228353d5077a3e1d476d2cc818', 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: '5ba5361adc667d8911254d3ad3a90e50f776ab13', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

package/dist/cjs/gux-rich-style-list-item.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 
 const guxRichStyleListItemCss = ":host{inline-size:100%;text-align:start;outline:none}:host([disabled]){pointer-events:none}:host([disabled=false]){pointer-events:auto}::slotted(gux-icon){inline-size:var(--gse-ui-menu-option-startIcon-height);block-size:var(--gse-ui-menu-option-startIcon-height);margin-inline-end:var(--gse-ui-menu-option-gap);vertical-align:middle}button{all:unset;box-sizing:border-box;inline-size:100%;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);word-wrap:break-word;cursor:pointer;background-color:var(--gse-ui-menu-option-default-backgroundColor);border:none;outline:none;outline-offset:calc(var(--gse-ui-menu-option-focus-border-width) * -1)}button:focus-visible:not(:disabled){border-radius:var(--gse-semantic-focusOutline-sm-borderRadius);outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color)}button:hover:not(:disabled){background:var(--gse-ui-menu-option-hover-backgroundColor)}button:active:not(:disabled){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}button:disabled{cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}::slotted(*){margin:0}";

package/dist/cjs/gux-rich-text-editor-action-link.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const index$1 = require('./index-d7208697.js');
 const en = require('./en-93832113.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

package/dist/cjs/gux-rich-text-editor-action-rich-style.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-fd5edfcf.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const afterNextRender = require('./after-next-render-162425fe.js');

package/dist/cjs/gux-rich-text-editor-action.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const index$1 = require('./index-d7208697.js');
 const en = require('./en-93832113.js');
 const guxRichTextEditor_service = require('./gux-rich-text-editor.service-fd5edfcf.js');

package/dist/cjs/gux-rich-text-editor-list.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const guxList_service = require('./gux-list.service-cf8447cb.js');
 
 const guxRichTextEditorListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";

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

@@ -28,9 +28,9 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: 'd87a7629a8573335bf4ae7a6ea11fe7dd6005132', "label-position": "screenreader" }, index.h("input", { key: '789065522f11db7a5f0116bdb0b5cef51de339c6', ref: el => (this.inputElement = el), class: this.selected
+        return (index.h("gux-form-field-checkbox", { key: '1f2d87cc59ffc24eafa3e7baccc965dee3eea0d1', "label-position": "screenreader" }, index.h("input", { key: '07931cc1dbf5040210c1b76b08dbfe4dd244adae', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: 'b070b7bf182156e362fc5eb976a15a8129932d73', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'b4c51b40fc69df81e59cdb84da70e7f22e1d0fce' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '1316c55d43b132eb216dbb279c2b57ab4185ea2d', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'da6ea49692acbe96531eb37f1e1b6d220db93cc5' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 
 const guxScreenReaderCss = ".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}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.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-side-panel-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const hasSlot = require('./has-slot-3edae188.js');
 
 const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow-offsetX) var(--gse-ui-sidePanel-boxShadow-offsetY) var(--gse-ui-sidePanel-boxShadow-blur) var(--gse-ui-sidePanel-boxShadow-spread) var(--gse-ui-sidePanel-boxShadow-color)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{display:flex;flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";

package/dist/cjs/gux-side-panel-heading.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
 const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.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: 'fdfcff7991bc9d88f306dc45367dc49de3bf5141', role: "listitem" }, index.h("slot", { key: 'd1f631b5ad0a7f155bd9f13f6965ff0a51463e3d' })));
+        return (index.h(index.Host, { key: 'ef70bd3877e5cfb77ad8b5168ae0698616dbb33a', role: "listitem" }, index.h("slot", { key: 'f214f9afeb9f25f1b111ba8dfe7ad13d8c217725' })));
     }
     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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.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: '897b3958807aea2864e18301f894027d9fef4b79', class: "gux-container" }, index.h("nav", { key: '6bce1d6fef087db8bfe845f17bfce304d44e49e3', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '084c8b674e44cc8256d4c5d1f9a8a9fe468da45e', role: "list" }, index.h("slot", { key: '9fd0d2c79241f81ebe5e69a2e589b8be64b4a2b1' })))));
+        return (index.h("div", { key: '7652e11f7dc3b9743c872007c1ba51b1f2fd7ab6', class: "gux-container" }, index.h("nav", { key: 'fdfeda3734364ddce3a91503be54221f8d7d3d43', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '5c004a96f12ba8a8f1ad3de094e00dc6f685a87c', role: "list" }, index.h("slot", { key: 'b24323868de0fc2319bc6d0bbfd868290ac6c872' })))));
     }
     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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.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: '39501c7e885e084bbb2a12d441f5c835c3bdf7a6', class: "gux-container" }, index.h("button", { key: '44c06aceace45fa2b6f5097e7d89851bdb3f47ac', class: {
+        return (index.h("div", { key: '8ab9f64c50cefd9099eb51890591925232c6e255', class: "gux-container" }, index.h("button", { key: '26b063fafb21d08aa433119075e3fb6e612fc211', 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: 'a9928472843ce17b8d9a2e80c72d78d24fbfa2af', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'eb62e21cd33928e73a2d23c5d9e7a4313403ba71', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '2ba487ef285696ff0d37b882b8f1bcf15c7609a3', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '1e8c1aaf3e40c3c8a10ee975ba0fb49c300dbcf1', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '972de471505bf0371beb2e42a8afebf75850d91c' }, index.h("button", { key: 'ea269a2be165239555d9b16e0011fd03edd24acd', type: "button", class: {
+        return (index.h(index.Host, { key: '625e1b3c4f9c0c92d2b2ff71b7bcce7091c4ebaf' }, index.h("button", { key: '855e1bd204fd867c90e13b75b382eafd15832676', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '333d2572ae820b4d79ac2dbbb539120649a64a50', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '82aa35dd82c3d1a4e7866ce70ad5b214121a71d2', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '9fd8ea4e49062b1d117a4fd6dbbb0c46fb0d077b', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, index.h("span", { key: '455f9a3673222bc69ee01938aa0d1c202bb70c0e', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '38964f5d522a61caee905d1f6a77bced76165f3a', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: 'f2e61dcd3c5652f48b3314ba6f5e69ad5a10f736', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '50f6306dcccb89cf8c7421361bff733a49a8f90d', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'ccaa8f26da01edcaf2956e92c3f67aa3e0fad1f5' })))));
+            } }, index.h("div", { key: '59cb761bc21d9f68db5606f1aa434f2c834b03d5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'a5472a86ed6fa30dd586cedb362a1e8685f7bb4b' })))));
     }
     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-2dd05ef3.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;

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

@@ -3091,7 +3091,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: '77dd6596f2f68dc20bcb570cebff2ca0bb68a87e', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '28408317d5408090a251ac8d422294bfe4dde50f', class: "gux-scrollable-section" }, index$1.h("div", { key: 'f03f8c2fcaefb85dbe0a41979516f449634e1c97', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '5fe2247c66e6bdc3a0b856d0f0bfa43d5abdab94' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '0d1097696ffe2dc56e402401b8f597e6a355fb84', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'db8ab979c8560a8348860f53a44016e198d06e0a', class: "gux-scrollable-section" }, index$1.h("div", { key: 'e6a3da3cde9f435ed4de5f39d8779ed46fdea72f', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'bd8871ade0881531e8960516c33a0ddec1c06495' })), 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: '96a1a30ff8612b62dfc8de02eb0266dbc9c20759', 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: '79c17d26aaba4fea10a9c06caf3b4dd8b9c3a364' })));
+        return (index.h("div", { key: '9396fe3be2f04c75017697e7c999acdb08c8339d', 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: 'd46460ca893b7b0399ca32fa0d0aa2714e131871' })));
     }
     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: 'f6e2d5e0f815e5dbfd8d1d8967d86f3415ff4029', class: {
+            index.h("div", { key: '31093b8cf0ff62c9be0b98627e6610b7de31e316', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '12cd8be992bebd1c9c3ac265d670e1446fd1b874', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'c1cf915eb169f123e471f7175b58657a6c181bd6', class: "gux-divider" }))
+                } }, index.h("div", { key: 'ec9c0a9fe640550e518c23fed530594ad3c7ef51', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '8245b90ddf5c22e76c53d3937a094817174b7baf', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -283,9 +283,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '9294cb06c679adf6fd0ecc4c1b1c1ff22b1584cd', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: 'a7a27997f9a055eb5a7efd1da8c6666bd973fabf', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'a1b1329b02bf022100db3a4c009a34dc59a586e7', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '4aab3b5f0d042cf122321c8692a17154818db5aa' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'b51a09e1750326673c6e3475e3c5ca8c706e76f9', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '1c3eb3306eaeb002ece4cf2c5495b612c599b541' })), 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: 'e73f54c70ebe99ad2eb82d7338494933d093ab55', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '31928d35c1bac8272dfbf84122330360cf82f4b8' })));
+        return (index.h(index.Host, { key: '95daf8b94a84f921ab48176b26372ad8c45185a4', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'b6aa40c23cfc436ea3a36378de781441b158b1ba' })));
     }
     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: 'a6829ece3b556d83afef128b243f69751db57e5d', class: {
+        return (index.h("button", { key: '798db172db93d7db52cdd369162f9f4386c4bc77', 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: '11046b9f022ea6ab316e783d24ce3f1af0980284', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '115883e111b785c835d614f494904e9a896099d2' }, index.h("slot", { key: '6fcfe6e0828247ec4ff3fcd4f70920ce6076269a' })))));
+            }, 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: 'c0440041524258f0516f83ed488425f1c895979e', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'fa49e6e0c5d6128c0ee7377a48d6073d750d0e8f' }, index.h("slot", { key: '677e0e7f2976422567a3763d70136c509bd3b19a' })))));
     }
 };
 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: '26597e7f95c2c9926f6917f60176daaa92cdcfc7' }, index.h("slot", { key: '6063697fa5c06a30bfb3c130c759b7e20ec8d75a' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: 'a62985066b97f4357ef9180f00f7fe8306efdd48' }, index.h("slot", { key: '715cb1c98ed96f6075a2a5fad49e2a6946c5e5cd' }), 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-2dd05ef3.js');
 const capitalizeFirstLetter = require('./capitalize-first-letter-424667dc.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const index$1 = require('./index-d7208697.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: '341763500e306dfbbda1d910831b3d9c7138b765', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '53d383610d021b3fad870317ce0a1d283f475e04', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '1e707eb1ad4be845a902de970152871828c596d1', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: '46cf47a165164293f1f3dd2642bc36fe8daa9bf5', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '0344c1162b93794246a65da6bf0e2bffb8df0d46', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'ab16d74af8e0fd4851828c221dc2f6db57f0c0da', 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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-2dd05ef3.js');
 const getClosestElement = require('./get-closest-element-26170ce0.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.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){inline-size:var(--gse-ui-icon-small-size);block-size:var(--gse-ui-icon-small-size)}";
@@ -37,7 +37,7 @@ const GuxTableToolbarCustomAction = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '88138d1c977b4224cb7b7e0f81dd3e002b03d943', accent: this.accent }, index.h("button", { key: 'dd3ff43d8c03aa7102293802bd719839229c081c', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '1c1ff28da8507e65b35d78551d7a6da7e271d393', name: "icon" }), index.h("span", { key: '5c6c31a98991dc97db782e5c0fd8e865c056b418', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: '61c6b4051b66ab457ce63c6f6b165daa2c57969b', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '11c54f31529146fa3690839623563b2530220ee9', accent: this.accent }, index.h("button", { key: '68113cffa5309d749bff612165f773ab82f057aa', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '7c8a7cc6833d6eb82e41ca50dc1b5036fdc1f80f', name: "icon" }), index.h("span", { key: '2b83672322ee333f0a53a3a6dd3b5f530a5ede7f', class: { 'gux-sr-only': this.hideText() } }, index.h("slot", { key: 'd7ec720dc67b68d95076ca65bf48028fd6781b4c', 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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const onClickOutside = require('./on-click-outside-bb55ad5e.js');
 const index$1 = require('./index-d7208697.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
@@ -98,7 +98,7 @@ const GuxTableToolbarMenuButton = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: 'eb7fbf35f51d4e3a091a09498b2ba8af8edac3a8', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '9ebb8527f0962257c04df29187b4184bd9551950', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'bb49e4e5529a6ade072281a2b5b1e4e0e477f4f4', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '49e428e35ed1810cef5dff73027dc1b33885233a', accent: "secondary" }, index.h("button", { key: 'ba21a82e2841c49fead7a3eda267e8ee03641267', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { key: '871ba61d9cadb6079b295cffacf9cb73aa4c216b', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: 'c207d569a4e598a29122726d11fd4bc8c016c15d', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: 'a027b2fc3629a586ee0f41ade01a45e963be2e88', ref: el => (this.listElement = el) }, index.h("slot", { key: '39465fe7a36ef2410e56c491865f4ad55da9d19f' }))))));
+        return (index.h(index.Host, { key: '78bddee0bdc05b772e4da68a6ca515a1d4532441', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '5073b0731ccd0dcc484622f641f934c9a4e1a478', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'a74e721d8ffa1dccaf3fc0a9f35d187aa5c22ec6', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '475b9b677728ea4b2adbdf895316f4e0280062ee', accent: "secondary" }, index.h("button", { key: '345ce85dcf1399ffa39b07f836e91e20e9b01aea', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-icon", { key: '54ca7b2ccd359898f93e1e053619db5e342a61f4', "icon-name": "fa/ellipsis-regular", decorative: true }), this.renderTooltip()))), index.h("div", { key: '0d35ac82191d34b683d47aa62df7dd279d448212', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '1f498dfad8a4ba3a95e574ac7eab9af4a5296ccf', ref: el => (this.listElement = el) }, index.h("slot", { key: '579fff0dada8f99926130fbdd8c820c47185c9fa' }))))));
     }
     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-2dd05ef3.js');
 const onResize = require('./on-resize-62f7838d.js');
 const onMutation = require('./on-mutation-c0879d47.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -212,9 +212,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'e1cc644a5cf06a2c345c0d71e61ffc3ba4e552a2', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'd8984b1c47209a2cd3b4e975a8b8c70ca502feaa', class: "search-filter-container" }, index.h("slot", { key: 'd4bd0d2eac56a7ed0aec29c1253095dcbdaf213e', name: "search-and-filter" })), index.h("div", { key: 'b1dc9be3a71f5bf8428132d039590f609cb5b74b', class: "section-spacing" }), index.h("div", { key: 'bef0173c71490f0308d502f2d7566e92b8888600', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '92eefd0cc91c634906b5f759fc86d7f53b1f0dab', class: {
+        return (index.h(index.Host, { key: 'e3204084c089c85be7dae8367a2953d8fa0892fb', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, index.h("div", { key: 'bb1b491aa570dfe57f0486e24339388f0045032f', class: "search-filter-container" }, index.h("slot", { key: '9d29eea1316911ff658f905071768a56cc145f32', name: "search-and-filter" })), index.h("div", { key: '3dbd7a3914b6bb08bbd43604fab33ee88132d56b', class: "section-spacing" }), index.h("div", { key: '85733eccab5da92d7fe587905c9416f74d5795ef', class: "gux-contextual-permanent-primary" }, index.h("div", { key: 'ef40b6e22c38ad123e114d271901263d471ba03a', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: 'dee2ecf0e72b8fe61fc4c20584fee4376d6acc1f', name: "contextual-actions" })), index.h("div", { key: 'fd73f6262dfc7542b588951ce63c9537e8d60b61', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '472004ce9dc2db68b5d73ce3f86831fcd9c1c169', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '23b6dfa9a5ab7dbe07f4e3848f41a7f95cf8a1c5', "show-menu": this.renderMenu() }, index.h("slot", { key: '8e2ef4a891d0543e31bfee0e112f77b483c9e4f6', name: "menu-actions" })), index.h("slot", { key: '88c7884dcb556e7e28e184ba1a7714a21491ca3b', name: "primary-action" })))));
+            } }, index.h("slot", { key: '3acf9a699533cab39276f3a405ce0d2d6a460ad9', name: "contextual-actions" })), index.h("div", { key: '631a4c30e1b0582428e8d3a0b1365708cec7c047', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '8c5dd8cc54be8b1340440a64c3c6dd8408877c5d', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: 'ffeb60934b07d5de63440466f51a566ea2eb6b61', "show-menu": this.renderMenu() }, index.h("slot", { key: '3b6d8c09f48cb548954418cd7b85d2ee574b74c3', name: "menu-actions" })), index.h("slot", { key: 'fb8181ceeea5045d15719111f34d73da7ab9ed0d', 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-2dd05ef3.js');
 const index$1 = require('./index-d7208697.js');
 const whenEventIsFrom = require('./when-event-is-from-dd77a8d3.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -281,7 +281,7 @@ const GuxTable = class {
         };
     }
     render() {
-        return (index.h(index.Host, { key: '7cd920b1b9cf9901838ee6c5e3fa5ed43c0a8d85', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '2bda4e7ab741f4ae03f92d076601647fe56ff0f3', class: "gux-table" }, index.h("div", { key: '4b35038d75b3bfe49f07a3081d62560aed3c5988', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '3ce589778769cce3aa7b97c125f68e634cfd4467', name: "data" })), this.isTableEmpty && (index.h("div", { key: '4220a6fdcff4b00ea8f92400fd76a08a4289c7e2', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: '24653576a15d43fdcf7ebf19efc2374324ebba35', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: '32031c3d81d4b81b036b2f9c559572d4e35c207e', class: "gux-table" }, index.h("div", { key: 'ed8a5cc52afa2df8a5f15b0900f66ec87def2014', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '3bbfd0b8cf641915d071a39a393d904436a49156', name: "data" })), this.isTableEmpty && (index.h("div", { key: '068b37181ec523cf0e978c448d67ae3169ba087c', 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-2dd05ef3.js');
-const usage = require('./usage-069a2035.js');
+const usage = require('./usage-9270d8bf.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '93c2691f07647a88a8c71103f0aa060b40a51a03' }, index.h("slot", { key: 'b9ec0988ac249073a5efe32994b8df1077c114de', name: "tab-list" }), index.h("slot", { key: 'b9fb66b8a9e269ed74b191bc9956d85fda5a3652', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: '9123a797a37fac25fb527912b35005589689ef2c' }, index.h("slot", { key: 'c0234d03a348bada23cd3bdd45101e90504afabd', name: "tab-list" }), index.h("slot", { key: 'd58f6be9d9820ecabd75c45b29234a5b48ca1d60', onSlotchange: this.onSlotchange.bind(this) })));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {