genesys-spark-components 4.160.1 → 4.162.0

package/dist/collection/components/stable/gux-tabs/tests/gux-tabs.common.js

@@ -0,0 +1,50 @@
+const orientations = [null, 'horizontal', 'vertical'];
+const alignments = [null, 'center', 'fullWidth', 'left'];
+const attributeRenderConfigs = orientations
+    .flatMap(orientation => alignments.map(alignment => ({ orientation, alignment })))
+    .map(({ orientation, alignment }) => {
+    const orientationString = orientation ? `orientation="${orientation}"` : '';
+    const alignmentString = alignment ? `alignment="${alignment}"` : '';
+    return {
+        description: `should render as expected when orientation and alignment are set to ${orientation} and ${alignment} respectively`,
+        html: `
+      <gux-tabs ${orientationString} ${alignmentString}>
+        <gux-tab-list slot="tab-list">
+          <gux-tab tab-id="a">Tab Header 1</gux-tab>
+          <gux-tab tab-id="b">Tab Header 2</gux-tab>
+          <gux-tab tab-id="c">Tab Header 3</gux-tab>
+          <gux-tab tab-id="d" gux-disabled>Tab Header 4</gux-tab>
+          <gux-tab tab-id="e" gux-disabled>Tab Header 5</gux-tab>
+        </gux-tab-list>
+        <gux-tab-panel tab-id="a">Tab content 1</gux-tab-panel>
+        <gux-tab-panel tab-id="b">Tab content 2</gux-tab-panel>
+        <gux-tab-panel tab-id="c">Tab content 3</gux-tab-panel>
+        <gux-tab-panel tab-id="d">Tab content 4</gux-tab-panel>
+        <gux-tab-panel tab-id="e">Tab content 5</gux-tab-panel>
+      </gux-tabs>
+    `
+    };
+});
+export const narrowRenderConfig = {
+    description: 'should render as expected when tabs overflow their container',
+    html: `
+    <div style="width: 200px">
+      <gux-tabs>
+        <gux-tab-list slot="tab-list">
+          <gux-tab tab-id="a">Tab Header 1</gux-tab>
+          <gux-tab tab-id="b">Tab Header 2</gux-tab>
+          <gux-tab tab-id="c">Tab Header 3</gux-tab>
+          <gux-tab tab-id="d" gux-disabled>Tab Header 4</gux-tab>
+          <gux-tab tab-id="e" gux-disabled>Tab Header 5</gux-tab>
+        </gux-tab-list>
+        <gux-tab-panel tab-id="a">Tab content 1</gux-tab-panel>
+        <gux-tab-panel tab-id="b">Tab content 2</gux-tab-panel>
+        <gux-tab-panel tab-id="c">Tab content 3</gux-tab-panel>
+        <gux-tab-panel tab-id="d">Tab content 4</gux-tab-panel>
+        <gux-tab-panel tab-id="e">Tab content 5</gux-tab-panel>
+      </gux-tabs>
+    </div>
+  `
+};
+export const renderConfigs = [...attributeRenderConfigs, narrowRenderConfig];
+export const renderConfig = renderConfigs[0];

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced/gux-tab-advanced.js

