genesys-spark-components 4.43.0 → 4.45.0

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

@@ -0,0 +1,73 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-7fb02c8c.js');
+const usage = require('./usage-82dc5885.js');
+const guxFormField_service = require('./gux-form-field.service-f5697509.js');
+const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
+const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
+require('./random-html-id-71c43d5a.js');
+require('./log-error-7b9d4b57.js');
+require('./simulate-native-event-e88bf64f.js');
+require('./has-slot-3edae188.js');
+
+const guxSelectorCardCss = ":host(.gux-checked) .gux-content{border:var(--gse-ui-selectorCard-selected-border-width) var(--gse-ui-selectorCard-selected-border-style) var(--gse-ui-selectorCard-selected-border-color)}:host(.gux-disabled){cursor:not-allowed}:host(.gux-disabled) .gux-content{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:var(--gse-ui-selectorCard-disabled-backgroundColor);opacity:var(--gse-ui-selectorCard-disabled-opacity)}:host(.gux-disabled) .gux-content.gux-checked{border:var(--gse-ui-selectorCard-selected-border-width) var(--gse-ui-selectorCard-selected-border-style) var(--gse-ui-selectorCard-selected-border-color)}::slotted(*){cursor:pointer}::slotted(gux-icon){width:var(--gse-ui-icon-size-md);height:var(--gse-ui-icon-size-md);color:var(--gse-ui-selectorCard-ilustrativeIcon-foregroundColor)}::slotted(label){width:100%;font-family:var(--gse-ui-selectorCard-simple-label-fontFamily);font-size:var(--gse-ui-selectorCard-simple-label-fontSize);font-weight:var(--gse-ui-selectorCard-simple-label-fontWeight);line-height:var(--gse-ui-selectorCard-simple-label-lineHeight);color:var(--gse-ui-selectorCard-text-foregroundColor)}::slotted(input[type=radio]){position:absolute;inset-block-start:var(--gse-ui-selectorCard-descriptive-text-gap);inset-inline-end:var(--gse-ui-selectorCard-descriptive-text-gap);display:inline-grid;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;border:0;outline:none}::slotted(input[type=radio])::before{grid-area:1/1;content:\"\";border-radius:50%}::slotted(input[type=radio]:not(:checked))::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-unselected-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked)::before{background-color:var(--gse-ui-selectorCard-default-selectedIndicator-selected-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:disabled)::before{cursor:not-allowed;background-color:var(--gse-ui-selectorCard-disabled-selectedIndicator-unselected-foregroundColor);opacity:var(--gse-ui-radioButton-disabled-opacity);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:disabled:checked)::before{cursor:not-allowed;background-color:var(--gse-ui-selectorCard-disabled-selectedIndicator-selected-foregroundColor);opacity:var(--gse-ui-radioButton-disabled-opacity);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}.gux-content{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--gse-ui-selectorCard-descriptive-text-gap);align-items:center;width:var(--gse-ui-selectorCard-simple-minWidth);min-width:var(--gse-ui-selectorCard-simple-minWidth);max-width:var(--gse-ui-selectorCard-simple-maxWidth);height:fit-content;min-height:var(--gse-ui-selectorCard-simple-minHeight);max-height:var(--gse-ui-selectorCard-simple-maxHeight);padding:var(--gse-ui-selectorCard-simple-padding);text-align:center;background-color:var(--gse-ui-selectorCard-default-backgroundColor);border:var(--gse-ui-selectorCard-unselected-border-width) var(--gse-ui-selectorCard-unselected-border-style) var(--gse-ui-selectorCard-unselected-border-color);border-radius:var(--gse-ui-selectorCard-simple-borderRadius)}.gux-content .gux-icon{line-height:0}.gux-content:focus-within{outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-content:hover{cursor:pointer;background-color:var(--gse-ui-selectorCard-hover-backgroundColor)}.gux-content:hover ::slotted(input[type=radio]:not(:checked):not(:disabled))::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}.gux-content:hover ::slotted(input[type=radio]:checked:not(:disabled))::before{background-color:var(--gse-ui-selectorCard-hover-selectedIndicator-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}.gux-content:active{background-color:var(--gse-ui-selectorCard-active-backgroundColor)}.gux-content:active ::slotted(input[type=radio]:not(:checked):not(:disabled))::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}.gux-content:active ::slotted(input[type=radio]:checked:not(:disabled))::before{background-color:var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}.gux-content .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const GuxSelectorCardBetaStyle0 = guxSelectorCardCss;
+
+const GuxSelectorCard = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'simple';
+        this.disabled = undefined;
+        this.checked = undefined;
+    }
+    componentWillLoad() {
+        this.setInput();
+        usage.trackComponent(this.root, { variant: this.variant });
+    }
+    disconnectedCallback() {
+        if (this.disabledObserver) {
+            this.disabledObserver.disconnect();
+        }
+    }
+    setInput() {
+        this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');
+        this.checked = this.input.checked;
+        preventBrowserValidationStyling.preventBrowserValidationStyling(this.input);
+        guxFormField_service.setSlotAriaDescribedby(this.root, this.input, 'content');
+        this.disabled = onInputDisabledStateChange.calculateInputDisabledState(this.input);
+        this.disabledObserver = onInputDisabledStateChange.onInputDisabledStateChange(this.input, (disabled) => {
+            this.disabled = disabled;
+        });
+        guxFormField_service.validateFormIds(this.root, this.input);
+    }
+    setChecked() {
+        this.input.checked = true;
+        this.checked = true;
+    }
+    renderContent() {
+        if (this.variant === 'simple') {
+            return (index.h("span", { class: "gux-screenreader" }, index.h("slot", { name: "content" })));
+        }
+        else {
+            return (index.h("slot", { name: "content" })); //TODO: COMUI-2784 Descriptive variant
+        }
+    }
+    renderBadge() {
+        if (this.variant === 'descriptive') {
+            return (index.h("slot", { name: "badge" }));
+        }
+    }
+    render() {
+        return (index.h(index.Host, { key: '0cf8c9776678c50c4e4c7c1673c3af887e7ecb97', class: {
+                [`gux-${this.variant}`]: true,
+                'gux-checked': this.checked,
+                'gux-disabled': this.disabled
+            } }, index.h("div", { key: '216b065ff8df893d657c735bcb68aca1c52b9bda', class: "gux-content", onClick: () => this.setChecked() }, index.h("div", { key: 'f93c415a955e2bfedfbf7ace4dfc55c84ba94f1a', class: "gux-icon" }, index.h("slot", { key: 'f3971d7218b1bf8fe68bc75c95a00484a4dfbadb', name: "icon" })), index.h("gux-truncate", { key: '76a0c1d613a961110a33dac28632f946451f4ba0', "max-lines": 2 }, index.h("slot", { key: '4f6e47cdee343ec415e8742f1dd6456974a4bc12', name: "label" })), index.h("slot", { key: 'e0109e3850a4d95e3149be61427fa50a63d0d7de', name: "input" }), this.renderContent(), this.renderBadge())));
+    }
+    get root() { return index.getElement(this); }
+};
+GuxSelectorCard.style = GuxSelectorCardBetaStyle0;
+
+exports.gux_selector_card_beta = GuxSelectorCard;

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-a814956f.js');
+const usage = require('./usage-82dc5885.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;
@@ -18,7 +18,7 @@ const GuxSimpleToast = class {
         usage.trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (index.h(index.Host, { key: 'e3d5a50f9457ac5fe0051315cba067f0fcf55600' }, index.h("div", { key: 'a787292f250ca8481c72dc464952e3922526f95e', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'e5cb25f9d167e64a7cc1fcf830fa30c970b035d8', name: "icon" })), index.h("gux-truncate", { key: '0808642ce2e9bcfd5f4a8d1f9c33f00d9af77810', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '3afc276b94624fe8bfba201f49c02ac7d1117850', name: "message" })), index.h("gux-dismiss-button", { key: '5ba90a53f7b73015b0b3caede819bd4d328967c3', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'd7e33188bee0b69b5fb5e615f2b907bff82ddaa9' }, index.h("div", { key: '8a54e0820701839decddcbf4dbff4370546d07dc', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '1e2d04751aee37d8a178fb048726c5aa46406e5a', name: "icon" })), index.h("gux-truncate", { key: '1d8d2a40f3c571080397140a5d5963fff5ad1ab2', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '6a63b959050b969b46fa3b33614c200883a0e111', name: "message" })), index.h("gux-dismiss-button", { key: 'ea0e4c604c2b8b74c9ab346951fb49b135f277b3', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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: '4bf995ac7117ec85813d94e57dc8572de8df9e3e', role: "listitem" }, index.h("slot", { key: '98523230bcd3c07ee729f970997bdbf5700bf1d5' })));
