genesys-spark-components 4.137.1 → 4.138.0

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { O as OnClickOutside } from './on-click-outside-ae4fe543.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { t as translationResources } from './en-abdadc27.js';
 import { h as hasDisabledParent } from './gux-rich-text-editor.service-dcce5e51.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { t as translationResources } from './en-abdadc27.js';
 import { h as hasDisabledParent, r as returnActionTypeIcon } from './gux-rich-text-editor.service-dcce5e51.js';
 import './get-closest-element-728b9f18.js';
@@ -12,7 +12,6 @@ const GuxRichTextEditorActionStyle0 = guxRichTextEditorActionCss;
 const GuxRichTextEditorAction = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.action = undefined;
         this.disabled = false;
         this.isActive = false;
     }

package/dist/esm/gux-rich-text-editor-beta.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-21889d5d.js';
-import { O as OnResize } from './on-resize-3558b8d8.js';
+import { r as registerInstance, c as createEvent, d as readTask, h, g as getElement } from './index-1f4f2f77.js';
+import { O as OnResize } from './on-resize-c9d0d33c.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { g as getActionsFromGroup } from './gux-rich-text-editor.service-dcce5e51.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { t as translationResources } from './en-abdadc27.js';
 import './get-closest-element-7b2f7d5b.js';
 import './get-closest-element-728b9f18.js';

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { p as previous, n as next, f as first, l as last } from './gux-list.service-5da368db.js';
 
 const guxRichTextEditorListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