@@ -154,12 +154,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: 'dd06632dccdf89459ede7c2e65498aa6df402f99', class: {
+            h("div", { key: '28d5cfe4b53c114bafd198ff6f5ba6dc8d0bbb87', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'bbe55ffeb18b9dbb610679e4c5941e8f2f6a2cfb', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '812986bbbc9ce2e092f39f22f73cff3541926212', class: "gux-divider" }))
+                } }, h("div", { key: '0f5359aafdba38a8a0688d1981a9245492a7ab6f', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '991bbd8cead2aa05bfb22d30058b3d7998e28eb5', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-list/gux-tab-advanced-list.js

@@ -437,7 +437,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '75298fa80e0367aec3073190714c952b1b3184d0', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'd09b2a947e47a06efa6678ca02a1c611235d8cc9', class: "gux-scrollable-section" }, h("div", { key: 'd42455c169f668fae9ef93b6e7a4bb088020bedb', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'd0cc964cb3532079d15fac8658c585d7fa794714' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '2014c8e031831f1bc33d65308c856b73ce4d763c', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'ee28d9b509a0345375d19e07b99f5325dc94dac8', class: "gux-scrollable-section" }, h("div", { key: 'f0791bd0d9298a187714007aeb2eb568c2b91450', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'afc2c49b66c90712b1d4a1088acabbec445483ad' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tab-advanced-panel/gux-tab-advanced-panel.js

@@ -16,7 +16,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '2e58faf0af3feab38273e814df801fea0d3aeb73', 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: '41814de696097de2fac633849d4f400e399a7796' })));
+        return (h("div", { key: '25d957a437ba6030eab49b3f83e8c8765b84894b', 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: '7ac5f5c20e831d7ebb8de13b0526c5eed7594fd1' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-tabs-advanced/gux-tabs-advanced.js

@@ -44,7 +44,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'f8d467e69f5ecd3eacb96b499a33e169dfaaa6da' }, h("slot", { key: 'd78a28bbe2ece06e6f5d71cbececfe22d230d1f8', name: "tab-list" }), h("slot", { key: 'b5e506c353ea542b2fa58289811fd781f9366cbd', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '51a8fe7346bb8b8a8d749abc2b5b44adf8e46f22' }, h("slot", { key: '65316b468bdbd4a462b950d1d2959b3fe797877a', name: "tab-list" }), h("slot", { key: '4fe97d477e4d9dab996bc779783d8ef03537c55d', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tag/gux-tag.js

@@ -54,7 +54,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '1ce83ca8403a1dfea1923387c536468e50915071', class: {
+        return (h("div", { key: 'df2061c6a8893d5b377ca346c6065a3f8761b8b6', class: {
                 'gux-tag': true,
                 [`gux-accent-${this.accent}`]: true,
                 'gux-disabled': this.disabled,

package/dist/collection/components/stable/gux-time-picker/gux-time-picker.js

@@ -237,7 +237,7 @@ export class GuxTimePicker {
         return (h("div", { slot: "popup", class: "gux-list-container", onKeyDown: (e) => this.onListKeyDown(e) }, h("gux-list", { ref: el => (this.listElement = el) }, this.renderTimeListItems())));
     }
     render() {
-        return (h("gux-popup", { key: '92235cbe9dedb5be240f395a6ec9b9f2de67170d', class: {
+        return (h("gux-popup", { key: '9279fb6471f2a39f48b7fbeac03f6dc6ff44c435', class: {
                 'gux-time-picker': true,
                 'gux-error': this.hasError
             }, expanded: this.expanded, disabled: this.disabled }, this.renderTarget(), this.renderPopup()));

package/dist/collection/components/stable/gux-toast/gux-toast.js

@@ -57,9 +57,9 @@ export class GuxToast {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '6e7d8b1d5d1d68d4034c264f3c057c11c1cca6ad', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'af29dbf19d6c7d171b86a80bf43590be55e292d8', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '175de88a6cc456281551d99a3a613610d7db9ec1', class: "gux-content" }, h("div", { key: '5fc3473349740b8fe677dc1f23855d3d2bc10d4f', class: "gux-message" }, h("gux-truncate", { key: 'a4daefa59e56363cb3caa6f2353a4da3e67d32e7', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'd63b036e3583941c40067d9a59e03fe39554eedf', name: "title" })), h("gux-truncate", { key: 'a4182c156a78d13ce54b318aafa8a993a78f0cf7', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '65a1b44e44a67194076ddfb98a3926260a147994', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '2d216a0da8966254365fad8432b5e84737e1d731', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'cbb359042bd89b6bc8e109a24e11db601e385a73', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '794235f31e11bc056013927029f0d2239ea93855', class: "gux-content" }, h("div", { key: 'b326234d7d090dbc96f6d2a802538b038169e1ce', class: "gux-message" }, h("gux-truncate", { key: '8f191a426ee05cab7ce3429c4723a8cdd160e7ed', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'ee0146de9b30baf049236bd58363f27744f6a23c', name: "title" })), h("gux-truncate", { key: 'fcb097ebbd1048077a2ebf231f225c9e82c714e6', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '3a48a67190872783fe64a7111604447e0c0c2d5b', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: 'bcaaf5b483d5117558163fdfdda9f10c62d10df5', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '04aca89f43f4f8a799acb330a1f91a6895834ed3', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/stable/gux-toast/tests/gux-toast.common.js

@@ -0,0 +1,69 @@
+export const renderConfigs = [
+    {
+        description: 'should render success toast',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="success">
+          <div slot="title">Success Example with Link</div>
+          <div slot="message">This is an example message</div>
+          <a slot="link" href="#">Link</a>
+        </gux-toast>
+      </div>
+    `
+    },
+    {
+        description: 'should render warning toast',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="warning">
+          <div slot="title">Warning Example with Link</div>
+          <div slot="message">This is an example message</div>
+          <a slot="link" href="#">Link</a>
+        </gux-toast>
+      </div>
+    `
+    },
+    {
+        description: 'should render error toast',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="error">
+          <div slot="title">Error Example with Link</div>
+          <div slot="message">This is an example message</div>
+          <a slot="link" href="#">Link</a>
+        </gux-toast>
+      </div>
+    `
+    },
+    {
+        description: 'should render info toast',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="info">
+          <div slot="title">Info Example with Link</div>
+          <div slot="message">This is an example message</div>
+          <a slot="link" href="#">Link</a>
+        </gux-toast>
+      </div>
+    `
+    },
+    {
+        description: 'should render action toast',
+        html: `
+      <div aria-live="polite">
+        <gux-toast toast-type="action">
+          <gux-icon slot="icon" icon-name="fa/diamond-regular" decorative></gux-icon>
+          <div slot="title">2 Actions</div>
+          <div slot="message">This is an example message</div>
+          <button slot="primary-button" type="button" onclick="notify(event)">
+            Action 1
+          </button>
+          <button slot="secondary-button" type="button" onclick="notify(event)">
+            Action 2
+          </button>
+        </gux-toast>
+      </div>
+    `
+    }
+];
+export const renderConfig = renderConfigs[0];

package/dist/collection/components/stable/gux-toggle/gux-toggle-slider/gux-toggle-slider.js

@@ -16,12 +16,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '7e904fec179d33abf50e85c085f01804216b109f', class: {
+        return (h("div", { key: '7da37f753ac4d7c060172ead04d1251959b9ff6f', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: '39b8300d64847239ab4efb0e70e72ee3fc338c33', class: "gux-slider" }, h("div", { key: '4a5cfb7661b17e4c4e391f666eec375284437ca7', class: "gux-switch" }, !isError && (h("gux-icon", { key: '2abaa66145b5c7e8eb203b8f17c15fe9ba426f58', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: 'b948e4293ded1504a3dc6207ba5e6409c00ccb3d', class: "gux-slider" }, h("div", { key: '00a6baa05f07421055994370d48154145ef024e3', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'a360e19b0edbfb7936d4008063b9c5961d86a754', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-toggle/gux-toggle.js

@@ -68,11 +68,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: 'b88824afb7ff7ba8de9cb5604c369cbee3021850', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '7991eaf3ea3729f498301284d4f634d7ed830b63', class: {
+        return (h(Host, { key: '642935d19947b79ad8cffb672aa6cf65a0aedaa8', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: 'fb2012adaea504f5e80d99fa4a964798620f95d5', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '5ff56480ae831b37f30a815d21d8e07dbc484d5d', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'c9c514fba798e622a0bd94b8e970e97051083441', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '9537a2b1426ead4dbef7637f836e83f3f922fac6', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: 'f78e3c80e258c3567c625cd3eaeeea80995013e9', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '7077f922113f56639e8aea7b67ff8e286addbff4', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'f675f6962dfc2b36cb83c5b183dc6845db2699a5', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip/gux-tooltip.js

@@ -154,10 +154,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '6c4e4b9fcea047ddaa15fef056db54e201dbe5b6', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '95ecb5dc6de5bab5ca53b04aba2307fe30d138de', class: {
+        return (h(Host, { key: 'b02af229ca0c4ebb0c6c14bac7489aa0e09f8a01', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '29d34f22cf1e2667e9e0147ebb864febc9694e78', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '2bbde39cc9a7ccdf305995b35f0a55cbaf04e242', name: "content" }, h("slot", { key: '7e78cba125baf81a59884cb0a44c16c3ecebabcf' })))));
+            }, "data-placement": this.placement }, h("slot", { key: '45bb35996ae52057f86449aab5286e76af227cdd', name: "content" }, h("slot", { key: '0ff7a0e7429d8d3f2af9490242c3d6c80c4e3a9c' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-tooltip-title/gux-tooltip-title.js

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: 'c587c67b739e1619c47b246dc453fa40694cb128', class: {
+            h("span", { key: '44cf31c77d5f2f0ff05c9d8fc35bc4e53c678af7', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '827d733f029969ff8119df112711380d29c162de' })),
+                } }, h("slot", { key: 'b5ccbcd7bef175b33085f65b9f83a7aff87ea64a' })),
             this.renderTooltip()
         ];
     }

package/dist/collection/components/stable/gux-truncate/gux-truncate.js

@@ -52,12 +52,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: '507d5a1b6bd9b45ce09502f5d404462d1d79e08c', class: {
+        return (h("div", { key: 'c979bb998f2e6cafe2ed16cb7611dbc2b5dd685b', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '00270974409574b242d3e0afa5d082940103261a', class: {
+            } }, h("span", { key: '96ff56286114cafb16f8d5d1ef123aa6eb1996d5', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '140f114f64e1223d81ff15b2ed2e16bbe06dca50' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '4dc895ca10eaeb8c1467ee6b1c270fc7b43eec3b' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/gux-accordion-section.entry.js

@@ -51,20 +51,20 @@ const GuxAccordionSection = class {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '674fc87bcc66d1d95e5cb276d5e70692e3cf51a8', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9468ed945146ed3cc49211ad68cc4ae34d1a98ec', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '81c4c2abab2b4023688b67e03fb7eec2ddec246a', class: {
+        return (h("section", { key: 'bb523817b68f5b475d847a73027b33a1246835e2', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9cbfb555a5f104551d6b638207ac2e7cdff2b346', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '510f7c657502e60c942b4d634fd385607c3a347c', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: 'e10cf5069ca43a76e4f0cfe3f09e21313c949c59', name: "icon" }), h("div", { key: '4395ae449bcbd47d16dd08c84be5e174bc68a1cf', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '7c836305909a9abf9ff0489681547022187d4bee', name: "icon" }), h("div", { key: '8464e901bb685bd01118f110f0232b785f8b4ded', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'd9f81cf111342ed803f0de96bc4837ad55683b46', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'd087bbff228ccd623769c7d27684f9db038b7843', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '84fd4c249ab6f1c5a024d0b885a4a2e839432f52', class: {
+            } }, h("slot", { key: 'ad752d800daf8e4bb96476b7964c64d772cf3930', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '1d86c227d5cef0e1e96a4241df6739c52f534f04', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'd50bbaaac75031ba924820d30eff8cb77431ea03', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '59f3304b140ad39781a3e41ed9623dd21a4c4e2e', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'e50b7aaebe532de57349ccb39644f4c326df05ff', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'eff20c97795834084ba7e29c0322b273a91ce434', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '566af8078f62bf647f1aad93d6c202740e5fba67', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: 'ac483e88d40ddd8f7ee0030be7de192f690c4e6c', name: "content" }))));
+            } }, h("slot", { key: '3106b09a180cb1e67ed9597b1b5d7e0fececfbdd', name: "content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 
@@ -37,7 +37,7 @@ const GuxAccordion = class {
         }
     }
     render() {
-        return (h("slot", { key: 'eaaefcd1cca70e95575f2a04c632021ccc93787a' }));
+        return (h("slot", { key: '5c2067d1b3cce5f7897a5e0919e2b04b24040a37' }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-action-button.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -159,7 +159,7 @@ const GuxActionButton = class {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'f14d323f9c10b003797a9de4b18af7dcac6fcf7e', class: "gux-action-button-container" }, h("gux-popup", { key: '714da05054cf5b53dcfa00d35a820eaa742225d8', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5154cfbf4d41bb0ba8955d6f9e52978d28d6e17', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ca2510f0946954e9af16c61390b744bab208083d', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '3b39ea4b471dca0aad9049a78ce783e52902f9c6', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '2e03cf69a0308100b41dccb4f04b25711d63a8bb', name: "title" }))), h("gux-button-slot", { key: 'e8ff491d344751fbd3aad8a4883d218540fd8053', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '806b5b458454bc12104f8dedb46a8e75c9bef212', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'dfb75af52b0817f9b54125e28c990fefdf150957', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '1165c634704e0436e67eea3801e8650325c496ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'ec0c603e4fce250e05494b6c3e310c695676bf4d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'e3882349fc5ae5c7fe6c2e4979c8b9eb4297190d' }))))));
+        return (h("div", { key: '53eb4a4ffa83a2a1d9506bfac9c61dce6f101b6c', class: "gux-action-button-container" }, h("gux-popup", { key: '5d09b93080d59a8112014e13ca515576786df16c', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '727d3ec06b98c5454c7dcb2eaa20de7fed9dc994', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'e856dc6a18be47445f35d3c742a82226cb91c965', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '745aeefe1094809c8cfab25ae31eb3aacb96637a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '407b5601a4caa52d50b9da03f5daff0bd6f49b33', name: "title" }))), h("gux-button-slot", { key: '8ea6d8bd123dbb15e6bac16da4f576f4dde91243', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '346c31e8a72a09b5cf3de660a71611f5767536e6', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'd474dc7b197f4b1c1f359791bcc54cc2bf2af55b', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'fd181cd9355f17bcde91c7ee5d035f840812e8f4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'cd2180c12b3c9aa42c7ea0d2c26ff0a4534ed430', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '89925cbedf1d78b4475c5741f0e261f5e4a86712' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 
 const guxActionToastCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:stretch;width:270px;padding:20px 24px;margin-bottom:4px;color:var(--gse-ui-toast-success-foregroundColor);background:var(--gse-ui-toast-success-backgroundColor);border:1px solid var(--gse-ui-card-default-border-color);border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-header{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;align-self:auto;order:0;font-family:var(--gse-semantic-heading-lg-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-lg-bold-fontSize);line-height:var(--gse-semantic-heading-lg-bold-lineHeight);font-weight:var(--gse-semantic-heading-lg-bold-fontWeight)}.gux-header .gux-icon{flex:0 1 auto;align-self:auto;order:0;color:var(--gse-core-colorLegacy-secondary-aquaGreen)}.gux-header .gux-icon ::slotted(gux-icon){width:32px !important;height:32px !important}.gux-header .gux-title{flex:1 1 auto;align-self:auto;order:0;margin:0 0 0 8px}.gux-message{flex:0 1 auto;align-self:auto;order:0;margin:16px 0;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)}.gux-message ::slotted(dl){display:flex;flex-direction:row;flex-wrap:wrap;place-content:stretch flex-start;align-items:flex-start;margin:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons{display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:nowrap;place-content:stretch space-between;align-items:flex-start;align-self:auto;order:0}.gux-action-buttons .gux-negative-button{flex:0 1 auto;align-self:auto;order:0}.gux-action-buttons .gux-positive-button{flex:0 1 auto;align-self:auto;order:0}";
 
@@ -11,7 +11,7 @@ const GuxActionToast = class {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '86c7d4b10a2b6aff27aefc4b301600d37d3a2b95' }, h("div", { key: 'c91122959f04e871256924658943d42e3efa086d', class: "gux-header" }, h("div", { key: '197997e4491ecfef4eae36be626625d63e5cafe6', class: "gux-icon" }, h("slot", { key: '42299d9477f16ead474126a0eb6c18dec4e51ba5', name: "icon" })), h("div", { key: '79aa729ba27becac9f95ac5278d105e14ed69211', class: "gux-title" }, h("slot", { key: '59b6d808b0c56b6e0468ec59598326039758074d', name: "title" }))), h("div", { key: 'b1e73ea83c95fd1e17f0f1657ab8aa5b9b7deb14', class: "gux-message" }, h("slot", { key: 'e16d6521334acf2997d594c62589662b65eba647', name: "message" })), h("div", { key: '4c72959e5ac48709d03f49ed00d3af1e0b9241bb', class: "gux-action-buttons" }, h("div", { key: '6d451a966ff94fa805f78462215ca3858d6bcc11', class: "gux-positive-button" }, h("slot", { key: '5e7f6901f414700e0dacff47fc2bb4ea591bbedb', name: "positive-button" })), h("div", { key: '6a51a2a92c669756d643655487e3deeabdd94e04', class: "gux-negative-button" }, h("slot", { key: '3194513f90919ad3f4f4f2d0c50f4fedd92bb6c0', name: "negative-button" })))));
+        return (h(Host, { key: '3abb582fbfcac7ac8cda92eeb3a2eea23caed9a2' }, h("div", { key: 'ae95f2efc423a666629423d4dc84284c7c280711', class: "gux-header" }, h("div", { key: '79a2e0d63c9ebcc40d27fc524657dedde4106ef3', class: "gux-icon" }, h("slot", { key: '6bd8665c303dc296d8b40ba212e809451e3cbb56', name: "icon" })), h("div", { key: 'e04c4ce5e0a98e95e695ede8c13a8283cf31f9f5', class: "gux-title" }, h("slot", { key: 'bf15946f72b64abb31adeb1038a80e57ddef1dfc', name: "title" }))), h("div", { key: '6337fee48e9091b7802fcffc425a9ed80e54e26b', class: "gux-message" }, h("slot", { key: 'e469f623781c6056addd79fbdc3f30cd496dc4a1', name: "message" })), h("div", { key: '1c3819c5273ce51a9c61a6f7510904f10ca30e7e', class: "gux-action-buttons" }, h("div", { key: '2b8d5ce9a0b430133e5ec30c584c3f68236eafcd', class: "gux-positive-button" }, h("slot", { key: '52556d47837a5f311cdcde1b821f529ca991c891', name: "positive-button" })), h("div", { key: '09b13863e70a73124e1aa65b4d88676ae39b2eb2', class: "gux-negative-button" }, h("slot", { key: '634489b4afaf5ebd8edf6ee04f94aec12335de7b', name: "negative-button" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-advanced-dropdown-legacy.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { o as onMutation } from './on-mutation-CF55kYjc.js';
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -85,9 +85,9 @@ const GuxAdvancedDropdownLegacy = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'd41f1a7e46667e03d7aea00cf76e41f0bc5cea80', expanded: this.opened, disabled: this.disabled }, h("div", { key: '244e5e3fc340a4d1d7e901589dd979e2349a8490', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '10d8b3ffc2b8fb20657a787e9ad4279ea4c827ff', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '5b1f9d9730c645274f78c873005bd348e13ec915', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '737e474d88c6d6e1784d7ddb09c6bc4767d93f21', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'ba4e4c852695a8de28c01e68fb433c5458372e1b', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'baebb260e06c027a8966d8e9d4f1a9e363389348', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '20f5635cc8b7cbe68154fa756f493ae4f555bf03', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'b4bfdd196c7a46161d084ebb350ed2709fcee346', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '9f3a8c05391065246fd0f58c1245fd7a2cec7b0d', "label-position": "screenreader" }, h("label", { key: '68908618c59e9f4bf27ffc46f263c5468e5f10fb', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'c8ca819f3bbeb8daadc46795fbb6a0745d9e6591', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '2866ac2af619dc033e7ab7c5ebdad317f47f54a8', expanded: this.opened, disabled: this.disabled }, h("div", { key: '7629fd43e869952c882b2521d917aeadca397f14', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '123003f32f223ff13328dcf40f06d14fd6c6078e', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '15e6ec3f394248f0bf3f61746085a5efd57468e7', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'd193f25db49649f3359c8ef53356b6f09e7ef9da', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '92916e454fa7227f6d9a12164d0155f2d38b65e5', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'd062f140546bba597a5e34aa19b2ae8c9994635a', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '36717e3d8f88ef428a5d0359265a388f05a074bf', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'fc3c5a978203d7d1c6d0798c9643ffdeea08c4f2', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '69fd91e34c50c5b726b62eb5a906fa7f265408c5', "label-position": "screenreader" }, h("label", { key: 'ff451eff18ccb5153a93b2074db534ae706df0fc', slot: "label" }, this.i18n('searchAria')), h("input", { key: '22e8bc6b5f63aae6908ca1b378f2a5d2983a7925', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'dfc60a1e40be71ce841d33bf24fb587d89d6d648', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '0f51073ffc5e046975d74902fb4bff45a05a3352' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'ef89ba51c46a4f0b98177d2ab806c7e9afbdd109', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'be7be324ed0a985caffd5e504bbd960e4ac12da2' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -26,7 +26,7 @@ const GuxAllRowSelect = class {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '561b559830dcaa4f8dcf5b250eda5a87e58b0cdd', "label-position": "screenreader" }, h("input", { key: '01a39509715d4156f0bd074bf35ffd6abaa3895e', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '596c0d1a55275d760e91209797483239c616545b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '9a153c08f9a997d23735beb2a2bd885b7760f623' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'f746e62c50607cb8ec2adad745ef285630108b1c', "label-position": "screenreader" }, h("input", { key: '4c5d95824e6950f0268f6e7826577484b16ea566', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4857bbeec0e0565f57923246dcc79f3db34de23b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b1cf5e9cb0370d4d332f3117b040e29a46d856e3' }, this.i18n('selectAllTableRows')))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-announce-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 
 const guxAnnounceCss = ":host{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";

package/dist/esm/gux-avatar-beta.entry.js

@@ -1,5 +1,5 @@
 import { h, r as registerInstance, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { a as generateInitials, g as getAvatarAccentClass } from './gux-avatar.service-BV03_Ljp.js';

package/dist/esm/gux-avatar-change-photo-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-DkRxKrC5.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const changePhoto = "Change profile photo";

package/dist/esm/gux-avatar-group-add-item-beta_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { a as autoUpdate, c as computePosition, o as offset } from './floating-ui.dom-C_pVuars.js';

package/dist/esm/gux-avatar-group-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { s as setFocusTarget, r as resetFocusableSibling } from './gux-avatar-group.service-DMpkGO63.js';
 import './get-closest-element-Cd4R0amv.js';

package/dist/esm/gux-avatar-group-item-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 import { g as groupKeyboardNavigation } from './gux-avatar-group.service-DMpkGO63.js';
 import { g as getAvatarAccentClass, a as generateInitials } from './gux-avatar.service-BV03_Ljp.js';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
 import { O as OnMutation } from './on-mutation-DGiaTC8j.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -71,7 +71,7 @@ const GuxBadge = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'b86da02a9ae67308fc5c9ac6aa0b7a1f7a747ae0', class: {
+        return (h("div", { key: '8a90506ee9f114ad699ce846f33d9a695daab9f8', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/esm/gux-blank-state.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-DkRxKrC5.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import { O as OnMutation } from './on-mutation-DGiaTC8j.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 
@@ -41,7 +41,7 @@ const GuxBlankState = class {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: 'e7c20863e2a8e957ec8e3b0d8c796bb6e250f817', class: "gux-container" }, h("div", { key: '33e2d205db3d81db81490c4a1986adf25f815878', class: "gux-image" }, h("slot", { key: '1ad4172b9e9b82e026ff1527727c2c3e83115b8c', name: "image" })), h("div", { key: 'c189af637773ec5b19fa5a8bf29c302ea37bb109', class: "gux-message" }, h("slot", { key: 'd0933deb27de1c4565e4a0c41c2631c7e7efd037', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '139c7338fbd18f8c0530269a5449f3c7ade7efd2', class: "gux-container" }, h("div", { key: 'dcb6dcb5c7449c8096479680733e24a486b7bc4d', class: "gux-image" }, h("slot", { key: '37d99fedacb438620dc078ea972da24e0d2854e0', name: "image" })), h("div", { key: '06d4ff2d74235deae4c95567882d50f2e6d75f61', class: "gux-message" }, h("slot", { key: '8c174a69f1a32a2d49190dc7528b1fccd3469b8c', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
     }
     get root() { return getElement(this); }
 };

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

@@ -38,7 +38,7 @@ const GuxBreadcrumbItem = class {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '9864718c7a85867dc8ae13c77b71ee2d47595345', role: "listitem" }, h("span", { key: '321aa9a3d13bc88107c1f4296b8acbb0194ebb2b', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '0f964c879ddb049332578d18bea864ebf2ac0fb3', role: "listitem" }, h("span", { key: '9a3c36da7a340316390205180a23e904092a94e2', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-DkRxKrC5.js';
 import { b as buildI18nForComponent } from './index-DnjikExJ.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const breadcrumbs = "Breadcrumbs";
@@ -25,7 +25,7 @@ const GuxBreadcrumbs = class {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '97573bc551ca35d0f29c2f77f3cae221a7dbb532', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'b35d243aeb4bce30d1d5145a1efb62bfcc7e3806' }, h("slot", { key: '9f03f2e162e635d107284f73483f2bcd0405337f', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '168049642e68fbc56c6f3580a50b8139c5defa65', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '1a03009c00c013594c290bfa597d85f69d7c8688' }, h("slot", { key: 'ea256a1e6b868904a1568f57dd83f1d8f2865249', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-button-multi.entry.js

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, a as getElement } from './i
 import { O as OnClickOutside } from './on-click-outside-W2CZCart.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-CppBvN02.js';
+import { t as trackComponent } from './usage-B2sbNpMT.js';
 
 const guxButtonMultiAccent = ['primary', 'secondary', 'tertiary'];
 function getGuxButtonMultiAccent(maybeGuxButtonMultiAccent) {
@@ -136,7 +136,7 @@ const GuxButtonMulti = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '1de80e87fb808e2c1c67f11069ff854b3c8bb594', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'ec449bb3cb5a07b22aa19a1cfbe7bad390348c58', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '59a02ac2a0617c39bdee504aec91325e5fa6b011', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8e774e6ff321588c41ffe731c1967752dc5ca622', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '18b5e98f45e5b7f4b4644e55417575f88d240d21', name: "title" }), h("gux-icon", { key: '625f150aebd9cb9c87214c200309e1c76c7ed372', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3f328498971bffd3d0c79d2dc01e6cca83079af4', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '8263e75953b2091c4af783245e89b5abfabedfe5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2eebad343f088ea4f234ba23c9758d24d082daed' })))));
+        return (h("gux-popup", { key: '68f575cd942b0e72e40e5c452f0ec78603b616f5', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'da8ac00e3f2d3dcd6e99c27d1942e1817d473c5d', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'f965ba4d8708b0846f42a26f4fcecea10e4e78d4', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '5400cb11fcaa878e4c9dc5e2a3839ed39169f9f4', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '28f463760494866349e25eb539a8479470bebaa2', name: "title" }), h("gux-icon", { key: '173414e8dc9382703d8aca6cec7a1014ed859b32', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '4e5874006f6652d87939ec20550066636fbedacb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'c6a2a7f0d6285d1ea89316d636101642730e9ee0', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '23f70874aeebe4baf213565ddb2544fdfb9f5dba' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }