genesys-spark-components 4.81.3 → 4.83.0

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

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

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0f6207f9.js');
 
 const guxPopupCss = ".gux-target-container.gux-disabled{pointer-events:none;cursor:default;opacity:0.5}.gux-popup-container{position:fixed;z-index:var(--gse-semantic-zIndex-popup);width:max-content;visibility:hidden;background-color:var(--gse-ui-menu-backgroundColor)}.gux-popup-container.gux-expanded{visibility:visible}.gux-sr-only-clip: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}";
@@ -97,13 +97,13 @@ const GuxPopup = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'b25e11f19deb056064d995b31d1b00e079eea510', class: {
+        return (index.h("div", { key: 'c30aa8c47a37f2f526d9849770f557a411235295', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '12545ed4631b13ce6fdb389afde679125b4fa6f1', name: "target" }), index.h("div", { key: 'd14678767c03aa35c02fc6c182f8a2f92edc09d2', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, index.h("slot", { key: '1a766a7d3d83520eb01343bf32c5501ce53865c3', name: "target" }), index.h("div", { key: '74592d9a227e71da3f5368fca02aabda71f5557b', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '8e77c66b8ce38df92498df0e3e27ee251a904438', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, index.h("slot", { key: '32f147115740e271fdfe988e7911a7cb2fc1c4db', name: "popup" }))));
     }
     static get watchers() { return {
         "expanded": ["onExpandedChange"]

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const index$1 = require('./index-0dfe7f6f.js');
+const usage = require('./usage-b34c8cf8.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: '608e09f23a61a3424d59f50be60b851f79e5b463', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (index.h(GuxSpinnerState, { key: 'a4d822cda0622c0936495b58bc4316ef37fefde4', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.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

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

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
+const index = require('./index-9fe2464a.js');
+const index$1 = require('./index-0dfe7f6f.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const en = require('./en-807a354e.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -28,7 +28,7 @@ const GuxRowSelect = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, en.tableResources, 'gux-table');
     }
     render() {
-        return (index.h("gux-form-field-checkbox", { key: '65c6a79ee4638fd2e28e1d417670a73f230a5fae', "label-position": "screenreader" }, index.h("input", { key: '6f7d1e0f2aa0552116a2534601f0ee95dad20c18', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '68491ed913f7d702d03f12496c3fd1c3193e2a7a', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: '83612c1f216d48b1545570e0c4a0a73c32fee528' }, this.i18n('selectTableRow')))));
+        return (index.h("gux-form-field-checkbox", { key: 'd681d97468b0b9f63a75f3375a70687903641552', "label-position": "screenreader" }, index.h("input", { key: 'a532d19d23d1af106c4a38babe1503ab8d9c6dd9', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), index.h("label", { key: '55991ed38a191f1ae9cb0450edd7879dcc5b20bb', slot: "label", htmlFor: this.id }, "\u200B", index.h("span", { key: 'e487e377d37fb8bb961bba5c2d4feb5d37b2652a' }, this.i18n('selectTableRow')))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.js');
 const findElementById = require('./find-element-by-id-fde17c92.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 
@@ -18,7 +18,7 @@ const GuxScreenReader = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("span", { key: '22e14d7bc908e91d683586319c21935d1062d4a0', class: "gux-sr-only" }, index.h("slot", { key: 'd287096bf0d0c6b686ca7f4a3aff8d183668cd73' })));
+        return (index.h("span", { key: '5833c3dc9a14981e711c8ad8049d9494ae334e08', class: "gux-sr-only" }, index.h("slot", { key: 'd2a0fa01359aff542daca760147e60821c33dfe0' })));
     }
     get root() { return index.getElement(this); }
 };
@@ -91,7 +91,7 @@ const GuxTooltip = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ff33354384c67d321593f0d4cc73569bace531ea', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: '8f353de21c6f820dc57e3c722fec6a634be27c51', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, index.h("span", { key: '77a176b934fa4ca8cdbd7c41d0daa03207fbdd25', slot: "content" }, index.h("slot", { key: '59eda58b6506c0383984094fe03fc40885867332', name: "content" }, index.h("slot", { key: '3b90cacc0faad52ff7574eefc48b074a2d3168dc' }))))));
+        return (index.h(index.Host, { key: 'd67714689706254bde15a07e63b63ae9fa4c50bc', id: this.id, role: this.role }, index.h("gux-tooltip-base-beta", { key: '180b9a944c2fd996a5180ae796a0e790b96e44d1', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, ref: el => (this.baseTooltip = el) }, index.h("span", { key: 'e8fe6d5c1566e6cd3795c80dd9dc346dd22d6e8a', slot: "content" }, index.h("slot", { key: 'a2cd637d7324ebd756f831b73c5b8110ef3f88b1', name: "content" }, index.h("slot", { key: '16746b53ca338be94ead51baaab40ffccc742dbe' }))))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-294d5ea4.js');
+const usage = require('./usage-b34c8cf8.js');
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -36,7 +36,7 @@ const GuxSegmentedControl = class {
         });
     }
     render() {
-        return (index.h(index.Host, { key: 'bdd4c0d659f1008fa65ee9d2988a9c542b647987', role: "group" }, index.h("slot", { key: 'b4a966abae830574f615e90366b8357e2dbaab06', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'f9fd1a4321544d2a8dd2d8d6e34aa643761a2e1d', role: "group" }, index.h("slot", { key: 'a7a9f5ffa0b08b233f7910da21cc85785876cafb', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const getClosestElement = require('./get-closest-element-9e41d6b9.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -50,18 +50,18 @@ const GuxSegmentedControlItem = class {
         }
     }
     render() {
-        return (index.h("div", { key: '203dd1bba9f383c4081176a17cf2b0b42dc9bad7', class: {
+        return (index.h("div", { key: 'bcae6b6301a82b51deb9a99955dc575fe2897153', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, index.h("button", { key: '2836a544324a0606be01a36e19bfb67c3939bb52', class: {
+            } }, index.h("button", { key: 'a3b65a43182e16b702f6541a5adfb4045751554c', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), index.h("div", { key: '90abc8d1be2947227a565a243f903423d694f906', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), index.h("div", { key: '5c0c4ae19ef344634f25ba6fd225042557e5187a', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, index.h("slot", { key: '3419f2a12c570f02412473e8cf8a8000fbb5acec', name: "text" }))), this.renderTooltip()));
+            } }, index.h("slot", { key: '097d01545d5ffced13fea50f67b0c05a0c8075a6', name: "text" }))), this.renderTooltip()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.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');
@@ -54,11 +54,11 @@ const GuxSelectorCard = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'e24087cf3c1d74723fd7da40863a7aef6c420bd3', class: {
+        return (index.h("div", { key: '0312157f030ed755f64f09bb588ec4b7ec1a609b', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'd310eb4d0c6e1a91f9d97825d415cf800dd939c9', class: "gux-content" }, index.h("div", { key: '74d98f56d4fdcf49e65208991381f394e828b2db', class: "gux-icon" }, index.h("slot", { key: '91fec9fb8d2bf4a76460240a0d027d161016b6f3', name: "icon" })), index.h("div", { key: '1a0ae7a73d73e58f0156535f7fcd7a3e8a47517b', class: "gux-label-container" }, index.h("slot", { key: '15538fb4ddc20ecbeab320f3fb062c623bfe0ea2', name: "label" })), index.h("slot", { key: 'b20a20def42c5a651701a30f8a70ad4bf0a44192', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, index.h("div", { key: '2cf731a95a45d717bcb170aa6bad40476f350294', class: "gux-content" }, index.h("div", { key: '14972665433efb7b7fb8f8739a94d29575d6fd1a', class: "gux-icon" }, index.h("slot", { key: '4e140f732601a8dbb62eaeac618d11259cb8d8b3', name: "icon" })), index.h("div", { key: '18dfe2fb6f116971a87c595164125865a3fcdf92', class: "gux-label-container" }, index.h("slot", { key: '2def29e1ff5b96ab4e53bbc7ebb07b323f3edf09', name: "label" })), index.h("slot", { key: '5b57eaec254d128289af716ac47f2e35014c6b57', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.js');
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;
@@ -16,7 +16,7 @@ const GuxSelectorCards = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '207e4b59ecc9b56c2ecd9ab3edba4689872462d2', class: "gux-selector-cards" }, index.h("slot", { key: '7d3fcd1c660f78538376fbb0ef92c799b204df50' })));
+        return (index.h("div", { key: 'f12fd2d6bcbad89337689aab3c563406555714cc', class: "gux-selector-cards" }, index.h("slot", { key: '9efbb5ddc208e089cee905451965fe6f8b21f25c' })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const usage = require('./usage-b34c8cf8.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: '552a467ee600a8568d77cf04a85c88bb6617197b' }, index.h("div", { key: '03a52eb88b0d2c301b6d3305cc79e25a3a65683d', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: '73eee5be7add47429c4b602121807e37249f6e1b', name: "icon" })), index.h("gux-truncate", { key: '14799c29f059d238523c8d938912f80ff2c51d4c', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: 'd247671efca8f06989f6effded3878ec93db7d48', name: "message" })), index.h("gux-dismiss-button", { key: 'c8f2b116e2d53355ac89e54f80e8dc0c98538bac', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (index.h(index.Host, { key: 'faeb7f140b5a9907f15dc7abe28504e65539bdc5' }, index.h("div", { key: 'bee42f5ab2cd9144be530bc45bcba284ae56f2ce', class: `gux-icon gux-${this.accent}` }, index.h("slot", { key: 'ae8f3a59fdcef11a263184a810b3bef6ad9bf039', name: "icon" })), index.h("gux-truncate", { key: 'd2d38f4bef47de31b02858be6100456d26e1cf46', class: "gux-message", "max-lines": 2 }, index.h("slot", { key: '31b94f13bf81b1c2c591c8ada7a4b6a275da35ec', name: "message" })), index.h("gux-dismiss-button", { key: '3b1ae0022e06b05f338719649df7524832247d5d', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 
 const guxSkipNavigationItemCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host(:focus-within){position:inherit;top:inherit;left:inherit;width:inherit;height:inherit;overflow:inherit}::slotted(a){padding:12px;font-size:2rem;background-color:#fdfdfd;box-shadow:0 8px 24px rgba(32, 41, 55, 0.4), 0 0 0 1px #fdfdfd, 0 0 0 4px #aac9ff !important}";
 const GuxSkipNavigationItemStyle0 = guxSkipNavigationItemCss;
@@ -12,7 +12,7 @@ const GuxSkipNavigationItem = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(index.Host, { key: '417ddd1b36606036645c863d45a525b55de2322c', role: "listitem" }, index.h("slot", { key: '00a42f456ce3b14e52f2427215f91c03bc2a8d7c' })));
+        return (index.h(index.Host, { key: '7a392d1fd5e0e089162f1f7b6c83eecdccabc1cf', role: "listitem" }, index.h("slot", { key: 'f4ecc99ab1362a116dcad78244a919bab5bf7b33' })));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const index$1 = require('./index-0dfe7f6f.js');
+const usage = require('./usage-b34c8cf8.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: '93690e390781a91a915b338cfb6831b3c46d08a2', class: "gux-container" }, index.h("nav", { key: 'df2d8a2f81f32ca1f0c080f937651f9e89486080', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: '6a0561eb8108672d313f9b579ee0677cf11b0909', role: "list" }, index.h("slot", { key: '2bd006e30c0f994a4f5718df3ab9ee4295c32127' })))));
+        return (index.h("div", { key: '351678425dca08b7c61ec0f869b430a3b625c8a2', class: "gux-container" }, index.h("nav", { key: 'ec0720dfe5df1a8b98b6227edbfb91d27e5a482a', "aria-label": this.i18n('navigationName') }, index.h("ul", { key: 'd6b73a85c220fe9edd79ba4d2c247ec56049c364', role: "list" }, index.h("slot", { key: 'bf5662d53b1aeb9b2990bb018574144ef467b444' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
-const index$1 = require('./index-71d01472.js');
-const usage = require('./usage-294d5ea4.js');
+const index = require('./index-9fe2464a.js');
+const index$1 = require('./index-0dfe7f6f.js');
+const usage = require('./usage-b34c8cf8.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: '7531c6e68763802a04c5d8879840c00ca190d1b9', class: "gux-container" }, index.h("button", { key: 'c3780d162b0e3c1ce2aa21ccce0a46f17d1bd4af', class: {
+        return (index.h("div", { key: '5f7e190347bb99e4abc61a78350f5e06fc7006c5', class: "gux-container" }, index.h("button", { key: 'a843bb6d2e6e3b50f1a6c72bb33799c9a27ffb43', 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: '4057f27ded5d111ca7b4594a950c20d1f5cf738b', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, index.h("gux-icon", { key: 'c16595ea28a078b9c899661e31248020bc7649a0', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '3a1d685313d98a1488bee56f887c8fd4200c8161', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), index.h("div", { key: '4cfd75b06d5d84b4fb232fce0754b8297a4f4ec2', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0f6207f9.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const guxMenu_common = require('./gux-menu.common-4025206c.js');
@@ -146,13 +146,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e79928cfa15eca05a24d130ad99b5b9f89580484' }, index.h("button", { key: '42659df349945f3db53dcb96cf0f639fb4d7fb33', type: "button", class: {
+        return (index.h(index.Host, { key: '60ffacb6efa8bd471369be0f5b56a9f9a8e59d10' }, index.h("button", { key: '57cfa9e70d5f9f9a23cf9caa5c6cee1172879cac', 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: '900191429a7609cb68eb0485bab9d4ca74b4f0f6', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: '14fabf28052644302b3de10b6e4ae01c37b5ba32', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '63aa954bea898bc1d8d6aff4dac812ac1f696591', 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: '026be3ad33cc8fdef5091ad3ae29e50db46552f0', class: "gux-submenu-button-text" }, this.label), index.h("gux-icon", { key: 'a758c574032419801685c806330cc71cc7b72b06', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), index.h("div", { key: '11bf82ac8147d7c060c0901f12a12d1ec7fc4a59', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, index.h("div", { key: '36052f94b695f911f0694f43f3df8106f283d709', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: '5f38cd07848f12849e79b82860017e4ed32f7260' })))));
+            } }, index.h("div", { key: 'b7e9829f0803496eb71f992fece9f6661d21f015', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, index.h("slot", { key: 'c3c69ab551f09b0ddb05c39786cd2caf2ed90c5e' })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 
 const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular);font:unset;color:#2e394c;text-align:center;background:none;border:none;outline:none}gux-switch-item>.gux-switch-item>gux-icon svg{fill:#99a4b8}gux-switch-item[disabled]{pointer-events:none;opacity:0.5}gux-switch-item.gux-selected{font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}gux-switch-legacy>gux-switch-item .gux-switch-item{padding:0 8px 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy>gux-switch-item .gux-switch-item:hover{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible>gux-icon svg,gux-switch-legacy>gux-switch-item .gux-switch-item:hover>gux-icon svg{fill:#2e394c}gux-switch-legacy>gux-switch-item .gux-switch-item:focus-visible{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);border-radius:2px}gux-switch-legacy>gux-switch-item .gux-switch-item>gux-icon{width:32px;height:32px}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item{padding:0 8px 1px;border-bottom:4px solid #2a60c8}gux-switch-legacy>gux-switch-item.gux-selected .gux-switch-item>gux-icon svg{fill:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item{font-family:var(--gse-core-typography-body-sm-fontFamily), var(--gse-core-fontFamily-body), sans-serif;font-size:var(--gse-core-typography-body-sm-fontSize);line-height:var(--gse-core-typography-body-sm-lineHeight);font-weight:var(--gse-core-fontWeight-regular);padding:0 4px;border-bottom:1px solid #e2e6ee}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:focus-visible,gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item:hover{border-bottom-color:#2e394c}gux-switch-legacy.gux-small>gux-switch-item .gux-switch-item>gux-icon{width:24px;height:24px}gux-switch-legacy.gux-small>gux-switch-item.gux-selected .gux-switch-item{border-bottom-color:#2e394c}";
 const GuxSwitchItemStyle0 = guxSwitchItemCss;
@@ -20,7 +20,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '00fb2c57bc8aac76293178267566815ca424a46d', class: { 'gux-selected': this.selected } }, index.h("button", { key: '1253f3f431a9e8a7aebfe33bd803850253d9ce7f', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '3a24e458b5f97833060acaf6c9b0d22c7997fca0' }))));
+        return (index.h(index.Host, { key: '6e159ebd8385899b265f72304b322f30ba67eb24', class: { 'gux-selected': this.selected } }, index.h("button", { key: 'a2944357aed5b638b72773cfa61fc4a0403e88b7', type: "button", class: "gux-switch-item", disabled: this.disabled }, index.h("slot", { key: '36ac5c60669149a2275c990280354275b58065c0' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const usage = require('./usage-294d5ea4.js');
+const usage = require('./usage-b34c8cf8.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: 'b22773f53c2513d1bee2211386c042013a7050bc', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: '69c6fe16985e36c683e3af75c414078719bc0664', onSlotchange: this.slotChanged.bind(this) })));
+        return (index.h(index.Host, { key: 'd31f1b985746e46fa8070c14b044c2bbb448b2b2', role: "group", class: `gux-${this.layout}` }, index.h("slot", { key: 'ee7c9df819373616eaa3dd62c183571a70954d79', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-7fb02c8c.js');
-const onMutation = require('./on-mutation-3d294d15.js');
+const index$1 = require('./index-9fe2464a.js');
+const onMutation = require('./on-mutation-c819498e.js');
 const eventIsFrom = require('./event-is-from-3ab90a6c.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index$2 = require('./index-71d01472.js');
+const index$2 = require('./index-0dfe7f6f.js');
 const en = require('./en-85604f0f.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -3076,7 +3076,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            index$1.h("div", { key: 'fae9f387d4522af3df8cf1a30ed535a0f239fc60', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '01cc51ade62ccbf06c83882e52de40e0e26661da', class: "gux-scrollable-section" }, index$1.h("div", { key: 'cce22d47cc35bd6c8af82fcb819c8c412fc4b217', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'cd403e94b6042a1468902de4fa4882159fbf3c1c' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            index$1.h("div", { key: 'c640705dbaf87e37c008674156faa8f9d1901da2', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), index$1.h("div", { key: '1710807c9386d7da21fa0b8810ef0d27f74ba542', class: "gux-scrollable-section" }, index$1.h("div", { key: 'b02443f427e9500dcb553465ce4300005adfc273', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, index$1.h("slot", { key: 'bc389257f0e9a8f088cb56f3a64980e7e02177e2' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 
 const guxTabAdvancedPanelCss = "gux-tab-advanced-panel .gux-tabpanel:focus{outline:none}gux-tab-advanced-panel .gux-tabpanel:focus-visible{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)}";
 const GuxTabAdvancedPanelStyle0 = guxTabAdvancedPanelCss;
@@ -24,7 +24,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (index.h("div", { key: '917f411fe10a22ae3775093461bc51751702a2a9', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, index.h("slot", { key: '34c08db6da42f14ce25c7b02197f20f45616448f' })));
+        return (index.h("div", { key: '967caae014d07da8946ab08cee6ed40974cff0f6', 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: '8ce0217146c3ffaa0f5f512cb36edd4065d9251c' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const eventIsFrom = require('./event-is-from-3ab90a6c.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index$1 = require('./index-71d01472.js');
+const index$1 = require('./index-0dfe7f6f.js');
 const en = require('./en-85604f0f.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -159,12 +159,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            index.h("div", { key: '508de1a07d3c7d1cdd8ff40025dbeaec17ffc87b', class: {
+            index.h("div", { key: '2087debcc6b867605152aaca70ed99546d64f533', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, index.h("div", { key: '3febf09f7c25f10b9119c6aa1d3b33c2193951e0', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'd1a1ca9e9cc77f28429bb919b996b567ac33d06b', class: "gux-divider" }))
+                } }, index.h("div", { key: '9e5e5723f32cae885c74edcd9d6c989aabaebf5b', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), index.h("div", { key: 'e93f90a75cc38cb13fe83d7e28b591477a07a7a1', class: "gux-divider" }))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -2,10 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const index$1 = require('./index-71d01472.js');
-const onMutation = require('./on-mutation-3d294d15.js');
+const index$1 = require('./index-0dfe7f6f.js');
+const onMutation = require('./on-mutation-c819498e.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const scrollLeft = "Scroll Left";
@@ -283,9 +283,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (index.h("div", { key: '2e5b452b73239a8cc2df048e7fa731abdced9eb6', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (index.h("div", { key: '391821184788dbb1964fa843c547364510e2186f', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'ecbeded57b72c18be9eff89b2a9db5c8091d1e8d', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '4e20916503b59997a012520fb3de3ae7303b8002' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), index.h("div", { key: 'ef3b2c5ca044754a868924ab467dc5cd75be01ff', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, index.h("slot", { key: '5deb71d51924ed68ac64c29e863f957fb46ca9fd' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 
 const guxTabPanelCss = ":host{height:calc(100% - var(--gse-ui-tabs-set-horizontal-height)var(--gse-ui-tabs-set-divider-horizontal-height)var(--gse-ui-tabs-set-horizontal-marginBottom))}:host(:not([hidden])){display:flex;flex-grow:1}:host(:focus){outline:none}:host(:focus-visible){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)}";
 const GuxTabPanelStyle0 = guxTabPanelCss;
@@ -24,7 +24,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c07688ff761f881ce191ca454637b5bd37f852db', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'f9b688d108df00d5012ee7fecc57572042e6066c' })));
+        return (index.h(index.Host, { key: '1cb7bcb0a51a128c98771dd34c6c843b5e5aff68', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, index.h("slot", { key: 'f92439ce99ca58122cc0f47717f6956e0f2bab82' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 
 const guxTabCss = "gux-tabs[orientation=vertical]>gux-tab-list gux-tab{box-sizing:border-box;border-right:var(--gse-ui-tabs-item-divider-vertical-width) solid var(--gse-ui-tabs-item-divider-dividerColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab{display:flex;justify-content:flex-end;width:var(--gse-ui-tabs-set-vertical-width);height:var(--gse-ui-tabs-item-vertical-fixedHeight);padding:var(--gse-ui-tabs-item-vertical-padding);border-right:var(--gse-ui-tabs-item-indicator-vertical-width) solid transparent}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab.gux-active{border-right-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs[orientation=vertical]>gux-tab-list gux-tab .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-right-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab{box-sizing:border-box;max-width:160px;height:var(--gse-ui-tabs-item-horizontal-fixedHeight);padding:var(--gse-ui-tabs-item-horizontal-padding);border-bottom:var(--gse-ui-tabs-item-indicator-horizontal-height) solid transparent}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab.gux-active{border-bottom-color:var(--gse-ui-tabs-item-indicator-activeColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab:hover:not(.gux-active):not(.gux-disabled){border-bottom-color:var(--gse-ui-tabs-item-indicator-hoverColor)}gux-tabs:not([orientation=vertical])>gux-tab-list .gux-tab gux-tooltip-title{margin:auto}gux-tabs[alignment=center]>gux-tab-list .gux-scrollable-section{justify-content:center}gux-tabs[alignment=full-width]>gux-tab-list .gux-scrollable-section{flex-grow:1}gux-tabs[alignment=full-width]>gux-tab-list gux-tab{width:100%;max-width:100%}gux-tabs[alignment=full-width]>gux-tab-list gux-tab .gux-tab{width:100%;max-width:100%}gux-tab{display:flex}gux-tab .gux-tab{display:flex;align-items:center;height:var(--gse-ui-tabs-item-height);font-family:var(--gse-ui-tabs-item-itemText-fontFamily);font-size:var(--gse-ui-tabs-item-itemText-fontSize);font-weight:var(--gse-ui-tabs-item-itemText-fontWeight);line-height:var(--gse-ui-tabs-item-itemText-lineHeight);color:var(--gse-ui-tabs-item-itemTextColor);cursor:pointer;background-color:transparent;border:none}gux-tab .gux-tab.gux-disabled{cursor:default}gux-tab .gux-tab.gux-disabled gux-tooltip-title{opacity:var(--gse-ui-tabs-item-disableOpacity)}gux-tab .gux-tab:focus-visible{border:var(--gse-ui-tabs-focusRing-border-width) var(--gse-ui-tabs-focusRing-border-style) var(--gse-ui-tabs-focusRing-border-color);border-radius:var(--gse-ui-tabs-focusRing-borderRadius);outline:none}gux-tab .gux-tab gux-tooltip-title{white-space:nowrap}";
 const GuxTabStyle0 = guxTabCss;
@@ -41,11 +41,11 @@ const GuxTab = class {
         return this.active;
     }
     render() {
-        return (index.h("button", { key: 'bfcc5c3ac6dd1e0f76f1939e0fdc39c388c0fafe', class: {
+        return (index.h("button", { key: '4311aa04ce865d43c15fb2dc6fb2afe065b3e781', 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: '71bc30acaf0f3be418e21519acc37b33fae562ea', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'cf6d32567a609d18359db2840ebc2ca7376ce920' }, index.h("slot", { key: 'a9d40b9edec963ef388b5da3db5152e694de5f76' })))));
+            }, 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: 'f7c778f463b60b59842c59fa7ea74ca80d055952', ref: el => (this.tooltipTitleElement = el) }, index.h("span", { key: 'cfdcfa93a347cb368985a7907404fca48694487a' }, index.h("slot", { key: '86f508d9968e92cf30bcd8a04699ca85943eeb68' })))));
     }
 };
 GuxTab.style = GuxTabStyle0;