+        return (index.h(index.Host, { key: '294ffd308946471d2a25aacf7cbc0006d3c6c53c', role: "listitem" }, index.h("slot", { key: 'a375bf72e73fc92f862b276a4fd57a4ab942a7a7' })));
     }
     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-a814956f.js');
+const usage = require('./usage-82dc5885.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: 'ee3d3a84882c60e76b2309ad5a5d736df16c77d6', class: "gux-container" }, index.h("nav", { key: '93e72efcf2794f14c7d81585cd8c6a7c6a49d63b', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '1a66670bbfd0a09165cd59ed44d016058464fdd5', role: "list" }, index.h("slot", { key: '43130e35f4d83be3f36e003801da219cbfa4c323' })))));
+        return (index.h("div", { key: '9b85c6d6f47ff2a1190fa9788b02ae1942e3ce39', class: "gux-container" }, index.h("nav", { key: 'ae377c82c3ed7b4505780ca3bd1b4c3b861e4f94', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'a4942936ff5ef26bb502451e4f4ab4edb7f4947c', role: "list" }, index.h("slot", { key: '46d090e8a3d893816e61fa4991c23d1b4348951c' })))));
     }
     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-a814956f.js');
+const usage = require('./usage-82dc5885.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: '5061a437e430076dd9b359020f26c2d831501af1', class: "gux-container" }, index.h("button", { key: '153586b2c7dc69275db2d385b410a68800706eca', class: {
+        return (index.h("div", { key: '5fbd76a615402357aef4d3c340017f41bbff85df', class: "gux-container" }, index.h("button", { key: 'bf1944c176ec35b2c867383482d7c27b34a89800', 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: '8593838c6bfffc4e99cec979ac3f803e3b3675e0', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: '144b66fef48d2c1f94e08040096771ad3e2a63c2', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '238dda48eba1784756db27990dec3520cc074c70', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '631fca2736f383dd91330014abf14bb181cda0d3', 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: '06e91179795fd44dfb968bb77edb9114f2ef75ab' }, index.h("button", { key: '174d7336d8ab207d196d463435729a31de8d4e7e', type: "button", class: {
+        return (index.h(index.Host, { key: '7c4c963a28028e0ee62e294d7467c0c12983fd33' }, index.h("button", { key: '1b2feacb1de6dcf3206f79a5fafde4398e75eb67', 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: '79579beafd7b23d8431d4c434e21a64667e019b7', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '5f26638bf16d44df48f6f6f2806a4fe876bec763', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '58ff762c15c58571bf8e45eee189922867b7bce2', 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: '2485e6e32b5c36fdaf02572584cd6c77e677ae0f', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '11948144bec2b9b4bdaaa1520a60d9ea8ae0f936', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '54d0b93093b38a15d87deeb4937c7c87bd6104ce', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '852723e913dab6b00f32251c7a6c640850346045', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '882e08c9a1e99b1d82903eb863576201836e15ba' })))));
+            } }, index.h("div", { key: '9a001da7d9c727ceb7323fa587a87c845c403bc5', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'dd468443d28e7be29a5ab965516158e996477a73' })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -20,7 +20,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '8ee74fa80afa8fad5f174c2f54fe9de9a164b612', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'b0674cc0fd5c77da2554ed3aaecad71723a0d0c6', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '8c1ad177f06e1209e91a582f3d3feb793e0257f8' }))));
+        return (index.h(index.Host, { key: 'e34c92b534f95e323a384113a854342a514c7137', class: { 'gux-selected': this.selected } }, index.h("button", { key: '5390c31dcc2d292ce913d1775ffe3188444e70d0', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '913133322cf840b54aec694b6d947bf07e715109' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

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-a814956f.js');
+const usage = require('./usage-82dc5885.js');
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -37,7 +37,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: '77fc78ce09692a225ed38bffee0e0fc76aad8dd4', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '90776482a08f73ff646f11b5794148c843913b5f', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: '01f8e75c851439f9346538cf41f94c53f6ab37fd', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '6055bbb70ed69d4d66e67f66c02e2b773940fd39', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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: 'c50e23d90981ed22af60e8fbc358909b5838a5f3', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: 'baa2568aeecf065bb2f39ea89c60d18616101d51', class: "gux-scrollable-section" }, index$1.h("div", { key: '62d3fb9a5b4227db0d64ed4546611ce084fbbc41', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'd1fb855300f2a0156b88a1ea59663aa23762b502' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: '4ca0e406d0d0ba908ebb11aaf209a475b18e7177', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '4253ae9c5756b29527257af16db65950051cf8ba', class: "gux-scrollable-section" }, index$1.h("div", { key: '8de73b732465924dcc03359fa607b5a487c1a8e5', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: '881a25ef06920cddda912488bc052851e61ab5fb' })), 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: '193eb08153e8c27701713636a28b39b138094d4b', 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: '44652699a43530edf9a07ddb3f01fa536b055da7' })));
+        return (index.h("div", { key: '760bce534bfd06751b40ffc40adadb588421a9d5', 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: 'd97af390a22676bee536bcb79afdb6264f0b610d' })));
     }
     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: '6da6a0a303a961c3013befc98add51070397e988', class: {
+            index.h("div", { key: '3cfa0244c656c36cb46ab59222f898cf318bc438', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '6f2ec7144195b36c5bcc90cba5b31f4c702bb383', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'dfc248974c5f894b2b260574fcfbf196aba6354f', class: "gux-divider" }))
+                } }, index.h("div", { key: 'a53d5fd471f02d329aede9d7d79069aa095303e6', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: '50e43a0eda4c7140c277e2a0d1368f394f1f353e', 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: '7186527b3c9556653657823916c81df0517e2b9f', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: 'f508b4dc1b501fd48d7527a3b47e3b48a6118295', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: '88a56c6f6051cd28eb41b84cc73ec5bab4c096fd', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '8982340fc7ddaaf53815fd123e9935a3bb299e51' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'c59a2c49973889d313c154853bcb3a335528ad4f', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '7d04c6ebc5ba29a3e4deb2f0466d8ad698ebfe41' })), 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: '9e49d3b8389fbfefbbd6295e939e1d6b730b1537', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '79f8ec239a94776ee84a51c66eff02898324ee6a' })));
+        return (index.h(index.Host, { key: '9b5171ea7805b02fa0dc9ee3fd788447e988ba79', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: '024ecec1b61199df39802f9577b0e74c598566fc' })));
     }
     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: '12b4385a7cae582c3acda9ba182564dfef5ac62a', class: {
+        return (index.h("button", { key: 'c9a08b6d8ffa26efeb1cca4d47ed732caade176a', 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: '713b5dc23f9a9b6241a302380b1bbd3b52cced1f', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'b0d721d39123ac5d276ec2023d48e51edd55ffd1' }, index.h("slot", { key: '5bf34dd225e31be61487d7aea037396cbd2d795f' })))));
+            }, 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: '371c1782b5ede6a67b4d30847270f7d5b7f8287c', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'e9a51ce01ba4930f27daa459e6f2018d393b6bbc' }, index.h("slot", { key: '6d5d2b5bdad7c9190ef58957e7f5342dab64ea8d' })))));
     }
 };
 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: '92e1223598997d4027db124fe3ab9dfff72638b1' }, index.h("slot", { key: 'c9603deede8a66b01e28b963149b976f1ea5a90b' }), this.renderSelectDropdown()));