@@ -17,7 +17,6 @@ const GuxRichTextEditorList = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.internallistitemsupdated = createEvent(this, "internallistitemsupdated", 7);
-        this.value = undefined;
         this.listItems = [];
     }
     get listItemsSlot() {

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { t as tableResources } from './en-1f9d79e6.js';
 import './get-closest-element-728b9f18.js';
@@ -13,7 +13,6 @@ const GuxRowSelect = class {
         this.internalrowselectchange = createEvent(this, "internalrowselectchange", 7);
         this.id = randomHTMLId('gux-row-select');
         this.selected = false;
-        this.disabled = undefined;
     }
     onCheck(event) {
         event.stopPropagation();
@@ -24,9 +23,9 @@ const GuxRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '976ab88ad10bc80328ba1a8f2771a1a29adf450e', "label-position": "screenreader" }, h("input", { key: '5595389f3b9167caca95912b4f9f97d64cc8390b', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '989c24f4ef446358fe5d44c81f6286b51d9a6dc7', "label-position": "screenreader" }, h("input", { key: 'f59d6b87f367b78237cfb6607d5857ea5e371c7c', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '69f7e67417053dde3eb81b1fad8b2ba1470b96b3', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '56ec2aa78be976ebb17d4f6ce8c1a504687ddd35' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '2c828e3bddca2bfd76e6e2c4a56422dcefecc9d1', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'd4db6c6c650587020d2b83b8e1584236145b597c' }, this.i18n('selectTableRow')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 
 const guxScreenReaderCss = ":host{position:relative}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}";
 const GuxScreenReaderBetaStyle0 = guxScreenReaderCss;

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 
 const guxSegmentedControlCss = ":host{display:inline-flex}";
 const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
@@ -8,8 +8,7 @@ const GuxSegmentedControlBetaStyle0 = guxSegmentedControlCss;
 const GuxSegmentedControl = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
-        this.disabled = false;
+        this.disabled = false; // This is used by child items
         this.items = [];
     }
     onClick(e) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -9,7 +9,6 @@ const GuxSegmentedControlItemStyle0 = guxSegmentedControlItemCss;
 const GuxSegmentedControlItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
         this.selected = false;
         this.disabled = false;
         this.iconOnly = false;

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { g as getSlottedInput, b as setSlotAriaDescribedby, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
@@ -15,7 +15,6 @@ const GuxSelectorCard = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.variant = 'simple';
-        this.disabled = undefined;
     }
     componentWillLoad() {
         this.setInput();

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 
 const guxSelectorCardsCss = ".gux-selector-cards{display:flex;flex-wrap:wrap;gap:var(--gse-ui-selectorCard-simple-gap)}";
 const GuxSelectorCardsBetaStyle0 = guxSelectorCardsCss;

package/dist/esm/gux-side-panel-beta.entry.js

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 
-const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel>header gux-dismiss-button{position:absolute;inset-block-start:calc(var(--gse-ui-sidePanel-header-dismiss-padding) - var(--gse-ui-modal-dismissButton-paddingTop));inset-inline-end:calc(var(--gse-ui-modal-dismissButton-paddingRight) - var(--gse-ui-sidePanel-header-dismiss-padding));display:block}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
+const guxSidePanelCss = ":host{display:block;inline-size:fit-content;block-size:100%}:host([size=large]){max-inline-size:50%}.gux-side-panel{position:relative;display:flex;flex-direction:column;inline-size:calc(100vw - var(--gse-ui-sidePanel-shoud-minWidth));block-size:inherit;background-color:var(--gse-ui-sidePanel-backgroundColor);box-shadow:var(--gse-ui-sidePanel-boxShadow)}.gux-side-panel.gux-side-panel-small{max-inline-size:var(--gse-ui-sidePanel-widthSize-sm)}.gux-side-panel.gux-side-panel-medium{max-inline-size:var(--gse-ui-sidePanel-widthSize-md)}.gux-side-panel.gux-side-panel-large{max-inline-size:var(--gse-ui-sidePanel-widthSize-lg)}.gux-side-panel>header{position:relative;padding:var(--gse-ui-sidePanel-header-padding);border-block-end:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel .gux-side-panel-description{margin:var(--gse-ui-sidePanel-description-padding) !important}.gux-side-panel .gux-side-panel-content{flex:1 1 100%;padding:var(--gse-ui-sidePanel-body-padding);overflow-y:auto;font-family:var(--gse-ui-sidePanel-description-text-fontFamily);font-size:var(--gse-ui-sidePanel-description-text-fontSize);font-weight:var(--gse-ui-sidePanel-description-text-fontWeight);line-height:var(--gse-ui-sidePanel-description-text-lineHeight);color:var(--gse-ui-sidePanel-descriptionColor)}.gux-side-panel>footer{flex:0 0 auto;padding:var(--gse-ui-sidePanel-footer-padding);border-block-start:var(--gse-ui-sidePanel-divider-width) var(--gse-ui-sidePanel-divider-style) var(--gse-ui-sidePanel-divider-color)}.gux-side-panel-description ::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 const GuxSidePanelBetaStyle0 = guxSidePanelCss;
 
 const GuxSidePanel = class {
@@ -27,7 +27,7 @@ const GuxSidePanel = class {
         return (h(Host, { key: '3f0e1fa0e90174807e0791df751041891492f94a', role: "complementary" }, h("div", { key: 'dafc3bf2e247d8e889b856bca9a129919e12522a', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, h("header", { key: 'ed7ccb998473f605b62ecc2501ff6fa1c8625be7' }, h("gux-dismiss-button", { key: '79b2f066aa80e26007e935428c7ef4e86ee338fc', position: "inherit", onClick: this.onDismissHandler.bind(this) }), h("slot", { key: '3f90cc7c91a0527156f5d49d7b3ef744a081a445', name: "heading" })), this.renderDescription(), h("div", { key: '90e590fa826d72f87c8f9f43ccfa7d809ece77b2', class: "gux-side-panel-content" }, h("slot", { key: '9ddeae0e8199c137f7c998e9105ddbd3b2c71c38', name: "content" })), h("footer", { key: '982044b7583f44e9090a34be9ec71c9d3929f3d8' }, h("slot", { key: '55b8d906d978761a456e40ae36099abe482677c6', name: "footer" })))));
+            } }, h("header", { key: 'ed7ccb998473f605b62ecc2501ff6fa1c8625be7' }, h("slot", { key: '45ab40590bba6b14a87e4614504c290eb9a8b402', name: "heading" })), h("gux-dismiss-button", { key: '8c4b7eea245a6c33aa427baf4dea9a007c3ef734', onClick: this.onDismissHandler.bind(this) }), this.renderDescription(), h("div", { key: '95b676c28140e69354b513fe2c67590ae7c56b68', class: "gux-side-panel-content" }, h("slot", { key: 'da34f66a328bc2e4df354100ad72fcfecdc93ebd', name: "content" })), h("footer", { key: '94cbea3e682ba430bff23696426c749912b485c5' }, h("slot", { key: '2b3bbd2d812282606c71c77c169e63a8cbc1cd5a', name: "footer" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 
 const guxSidePanelHeadingCss = ":host{display:block}h1,h2,h3,h4,h5,h6{display:flex;flex:0 0 auto;gap:var(--gse-ui-sidePanel-header-iconGap);align-items:center;inline-size:100%;padding:0;margin:0;font-family:var(--gse-ui-sidePanel-heading-text-fontFamily);font-size:var(--gse-ui-sidePanel-heading-text-fontSize);font-weight:var(--gse-ui-sidePanel-heading-text-fontWeight);line-height:var(--gse-ui-sidePanel-heading-text-lineHeight);color:var(--gse-ui-sidePanel-headerColor)}";
 const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
@@ -7,8 +7,10 @@ const GuxSidePanelHeadingStyle0 = guxSidePanelHeadingCss;
 const GuxSidePanelHeading = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
+        /**
+         * Heading level, 1-6.
+         */
         this.level = 1;
-        this.iconName = undefined;
     }
     componentWillLoad() {
         trackComponent(this.root);

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-1f4f2f77.js';
+import { t as trackComponent } from './usage-82f4ed22.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;
@@ -8,13 +8,16 @@ const GuxSimpleToast = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxdismiss = createEvent(this, "guxdismiss", 7);
+        /**
+         * The component accent.
+         */
         this.accent = 'neutral';
     }
     componentWillLoad() {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'b022fe27d1a0c806917115667e200a58468eb474' }, h("div", { key: 'e01dd34b6461873c99e06cdfd5cba65a15ea9d67', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'e95707158b85975f307e8f45e4fa5d2cc1d2f05b', name: "icon" })), h("gux-truncate", { key: 'cf410ee970d02de03f41404e3a8877e28f07f0ea', class: "gux-message", "max-lines": 2 }, h("slot", { key: '7c0492f7df9f8fc0b45b6a9f9dec3e32f7a00da6', name: "message" })), h("gux-dismiss-button", { key: 'ff8560eb767a83c595c5a66b8898f9fd4653ef0e', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '157ec729027a3467e254db6b592f81172a462f2e' }, h("div", { key: 'dbf92076c88be8e234b25faa4e6ff582082aa38f', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '7a83c235f3a25668879fb51053b612f863ebb6ab', name: "icon" })), h("gux-truncate", { key: '1f8981a054dae732bd85f3a866d3eb04f1303a91', class: "gux-message", "max-lines": 2 }, h("slot", { key: '29b960000f1e1acf28fa75115ed7f48d719a0580', name: "message" })), h("gux-dismiss-button", { key: '023a768ce4dd6f863e53c8d9de74455de1ca152d', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host } from './index-1f4f2f77.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:var(--gse-semantic-background-container-elevated-default)}";
 const GuxSkipNavigationItemStyle0 = guxSkipNavigationItemCss;
@@ -8,7 +8,7 @@ const GuxSkipNavigationItem = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: 'aaafc087728be4fa90a1231adefc900d2a1bc8d9', role: "listitem" }, h("slot", { key: '5375751ec6428f7dd1d4b4a179ce9ea87026b5cd' })));
+        return (h(Host, { key: '1d89b7cbb56d339349d504ce9418dd9759e6f71f', role: "listitem" }, h("slot", { key: 'a0d78e553766eb92a7c82f37820af3469a050641' })));
     }
     static get delegatesFocus() { return true; }
 };

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import './get-closest-element-728b9f18.js';
 
 const navigationName = "Skip links navigation";
@@ -20,7 +20,7 @@ const GuxSkipNavigationList = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '665fcaf7d4689480ecbd4a11591a4803bd7ddfaf', class: "gux-container" }, h("nav", { key: 'd787c1992e3cbb638af24631e1be4f0599362f88', "aria-label": this.i18n('navigationName') }, h("ul", { key: '0fd7177ea8df4d7dc9c36d4cd474dff549ff33bb', role: "list" }, h("slot", { key: '51535cd8155e4b344b9c692d074f844411a198c2' })))));
+        return (h("div", { key: '55a8eae57770166538c9082f48e26dbf945436a8', class: "gux-container" }, h("nav", { key: '4d1b4d13c1ac6509071232e6663e4cae510f1612', "aria-label": this.i18n('navigationName') }, h("ul", { key: '3f8075fd33b396aa4dfc916e6e828d3f83f2afaa', role: "list" }, h("slot", { key: '219241c5dce7cde64656722cb7b04aeb2e55a8d4' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 import { o as onMutation } from './on-mutation-a222fe93.js';
 import { t as tableResources } from './en-1f9d79e6.js';
@@ -13,7 +13,6 @@ const GuxSortControl = class {
         registerInstance(this, hostRef);
         this.guxsortchanged = createEvent(this, "guxsortchanged", 7);
         this.includeUnsorted = false;
-        this.headerContent = undefined;
         this.active = false;
         this.sort = 'none';
         this.isLeftAlignIcon = false;
@@ -104,13 +103,13 @@ const GuxSortControl = class {
         }
     }
     render() {
-        return (h("div", { key: 'dcce3ef2da1539f35d6af9b09de40c9ab8c3c524', class: "gux-container" }, h("button", { key: 'bcf9d4b7ff8fb9eaa9635e28644d7b77357784f4', class: {
+        return (h("div", { key: 'aa170c870d94e6c2f3acdfbe03e65fae3996f812', class: "gux-container" }, h("button", { key: '80f7f2850f97dd19d365e289ab7857ebd9969974', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '9c7dcb1b08c6993ca969c59cbec2fb2031a9ab5c', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '4f58f69a39e381ab12dbd452ea3267cdd7e236b4', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '9962b9f8d8a4c384f23d7c0fbb70b01108acb66a', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'ff84b735e791eadf2309fd487106d6612d1d301d', class: "gux-resize-spacer" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift } from './floating-ui.dom.esm-17bec7ce.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
 import { m as menuNavigation, h as hideDelay } from './gux-menu.common-b2a4d472.js';
@@ -9,7 +9,6 @@ const GuxSubmenuStyle0 = guxSubmenuCss;
 const GuxSubmenu = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.label = undefined;
         this.isShown = false;
     }
     /**
@@ -142,13 +141,13 @@ const GuxSubmenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '944786bfb452e929858d201d39ceaef33e7e1982' }, h("button", { key: 'e1319df128d267d3989f15c9cecdf7105e1dd791', type: "button", class: {
+        return (h(Host, { key: 'b4af9416d548675308b2ced222f8c6c37c4b0cc3' }, h("button", { key: 'c261b82aab8068622218ab619367b05eda7b91aa', 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() }, h("span", { key: '76f0ed798a5fa6a213dac1d872b956fc72e34e2a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '50f537d884b7ad8e79fa6b29e7104b8dee38ec30', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '3b68278285fca560361099a74117a0de31bf26e1', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '8abd43324654cf93b9574d2389d6c4dc2e07b2d5', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'a3bf92107e1ca54cf05dd3d85ee7da993b6d3ccc', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '0878b74e5cec7a5d918edbaf305ad67243f9f218', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '16c12cca8d1c3331e9d9e9ca658db3f6fb90f933', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'e6b37eca1c1c9050dd4c8721e894b81699724882' })))));
+            } }, h("div", { key: 'a41ae635619905f43c23a667119626b0dcc5241b', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f7d7f96fb6172b06078472654c8a9e70ddc3a2ca' })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host } from './index-1f4f2f77.js';
 
 const guxSwitchItemCss = "gux-switch-item>.gux-switch-item{font-family:var(--gse-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight);font:unset;color:#2e394c;text-align:center;outline:none;background:none;border: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-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-bold-fontWeight)}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-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-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-semantic-body-sm-regular-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-semantic-body-sm-regular-fontSize);line-height:var(--gse-semantic-body-sm-regular-lineHeight);font-weight:var(--gse-semantic-body-sm-regular-fontWeight);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;
@@ -6,7 +6,6 @@ const GuxSwitchItemStyle0 = guxSwitchItemCss;
 const GuxSwitchItem = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
         this.selected = false;
         this.disabled = false;
     }
@@ -16,7 +15,7 @@ const GuxSwitchItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '4a1ce4e5241f9120e9b6da06110dbdbd784c5569', class: { 'gux-selected': this.selected } }, h("button", { key: 'e6bd6a36882d873813cdcb3f038443b5ecc28df6', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'f96b1f1c3078030a2ef6c850376dc036cffcf25c' }))));
+        return (h(Host, { key: '427c0acdb3ea194da69f2e0f3734756dc8d25b31', class: { 'gux-selected': this.selected } }, h("button", { key: '20e6b544fc6b8debdaff1fce9fd0182401e4e0e7', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'e06695181ca1640f0abc4ec29bd2a19ceffb5a34' }))));
     }
 };
 GuxSwitchItem.style = GuxSwitchItemStyle0;

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-1f4f2f77.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-66b031b6.js';
+import { t as trackComponent } from './usage-82f4ed22.js';
 
 const guxSwitchCss = ":host{display:flex;align-items:flex-end}";
 const GuxSwitchLegacyStyle0 = guxSwitchCss;
@@ -8,7 +8,6 @@ const GuxSwitchLegacyStyle0 = guxSwitchCss;
 const GuxSwitch = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.value = undefined;
         this.layout = 'default';
         this.switchItems = [];
     }
@@ -33,7 +32,7 @@ const GuxSwitch = class {
         });
     }
     render() {
-        return (h(Host, { key: 'd2608a24a8392e1a7e2cbbf58f84143dfd3e2378', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'b40570f18b9b91311fb9399538b2ff28c85a8e05', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'b6e6abc91f2e90ba0951b8172abb7593706a1fbb', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '6c670755228b8e27a10572ccf2c6e93b3d2ef376', onSlotchange: this.slotChanged.bind(this) })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, d as readTask, w as writeTask, h, g as getElement } from './index-21889d5d.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { r as registerInstance, c as createEvent, d as readTask, w as writeTask, h, g as getElement } from './index-1f4f2f77.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { e as eventIsFrom } from './event-is-from-60a4bc72.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { t as tabsResources } from './en-bf740e9b.js';
 import './get-closest-element-728b9f18.js';
 
@@ -2689,16 +2689,38 @@ const GuxTabAdvancedList = class {
         registerInstance(this, hostRef);
         this.newTab = createEvent(this, "newTab", 7);
         this.sortChanged = createEvent(this, "sortChanged", 7);
+        /**
+         * Enable new tab button
+         */
         this.showNewTabButton = true;
+        /**
+         * Maximum nuber of tabs created
+         */
         this.tabLimit = Infinity;
+        /**
+         * Enable tab sorting by drag/drop
+         */
         this.allowSort = true;
         this.focused = 0;
+        /**
+         * Disable new tab button event
+         */
         this.disableAddTabButton = false;
-        this.tabTriggers = undefined;
+        /**
+         * Tabs show scrollbar when tabs overflow container
+         */
         this.hasScrollbar = false;
+        /**
+         * Keyboard sort has been triggered using space
+         */
         this.keyboardSort = false;
+        /**
+         * Index of sort target before sort starts
+         */
         this.initialSortIndex = 0;
-        this.sortTarget = undefined;
+        /**
+         * Translation key for aria live alert for keyboard sort
+         */
         this.ariaLiveAlert = '';
     }
     onFocusin(event) {
@@ -3087,7 +3109,7 @@ const GuxTabAdvancedList = class {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'c20a6f30f88278f41cb5f07c1ce54bb4da3c8e8c', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '34666c50bc4867673593e10034ca2271891d385f', class: "gux-scrollable-section" }, h("div", { key: '0c8a2fbe474018efe765cd2648cd7c70e67f6099', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'dbfb73bf525cdfbe8c74e0bce2742f8c134c1805' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '417d6df9ad233a8b9914ce8741455238bc5cde8a', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c87bd9a6116fcf0d17c3ebe3d03092e41514dfac', class: "gux-scrollable-section" }, h("div", { key: '153d651e1b5bd9276065f955c2a64793ab002139', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '2a3eca29df2b4fdcdf7f4042629aade3eda07338' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h } from './index-1f4f2f77.js';
 
 const guxTabAdvancedPanelCss = "gux-tab-advanced-panel .gux-tabpanel:focus{outline:none}gux-tab-advanced-panel .gux-tabpanel:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 const GuxTabAdvancedPanelStyle0 = guxTabAdvancedPanelCss;
@@ -7,7 +7,6 @@ const GuxTabAdvancedPanel = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxactivepanelchange = createEvent(this, "guxactivepanelchange", 7);
-        this.tabId = undefined;
         this.active = false;
     }
     // eslint-disable-next-line @typescript-eslint/require-await
@@ -20,7 +19,7 @@ const GuxTabAdvancedPanel = class {
         }
     }
     render() {
-        return (h("div", { key: '99a21c23f637790a99b8264770cb47b48f6b0f37', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '0c64548272e8aebb50b81b0596be7ce74dbb04bc' })));
+        return (h("div", { key: 'a9fc6289b36cec1bf4583d154bf8d502aa6288e4', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: 'ddb143d358e7ac5bf3be4ff15836961dcee1554c' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { e as eventIsFrom } from './event-is-from-60a4bc72.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { t as tabsResources } from './en-bf740e9b.js';
 import './get-closest-element-728b9f18.js';
 
@@ -16,7 +16,9 @@ const GuxTabAdvanced = class {
         this.dropdownOptionsButtonId = randomHTMLId();
         this.tabTitle = '';
         this.focusinFromClick = false;
-        this.tabId = undefined;
+        /**
+         * indicates whether or not the tab is selected
+         */
         this.active = false;
         this.guxDisabled = false;
         this.popoverHidden = true;
@@ -155,12 +157,12 @@ const GuxTabAdvanced = class {
     }
     render() {
         return [
-            h("div", { key: 'd75b1f59539186ba3467b81285aaa8744c2d1556', class: {
+            h("div", { key: '25e199a32da51a54d2a6624e0f5ee29af206b4af', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'fb30c240ecb5ab9e0baedcf750d7414f93b9fa8f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'a75134dce2237f879933073e03ef28a43b6e82f0', class: "gux-divider" }))
+                } }, h("div", { key: '793e674d960080b19b680ce6168ed19552c02363', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '5e178631124739a5ee97eaf95b6b9e3269e5ed38', class: "gux-divider" }))
         ];
     }
     get root() { return getElement(this); }

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, d as readTask, w as writeTask, h, g as getElement } from './index-21889d5d.js';
+import { r as registerInstance, d as readTask, w as writeTask, h, g as getElement } from './index-1f4f2f77.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { b as buildI18nForComponent } from './index-0faa8b4b.js';
-import { O as OnMutation } from './on-mutation-bf72b518.js';
+import { b as buildI18nForComponent } from './index-4f1356d9.js';
+import { O as OnMutation } from './on-mutation-751e68e4.js';
 import './get-closest-element-728b9f18.js';
 
 const scrollLeft = "Scroll Left";
@@ -33,7 +33,6 @@ const GuxTabList = class {
         registerInstance(this, hostRef);
         this.currentScrollIndex = 0;
         this.focused = 0;
-        this.tabTriggers = undefined;
         this.hasHorizontalScrollbar = false;
         this.hasVerticalScrollbar = false;
         this.isScrolledToBeginning = false;
@@ -279,9 +278,9 @@ const GuxTabList = class {
         });
     }
     render() {
-        return (h("div", { key: 'ea92899da7e71907b79c4e83be0b366944e3339b', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '04b133cb31efb7973818cdf11a87d821e63812a5', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '3c0d8c538eaa5ba7d4cceb699fad7e5128c09f27', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '59925447a419da26682d36abe57979684bf8ea31' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '9b84b1e8871e2f6f410899e5215f7f48f0ee5e62', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '036f7a2bf31f783e0a6807690c2a46bb29fbd7e1' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-21889d5d.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-1f4f2f77.js';
 
 const guxTabPanelCss = ":host{block-size: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])){flex:1 1 auto}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}";
 const GuxTabPanelStyle0 = guxTabPanelCss;
@@ -7,7 +7,6 @@ const GuxTabPanel = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.guxactivepanelchange = createEvent(this, "guxactivepanelchange", 7);
-        this.tabId = undefined;
         this.active = false;
     }
     // eslint-disable-next-line @typescript-eslint/require-await
@@ -20,7 +19,7 @@ const GuxTabPanel = class {
         }
     }
     render() {
-        return (h(Host, { key: '53d403f45b24ecfd4085d01228e4df7cd1b6be35', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '6cd5c17b0b181825dc54a952639ce56f6facb210' })));
+        return (h(Host, { key: 'f40b8322c5e6b4e24445c27cb2ecb8f548c6049a', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '9f795119de5a767180af511fcabc576beb5d3885' })));
     }
     static get watchers() { return {
         "active": ["watchActivePanel"]