+        return (index.h(index.Host, { key: '91a28da6f9842d7d9b0c3c14a83cc3eec5ee63f6' }, index.h("slot", { key: 'aaf94abdcfe83374e2cb6ea6d6120b9a22b21f45' }), 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-a814956f.js');
+const usage = require('./usage-82dc5885.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: 'b0849a2b4045acaa8a47a84ad44a33b159891a48', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '9b1760e4ccaf39092c3aeef579885fff2dc70c7b', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: 'c3dcc971f7e114e07534bf452c9c6c1295dc7216', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (index.h("gux-table-toolbar-custom-action", { key: 'e1fab1cade37f29d0adf1eca8439a2215fd38b00', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, index.h("span", { key: '76d63827d50f6eeac50c02532afe358d487d4a4e', slot: "text" }, this.returnActionLocale(this.action)), index.h("gux-icon", { key: '485f1ed433581e8ce51c6791782ab961db2beb12', 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-a814956f.js');
+const usage = require('./usage-82dc5885.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: '974b86b36fb2d44cc4f0b527631e667def6d41b8', accent: this.accent }, index.h("button", { key: 'df4c83d6f12712d154100fafb5a42cc3a524579b', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '5fe23e516585d0159c0309275438e24167eda4f3', name: "icon" }), index.h("span", { key: '6eb375a179fbca500f97d1ee1f097d5f2c73e516', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: '8c1a28af955fe763ecff95d96f277d828e299bf3', name: "text" }))), this.renderTooltip()));
+        return (index.h("gux-button-slot", { key: '0a0c65e3dbeac098f98d81536e7bc420c73a8ba2', accent: this.accent }, index.h("button", { key: '10f3fafc92444564516bab771378d78b64f14194', disabled: this.disabled, type: "button", class: "gux-action-title" }, index.h("slot", { key: '4f99a5d5536c8d6dc53a028c2a1431d01515568a', name: "icon" }), index.h("span", { key: 'e769e9b17149dad1e9cbc6d2171bcbf362ceb0bc', class: { 'gux-sr-only': this.iconOnly } }, index.h("slot", { key: '331183da239d62d8490d3677f015ebe94f59ed48', 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-a814956f.js');
+const usage = require('./usage-82dc5885.js');
 const onClickOutside = require('./on-click-outside-f7acdd1d.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: 'ae421aa40b78134155e1be1568655ecd3e254b72', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '8b51d8e4e0256e5487c1d1cc01beeddecf8b8040', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'b66916300104c23bbe2200804277f60e9124628a', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: '0a2148361760a2b45f21314cff3e2858477967e0', class: "gux-menu-button" }, index.h("button", { key: '4e8a1762f6aafbde0b9423d15f8ad7b9e734f387', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: 'd3da66f847fafc1d1605ee6bad47e1f82f2e1bb8', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '9e72c7339e8e5f2a878ad20aa8441406a9842caa' }, index.h("gux-icon", { key: '3c3af71054d35884390997ecbe9580f4617d48c6', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '966e81dc16473e7782d018a21cc8270b8e1da6ca', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '3ffacefa93eab0de00e9db8d4d2b9157a01ae79a', ref: el => (this.listElement = el) }, index.h("slot", { key: '6d45cecfc042ee2fea04a80cc654fa9472fc8866' }))))));
+        return (index.h(index.Host, { key: 'ed4ccb6aef47b79f1ff6af787eaa4ce1372a07fa', class: { 'gux-show-menu': this.showMenu } }, index.h("gux-popup", { key: '49bf2816b754eaefd77aeb5ebd60ad17b8346b4f', expanded: this.expanded, "exceed-target-width": true }, index.h("div", { key: 'a33bb3a24fc6ca047544eea1ecfcd1d670c71741', slot: "target", class: "gux-toolbar-menu-container" }, index.h("gux-button-slot", { key: 'b4f923d48c930288111035c22c1a686901ef8332', class: "gux-menu-button" }, index.h("button", { key: 'e495242234046c6236a5a8092157b5fe79ba2a6b', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, index.h("gux-tooltip-title", { key: '7b243ccd80621f49d10ec4cac7dfbbe806ce4d51', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: '2acad55d37845f9f332f079d82a049dd8c81c153' }, index.h("gux-icon", { key: 'a38903ecef2c6dc7dc99c290c78cca84b2e18e97', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), index.h("div", { key: '76e6d11b2609fe13f3fc28f920bf3af2b31f9281', class: "gux-list-container", slot: "popup" }, index.h("gux-list", { key: '0aa1ec996a510fa5003614f293993b18547b00d6', ref: el => (this.listElement = el) }, index.h("slot", { key: '3db918b78b5c0f2261395b4715ec8581c7512f50' }))))));
     }
     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-a814956f.js');
+const usage = require('./usage-82dc5885.js');
 const getSlot = require('./get-slot-676aebf2.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 
@@ -23,7 +23,7 @@ function setActionsIconOnlyProp(iconOnly, ...actionSets) {
         .forEach(action => (action.iconOnly = iconOnly));
 }
 
-const guxTableToolbarCss = ":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:var(--gse-ui-dataTableItems-tableToolbar-height)}:host .search-filter-container{min-width:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-right:var(--gse-ui-dataTableItems-tableToolbar-gap);border-right:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}";
+const guxTableToolbarCss = ":host{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;max-height:var(--gse-ui-dataTableItems-tableToolbar-height);opacity:0;animation-name:show-toolbar;animation-delay:0.5s;animation-fill-mode:forwards}@keyframes show-toolbar{to{opacity:1}}:host .search-filter-container{min-width:260px;padding-inline-end:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host slot[name=search-and-filter]::slotted(*){display:flex;flex-direction:row;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-start;align-items:center}:host .section-spacing{display:flex;flex-direction:row;min-width:72px}:host .gux-contextual-permanent-primary{display:flex;flex-direction:row;justify-content:space-between;padding-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}:host .gux-contextual-permanent-primary slot[name=permanent-actions]::slotted(*),:host .gux-contextual-permanent-primary slot[name=contextual-actions]::slotted(*){display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);align-content:flex-end;align-items:center}:host .gux-contextual-permanent-primary .gux-contextual-wrapper{padding-right:var(--gse-ui-dataTableItems-tableToolbar-gap);border-right:var(--gse-ui-dataTableItems-tableToolbar-divider-width) solid var(--gse-ui-dataTableItems-tableToolbar-dividerColor)}:host .gux-contextual-permanent-primary .gux-permanent-menu-primary-wrapper{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-dataTableItems-tableToolbar-tableToolbarGroup-gap);margin-left:var(--gse-ui-dataTableItems-tableToolbar-gap)}";
 const GuxTableToolbarStyle0 = guxTableToolbarCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -200,9 +200,9 @@ const GuxTableToolbar = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'd1c848fca7d2fc938503bd21682fe4d0a3f305d4', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: 'c189b5d23fef232e6055e2465403ff8f755abe20', class: "search-filter-container" }, index.h("slot", { key: '4fd6ae4fc69f00eacc031b2d1b359ed086556593', name: "search-and-filter" })), index.h("div", { key: '9a5c5bafc5cbb3cb3827459f723306e1917357a5', class: "section-spacing" }), index.h("div", { key: '3646f204c6fdcf17b9d9f86d4cd9633d5b28cf60', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '70ab3e37063864fc714e88cdc3fa427dc3d0dbec', class: {
+        return (index.h(index.Host, { key: '52827c51c379501e8d603b948b13485bd16e2b8b', role: "toolbar", "aria-orientation": "horizontal" }, index.h("div", { key: 'e2b3a1e4fd9a5c19866656083e8ebeb923616787', class: "search-filter-container" }, index.h("slot", { key: 'f4cb5d70ebef251c60b4fa7bea8d0e4789607171', name: "search-and-filter" })), index.h("div", { key: '4626b7380a977d556ad1a5c7540ef488bf727b85', class: "section-spacing" }), index.h("div", { key: '84b14c11042488d31f8958996976700a21d629d7', class: "gux-contextual-permanent-primary" }, index.h("div", { key: '8ea7bae1175d0f1bec2e66531935384aa9c9ab2d', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, index.h("slot", { key: 'c8407d156fc43d2ca8d8cce8afd74b9575732c9e', name: "contextual-actions" })), index.h("div", { key: '7177fe183b7cb897f68c5fd2eae169e9dd7843d8', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '57750963d513088b0877965f9383afffc180e2af', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '2a1c49bfc6c2b26e1dfedffe46c966e78e1981e5', "show-menu": this.renderMenu() }, index.h("slot", { key: '4fc84bc24273570ab777a4144c832ae9e9500987', name: "menu-actions" })), index.h("slot", { key: '1b5f9b830464b83d57b60f29d6078b0794646733', name: "primary-action" })))));
+            } }, index.h("slot", { key: '4f7e68de62a1be46bcecb6028360dabbedc0da8a', name: "contextual-actions" })), index.h("div", { key: '0dbe98e30ecf5806936c6c20e9a95d8acc995b55', class: "gux-permanent-menu-primary-wrapper" }, index.h("slot", { key: '807b2342445782b57f02e1f571f732fb0916821d', name: "permanent-actions" }), index.h("gux-table-toolbar-menu-button", { key: '24ffdb53a5427f5b40eaaf23671bd8c737ea43fd', "show-menu": this.renderMenu() }, index.h("slot", { key: 'f3d2ddaf0d62aefc2b9e8b31b26f39cb8614ee66', name: "menu-actions" })), index.h("slot", { key: '98d211894a38f7a66779490b895aec8628c8d8a7', 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-a814956f.js');
+const usage = require('./usage-82dc5885.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: '0983c36b6839d5505879074a27e9561167bf1c05', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'e18a45195167ba6c6a1fca243a9c83714f578483', class: "gux-table" }, index.h("div", { key: 'bd26a12441cf00b542d279966613504ce375e74a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: '933ef8477e474dd834ff7fb05b625482903b3889', name: "data" })), this.isTableEmpty && (index.h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (index.h(index.Host, { key: 'c64a19cd69a36b069c0c6d5bd663a1c34a87ae40', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, index.h("div", { key: 'ca2a867bf1a94b0c26bbb3dff67da013649424f8', class: "gux-table" }, index.h("div", { key: 'e43d9b1721bbc4845925c85c403ef588c07b14cb', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, index.h("slot", { key: 'ac309033953b71f103da9705a573c4058ade40f9', 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-a814956f.js');
+const usage = require('./usage-82dc5885.js');
 
 const GuxTabsAdvanced = class {
     constructor(hostRef) {
@@ -49,7 +49,7 @@ const GuxTabsAdvanced = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h(index.Host, { key: '62d088e947aa506a3b7be72fcf748f53617f36ba' }, index.h("slot", { key: 'e56ff7536c97f230a042e58c3140318db91f6d7a', name: "tab-list" }), index.h("slot", { key: '43f81f5ba8aeb50275ff7b9d3f3b68b05e2abe14', onSlotchange: this.onSlotchange.bind(this) })));
+        return (index.h(index.Host, { key: 'a22bfd1a507d604b1eaadbb233ea814587b95128' }, index.h("slot", { key: 'cf56fdd93ea1892a9fadc2f9bb9b15d8dadfdabc', name: "tab-list" }), index.h("slot", { key: '9ed02493d707fbfeb5857f84b5c24fd1dcc1c7e5', 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-a814956f.js');
+const usage = require('./usage-82dc5885.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: '8815f75b8c095eeab9c44a44ffed26caa011e791' }, index.h("div", { key: '51aca23165015af69f8decd572a03493f690d19c', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'b88e41149b896cd399ae50293fe0fe424cfe3d02', name: "tab-list" }), index.h("div", { key: '7dcd465de63c6d4d92627f5fc1540618dfd45d48', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '9e07aa1d7e2b63f5718d31ee0ed79a9d8ac23fd5', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (index.h(index.Host, { key: 'da75aabb39c27fa89739f0d3ec62794ed9397c90' }, index.h("div", { key: 'bed241fbcfae23fc7bb86872ae182524dc802144', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, index.h("slot", { key: 'af6f9616dde65903380037143b67802b4bb6ffd4', name: "tab-list" }), index.h("div", { key: '69f5c90193afeedb396d0e416db4bad80c238f58', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, index.h("slot", { key: '7030702f4fe2606d8949d0ee720d74ec23ebf03f', 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-a814956f.js');
+const usage = require('./usage-82dc5885.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const tag = "tag with label: {label}";
@@ -67,7 +67,7 @@ const GuxTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (index.h("div", { key: 'fd7bdf22d49b32026271b590b302d4fad05c6a37', class: {
+        return (index.h("div", { key: 'eae5b92aaa5d40a944ee2bcfe3042193fa4e5d05', 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-a814956f.js');
+const usage = require('./usage-82dc5885.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-a814956f.js');
+const usage = require('./usage-82dc5885.js');
 const getValidTimezone = require('./get-valid-timezone-52eac7fa.js');
 const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
 const index$1 = require('./index-a1a48d79.js');
@@ -41,7 +41,7 @@ const GuxTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '620931158299507f78d5b793329c943fc332be06' }, this.renderTime()));
+        return (index.h(index.Host, { key: 'e02228b0778cc8c9ae564c4407690740e6581b64' }, this.renderTime()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const onClickOutside = require('./on-click-outside-f7acdd1d.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-a814956f.js');
+const usage = require('./usage-82dc5885.js');
 const useRegionalDates = require('./use-regional-dates-7be0e7b5.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -386,7 +386,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: '6baeae7a91973683b3cf64f7c1a4245f4bd5f96b', class: {
+        return (index$1.h("gux-popup", { key: 'ae91a6b0ccd4797dd06a88fa006796f0d422827b', 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-picker-beta.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-a814956f.js');
+const usage = require('./usage-82dc5885.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -7810,9 +7810,9 @@ const GuxTimeZonePickerBeta = class {
         }
     }
     render() {
-        return (index.h("gux-dropdown", { key: '9b8713710cc5013c5ad05dd1696cace4ccdd15af', class: {
+        return (index.h("gux-dropdown", { key: '3a97926741542d5c45f734018c2eaeff440dac1d', class: {
                 'has-defaults': !!this.workspaceDefault || !!this.localDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: 'fe2481ddeca9ad49e8a454b5849d4683578c727b', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.timeZoneOptionElements)));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, index.h("gux-listbox", { key: '8db52a566c85f727a841d8a4ec819683d4750ac5', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.timeZoneOptionElements)));
     }
     get root() { return index.getElement(this); }
 };