genesys-spark-components 4.94.0 → 4.96.0

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor-beta.js

@@ -0,0 +1,77 @@
+import { h } from "@stencil/core";
+import { hasSlot } from "../../../utils/dom/has-slot";
+/**
+ * @slot typographical-emphasis - Slot for typographical actions
+ * @slot text-styling - Slot for text-styling actions
+ * @slot lists-indentation - Slot for lists and indentation actions
+ * @slot inserting - Slot for inserting actions
+ * @slot global-actions - Slot for global actions
+ * @slot editor - Slot for the editor
+ */
+export class GuxRichTextEditor {
+    constructor() {
+        this.disabled = false;
+    }
+    renderSlot(slotName, containerClass) {
+        if (hasSlot(this.root, slotName)) {
+            return (h("div", { class: containerClass }, h("slot", { name: slotName })));
+        }
+        return null;
+    }
+    renderTypographicalEmphasis() {
+        return this.renderSlot('typographical-emphasis', 'gux-typographical-emphasis-container');
+    }
+    renderTextStyling() {
+        return this.renderSlot('text-styling', 'gux-text-styling-container');
+    }
+    renderListsIndentation() {
+        return this.renderSlot('lists-indentation', 'gux-lists-indentation-container');
+    }
+    renderInserting() {
+        return this.renderSlot('inserting', 'gux-inserting-container');
+    }
+    renderGlobalActions() {
+        return this.renderSlot('global-actions', 'gux-global-actions-container');
+    }
+    render() {
+        return (h("div", { key: 'c8b7d0e895d041a9365af8e9fc7bb50bb5917213', class: {
+                'gux-rich-text-editor-container': true,
+                'gux-disabled': this.disabled
+            } }, h("div", { key: 'c12eb84731abc0392bc7f8beed93f6e8d682d555', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalActions()), h("slot", { key: '4be2b4e5e259e2f5510c4bdb64da8505e5a009f1', name: "editor" })));
+    }
+    static get is() { return "gux-rich-text-editor-beta"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-rich-text-editor.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-rich-text-editor.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "disabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "disabled",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "root"; }
+}

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor.css

@@ -0,0 +1,38 @@
+:host {
+  display: block;
+}
+
+.gux-rich-text-editor-container {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  gap: var(--gse-ui-rte-innerContainer-gap);
+  inline-size: fit-content;
+  max-inline-size: 100%;
+  padding: var(--gse-ui-rte-padding);
+  overflow: auto;
+  background-color: var(--gse-ui-formControl-input-backgroundColor);
+  border: var(--gse-ui-rte-mainContainer-default-border-width) var(--gse-ui-rte-mainContainer-default-border-color) var(--gse-ui-rte-mainContainer-default-border-style);
+  border-radius: var(--gse-ui-rte-container-borderRadius);
+}
+.gux-rich-text-editor-container .gux-rich-text-editor-toolbar-container {
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+}
+.gux-rich-text-editor-container.gux-disabled {
+  pointer-events: none;
+  cursor: default;
+  user-select: none;
+  border: var(--gse-ui-rte-mainContainer-disabled-border-width) var(--gse-ui-rte-mainContainer-disabled-border-color) var(--gse-ui-rte-mainContainer-disabled-border-style);
+  opacity: 0.5;
+}
+.gux-rich-text-editor-container:active {
+  border: var(--gse-ui-rte-mainContainer-active-border-width) var(--gse-ui-rte-mainContainer-active-border-color) var(--gse-ui-rte-mainContainer-active-border-style);
+}
+.gux-rich-text-editor-container:focus-within:not(.gux-disabled), .gux-rich-text-editor-container:hover:not(.gux-disabled) {
+  border: var(--gse-ui-rte-mainContainer-hover-border-width) var(--gse-ui-rte-mainContainer-hover-border-color) var(--gse-ui-rte-mainContainer-hover-border-style);
+}
+.gux-rich-text-editor-container:focus-within:not(.gux-disabled) {
+  outline: var(--gse-ui-rte-mainContainer-focus-border-width) var(--gse-ui-rte-mainContainer-focus-border-color) var(--gse-ui-rte-mainContainer-focus-border-style);
+}

package/dist/collection/components/beta/gux-rich-text-editor/gux-rich-text-editor.service.js

@@ -0,0 +1,35 @@
+import { getClosestElement } from "../../../genesys-spark-utils/get-closest-element";
+export function calculateDisabledState(root) {
+    const getParent = getClosestElement(root, 'gux-rich-text-editor-beta');
+    return !!((getParent === null || getParent === void 0 ? void 0 : getParent.disabled) || (root === null || root === void 0 ? void 0 : root.hasAttribute('disabled')));
+}
+export function returnActionTypeIcon(action) {
+    switch (action) {
+        case 'bold':
+            return 'fa/bold-regular';
+        case 'italic':
+            return 'fa/italic-regular';
+        case 'underline':
+            return 'fa/underline-regular';
+        case 'strike':
+            return 'fa/strikethrough-regular';
+        case 'codeblock':
+            return 'fa/code-regular';
+        case 'blockQuote':
+            return 'fa/quote-right-regular';
+        case 'orderedList':
+            return 'fa/list-ol-regular';
+        case 'bulletedList':
+            return 'fa/list-ul-regular';
+        case 'clearFormatting':
+            return 'fa/eraser-regular';
+        case 'undo':
+            return 'custom/undo-regular';
+        case 'redo':
+            return 'custom/redo-regular';
+        case 'delete':
+            return 'fa/trash-regular';
+        default:
+            return 'fa/bold-regular';
+    }
+}

package/dist/collection/components/beta/gux-screen-reader/gux-screen-reader.js

@@ -8,7 +8,7 @@ export class GuxScreenReader {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: '5833c3dc9a14981e711c8ad8049d9494ae334e08', class: "gux-sr-only" }, h("slot", { key: 'd2a0fa01359aff542daca760147e60821c33dfe0' })));
+        return (h("span", { key: '8fb432d7388caa1a6cd218f8912e0ebf2a5740a2', class: "gux-sr-only" }, h("slot", { key: 'e45f4cbc43482f66d29d413625e2c85e64d34240' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control-item/gux-segmented-control-item.js

@@ -45,18 +45,18 @@ export class GuxSegmentedControlItem {
         }
     }
     render() {
-        return (h("div", { key: 'bcae6b6301a82b51deb9a99955dc575fe2897153', class: {
+        return (h("div", { key: 'dc46906606d50c91ab22416895539fee3c4b2aad', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: 'a3b65a43182e16b702f6541a5adfb4045751554c', class: {
+            } }, h("button", { key: 'd523cd1a0bffee8bd4089a4818f89c59f8730e65', class: {
                 'gux-segmented-control-item': true,
                 'gux-icon-only': this.iconOnly,
                 'gux-selected': this.selected
-            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '5c0c4ae19ef344634f25ba6fd225042557e5187a', class: {
+            }, type: "button", disabled: this.disabled }, this.renderIconSlot(), h("div", { key: '14fa53716ca35297ada5a9123df90b450ced14c9', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '097d01545d5ffced13fea50f67b0c05a0c8075a6', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'cabd8871458da9377daa62dea1d31662721f82f7', name: "text" }))), this.renderTooltip()));
     }
     static get is() { return "gux-segmented-control-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-segmented-control/gux-segmented-control.js

@@ -30,7 +30,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: 'f9fd1a4321544d2a8dd2d8d6e34aa643761a2e1d', role: "group" }, h("slot", { key: 'a7a9f5ffa0b08b233f7910da21cc85785876cafb', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'd92279de25eca923eb4a937b43285e72fe01e6db', role: "group" }, h("slot", { key: 'b31f4db1c171864b25aa09fa3b771f170ebd1862', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-segmented-control-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-card/gux-selector-card.js

@@ -50,11 +50,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: '0312157f030ed755f64f09bb588ec4b7ec1a609b', class: {
+        return (h("div", { key: '36e9854a9b1596985a14344e5d382a70b26a3865', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '2cf731a95a45d717bcb170aa6bad40476f350294', class: "gux-content" }, h("div", { key: '14972665433efb7b7fb8f8739a94d29575d6fd1a', class: "gux-icon" }, h("slot", { key: '4e140f732601a8dbb62eaeac618d11259cb8d8b3', name: "icon" })), h("div", { key: '18dfe2fb6f116971a87c595164125865a3fcdf92', class: "gux-label-container" }, h("slot", { key: '2def29e1ff5b96ab4e53bbc7ebb07b323f3edf09', name: "label" })), h("slot", { key: '5b57eaec254d128289af716ac47f2e35014c6b57', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'd5c1f7a75deb3cd6e53d29cb8522f69553250fd0', class: "gux-content" }, h("div", { key: '97cc1be3d41db54b76c27f3e243b842efb6915d1', class: "gux-icon" }, h("slot", { key: '260bef000e3a08d67a89aa1cd684df2a06ffec0f', name: "icon" })), h("div", { key: 'adbdd6b5f7149cda9cf5c42dd77e1f6b41a7c68a', class: "gux-label-container" }, h("slot", { key: '1ee7d7e8b6957ba13eaf1c6a573601cdabfe5654', name: "label" })), h("slot", { key: 'd0e27ba586008b9e3bd1fbb970ccf9fabb24b838', name: "input" }), this.renderDescription(), this.renderBadge())));
     }
     static get is() { return "gux-selector-card-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-selector-cards/gux-selector-cards.js

@@ -8,7 +8,7 @@ export class GuxSelectorCards {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'f12fd2d6bcbad89337689aab3c563406555714cc', class: "gux-selector-cards" }, h("slot", { key: '9efbb5ddc208e089cee905451965fe6f8b21f25c' })));
+        return (h("div", { key: 'a344a19a4d45e0a02e4fc305ada701ee8a218ea4', class: "gux-selector-cards" }, h("slot", { key: '42711c8d6c3b618baa9f15de853064348ea01d7d' })));
     }
     static get is() { return "gux-selector-cards-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time/gux-time.js

@@ -38,7 +38,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: 'b7e466d7e29d424c0e6832442fef6869277a666e' }, this.renderTime()));
+        return (h(Host, { key: 'fa04f8b1e997d50afac9d3386c28f0d18bec0e31' }, this.renderTime()));
     }
     static get is() { return "gux-time-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone/gux-time-zone.js

@@ -31,7 +31,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'bfa2803d2d49528524c0b57520349a9b233de3c8' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '94ba4fe8ba6e941f0c13cd988370f044f34c6ad9' }, this.renderZoneDisplay()));
     }
     static get is() { return "gux-time-zone-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-time-zone-picker/gux-time-zone-picker.js

@@ -151,11 +151,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: '329f597fa27462c237c04356a4cab166ca5ed2f2', class: {
+        return (h("gux-dropdown", { key: 'd738513f1ad0226ebcc972558a5c9d803e936cb2', class: {
                 'has-defaults': !!this.workspaceDefault ||
                     !!this.localDefault ||
                     !!this.customDefault
-            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '21bf432b08378ac607f4184dfa9f4c85a03185f2', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
+            }, "filter-type": "custom", placeholder: this.i18n('selectZone'), value: this.value, hasError: this.hasError, disabled: this.disabled }, h("gux-listbox", { key: '83b90fee82119ad099e616fe2c3d1553b529fa43', "aria-label": this.i18n('timeZones') }, this.renderDefaultsList(), this.renderAllTimeZoneOptionsList())));
     }
     static get is() { return "gux-time-zone-picker-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.css

@@ -48,7 +48,7 @@
 .gux-container.gux-dark {
   color: var(--gse-ui-tooltip-dark-foregroundColor);
   background-color: var(--gse-ui-tooltip-dark-backgroundColor);
-  border-color: var(--gse-ui-tooltip-dark-border-color);
+  border: var(--gse-ui-tooltip-dark-border-width) var(--gse-ui-tooltip-dark-border-style) var(--gse-ui-tooltip-dark-border-color);
 }
 .gux-container.gux-dark ::slotted(gux-icon) {
   align-self: center;

package/dist/collection/components/beta/gux-tooltip-base/gux-tooltip-base.js

@@ -116,10 +116,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'e40f61c50e52691451ee3d6fb247af2ba22f8089', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: 'cd5086b6130448049fbf0a0f8e535c8bb1bea656', class: {
+        return (h(Host, { key: 'c770bc81de96d2cbdab860f862859c9bbbf39855', id: this.tooltipId ? undefined : this.id, role: this.tooltipId && !this.isShown ? undefined : 'tooltip', class: { 'gux-show': this.isShown }, "aria-hidden": this.visualOnly }, h("div", { key: '489760abcd1e6ee74455aec3942919a731af9de9', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'a1509014be12b78121b87aa6d284e6543590fc98', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: 'bd526d929810207c84c5c9048826c95e98363f6e', name: "content" }))));
     }
     static get is() { return "gux-tooltip-base-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -72,7 +72,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '26ae5749e09b49a787d5d1c97af98f15f2efe934', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'e99052ad8c57e31bb9682e717430a84a4a171207', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '74b351b377e865e521923148727d7f7cbb05fd40', slot: "content" }, h("slot", { key: '90c84b8abd6256e7db54f17150180cd78b1b8ba1', name: "content" }, h("slot", { key: 'f27a7b844efdcd2efe4e9188e532be48c2063f48' }))))));
+        return (h(Host, { key: '793cbef2ca35e24ad9aa850e74ec7f5c051cabd5', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '3d16db4bd342a99e8d291cd80216f3cfebb80eb3', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'b07a1fabe177ec340948d1c7b4067616defadde5', slot: "content" }, h("slot", { key: '6ba36f7f88f71e50bcde0a009bbefc13774276b2', name: "content" }, h("slot", { key: 'c4ffe632f13d1b2840686586994b0e64686d26d6' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-action-toast-legacy/gux-action-toast.js

@@ -12,7 +12,7 @@ export class GuxActionToast {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '3e4c48046469469c7eab7a2a1617d1db743fe6de' }, h("div", { key: 'de7346d4d1700b527f3afce568e82da04a59614b', class: "gux-header" }, h("div", { key: '5de7650e10a7d4cb28f3c3c34314a1b47b0bc737', class: "gux-icon" }, h("slot", { key: '55a12ec1e43a23a7ecbe85aff77a5c46a1c1640c', name: "icon" })), h("div", { key: '31d523dbfa8fb7667d4cbf3eadc5ad2f1296cba0', class: "gux-title" }, h("slot", { key: '2c6b710731012fc79779fb79923fcd6bae1c8117', name: "title" }))), h("div", { key: '9e0a27452b684a0fad9a0d7213df6300b1f8ee51', class: "gux-message" }, h("slot", { key: '0a5d049ba5d380c920899a942e1637f9f8d1f1c9', name: "message" })), h("div", { key: '35b4025c43299b591a5b7a3ccf775e42962cb79b', class: "gux-action-buttons" }, h("div", { key: 'c0ead3e54a3b7eefe5c375581db5a41bcc3680c3', class: "gux-positive-button" }, h("slot", { key: '8966339c25c0e06df8516af35f73fe962242ba7d', name: "positive-button" })), h("div", { key: '2e5e0104a38357a75b654499f1b332ef92c00ae5', class: "gux-negative-button" }, h("slot", { key: '25fb1018f495019e954b013ad0e8cd22643526d6', name: "negative-button" })))));
+        return (h(Host, { key: '344404b2729a70cdc427299bb88ab8eff6a1f518' }, h("div", { key: '2f2b8d4568fc903fe7014b999c5884991f53924c', class: "gux-header" }, h("div", { key: '9d96fb4bdd406ca5f146f5cfeaead14b44a1e5ac', class: "gux-icon" }, h("slot", { key: '617ec746f3aebe23ecfa602c8d60789b7ea59eed', name: "icon" })), h("div", { key: 'aa7778221616f7b69fa9747b7516909578f5b827', class: "gux-title" }, h("slot", { key: '3a739d4b488a5f74426e6cb44a31e7c91c8e9c44', name: "title" }))), h("div", { key: '6473157009504827971435c1dd480b48fc7aa79e', class: "gux-message" }, h("slot", { key: '4b2e51a6eb3a9aef809445eecadbd47f751a8344', name: "message" })), h("div", { key: 'c2df2ac9b53bff9acb83d1f18f4f2cecaea22540', class: "gux-action-buttons" }, h("div", { key: '3f9e530e1dff45b824fb2b319a7053a60d26a459', class: "gux-positive-button" }, h("slot", { key: 'eb474e9c4e011dc4e8ec015e0496bb3147fd4b7d', name: "positive-button" })), h("div", { key: '440031af2a91a9ec093e00f06e45b9afb91cb49c', class: "gux-negative-button" }, h("slot", { key: '8299f13a016f95f4354df5f29fe37aa1c66b7d5e', name: "negative-button" })))));
     }
     static get is() { return "gux-action-toast-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js

@@ -58,7 +58,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '36e1ac2860612da7e5f7b4a1622e3cfaa03a7e5f', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '42be6592e1ccbbdcc93902a9b9f203199fa1ca5d', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'ee5c16f4c77893a49fdcfee110f55f87d0d2aa10', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd73c0142821e13a834f43ac5d554a21207e81f12', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '244aa0d713714afa58a3154516eaef22dfe06be2', 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: 'dc0b57749111c9669aa0c2ffaade0725a7248a53', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'b68334ab57d49c1272f3f45788643f95c4fba3d3', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '767c891def8f989a9a65810734e0c5563463451c', class: "gux-icon-wrapper" }, h("gux-icon", { key: '5cc7199ca49a1f3a437bb9925d06ea7a0a5574d1', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b8ad4b1c20b3f710d9134a514c0873d5207e6e99', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '626f236c6be21b5941110be7167496a89ddf148a', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '9ca1b73419e9b34d30e073e88800ea05054f1f1c', "label-position": "screenreader" }, h("label", { key: '3cdcf80eebb02572b853e9508f12b5f7422baa1c', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'bdaa57712f58868af0036202ff3e7a690f6ab9be', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '0400f9106176013ffb6dae6299967255920451d1', expanded: this.opened, disabled: this.disabled }, h("div", { key: '07f4a75522492aa2b23bd118e15bd4dfa385b168', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '3731d1005dc21645b4e5d3db0128bf7c19fbd387', 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: '6a5414be05a0fa4bda566af05057eb3d2bcd032e', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '353ea5852bb21264ee0f6bf4dc6c5ae0fd68363d', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'dd4ace94cb295b3b4013977dbde9e7a736c847a3', class: "gux-icon-wrapper" }, h("gux-icon", { key: 'e3e780a3461441083846154da147b6bfef7dcf52', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b39b3c644c88fcf9d3e453ca9275ffd4810cdbf4', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '9b99daaf18bfc776dee1388764991cd819caba22', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '2250fdb7ea25e0786d6e8da278cf16222563c22d', "label-position": "screenreader" }, h("label", { key: 'bade61ee0c3e12ddbf272fa4d556772f6e4cb19f', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'df0970634a7bf0a85079a09a74af2a145756970f', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '247587c21dbc641349fa43be774373cc2b5f01d9', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '965c438738384011cf8a0793be1298145b23649a' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '73e76d48e40c273907e9d4c8bde818088dc1575a', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'f2744f267df2554133957442754feaf05140b48f' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js

@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'c86ca154ee39b542f054dd8b74ff2656d1f1f4d0', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '22314053c0f38be9611b79abebec2275a6239841', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '98236cc2f4de533a0fdd67647310f6e8acde7e28', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '695f34e38ef7e0815eef143419c138abd327a364', id: this.panelId, class: {
+        return (h("div", { key: '2f29e67c4be5267431fe742b72013ee7ed38a07a', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'eed43d112f9d627b03fed6d99f58798dfc47086d', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'd1274e70f923b3627dc42bbdff4af6ae7afeefe4', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '635dcd6a8dcdb4a2b79aa0ab2114ec3bd398bbbb', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'a095f40d6bfa57f03b260272ce8c6a04be76ae77', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '15a78fbfc0740a4312a6790f546e9dd85bf8867c', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-modal-legacy/gux-modal-legacy.js

@@ -42,10 +42,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '54ee2ee20bdc7eb565ec7c301846fe95c0701b70', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ebcde8e545160eef0fe351691e414de7d1fe1de4', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'bd6f5052a0086079dab553f44fbd4e616191b1e9', class: "gux-modal-header", id: titleID }, h("slot", { key: '79b0d5ef17b1f21dbfcef0c2afb5c04f1cd4decb', name: "title" }))), h("gux-dismiss-button", { key: 'f1baf7b60b9be89ac70bee95945241d1bc268c45', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'de367243bc1c73bbb4f118a8609a6caa735e7924', class: {
+        return (h("div", { key: '4c560129d4704e0cf2b39a77ea8494c4f943b0e4', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '4f26f1702ced1b770035eb3f993b47653d6077ec', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '84835e5f39c707d9fb03cb125d099cdec501c781', class: "gux-modal-header", id: titleID }, h("slot", { key: 'bd2f8bc2f6e25c833477df36a27db71f9e2f9488', name: "title" }))), h("gux-dismiss-button", { key: '26b54923c42ce83c65dc3b9d818baa53fb41b776', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'e8d57caaea18ba43763d1a49ff718a6f76909de3', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '1ce53978aa345c27ced2b8593fda10633c17fb72' }, h("slot", { key: 'a88703c6156de6438eb9f744a1f08b27f5a70df8', name: "content" }))), hasFooterButtons && (h("div", { key: 'c113dbfb5cda799baa88b4897447349986ced875', class: "gux-button-footer" }, h("div", { key: 'ffbf55412737f83baa35b8c6be7ff494bf5a2026', class: "gux-left-align-buttons" }, h("slot", { key: 'd3a7dce0768d19319bbd60e97c22e54fd8538dd9', name: "left-align-buttons" })), h("div", { key: '8f53d0ac415ee4d21496f377c251d4a729fd4daa', class: "gux-right-align-buttons" }, h("slot", { key: '3008447b6e0e490bf1d008cdf87197a021cb4239', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '5cf41c10982266dd5e137a9554b95b23da8e5d0f' }, h("slot", { key: 'fc063519fb7e6998c5848ac3deca4f44b295a66e', name: "content" }))), hasFooterButtons && (h("div", { key: '5dfe62a195dc5331bbf35f312c8159336f19badc', class: "gux-button-footer" }, h("div", { key: '440facd07400b3c353ce21d11c527d9df2e3810c', class: "gux-left-align-buttons" }, h("slot", { key: 'b110a10e475e0a96ad2042361e05010ba894c017', name: "left-align-buttons" })), h("div", { key: '387237bac3ede031f328a4336fc0d8d777a38277', class: "gux-right-align-buttons" }, h("slot", { key: '6dc5dda704f6000272135c2a405fe1db11b6b1e6', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

package/dist/collection/components/legacy/gux-notification-toast-legacy/gux-notification-toast.js

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '9121345ad03d84b4bc6f1a19b9fbb9cb3ce4351f' }, h("div", { key: 'ab52d6b49a24fd45148d03a46916a69cb56ca6b1', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '4c29663aedf7bd420c7dea0501c2d99bc511faad', name: "icon" })), h("div", { key: 'e8354589fe2d93242f497dd2501fef46d8a0ac67', class: "gux-content" }, h("gux-truncate", { key: '4ec00baf0c4f5e396e0da05449873f1234755cd4', class: "gux-title", "max-lines": 1 }, h("slot", { key: '0e8af2e96d76c47ee3629db502b7af5b9204c4ee', name: "title" })), h("gux-truncate", { key: '7c5059fdbc0313ad6f0092906a5ad23e26723ca1', class: "gux-message", "max-lines": 2 }, h("slot", { key: '9acab5142ece228e1a833e4fa9fd4ca35164c33e', name: "message" }))), h("gux-dismiss-button", { key: 'a8115319b6d30683d09cd71b07dec55cbdb7421c', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'dafa40dd0c1a58eefa2dec3b6f18ba91269973b4' }, h("div", { key: '79cdf572f7b5f7dbab218f604890c72ea33c5d4e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '7a354b86a39b9099f924e2bbff4a9d75978544ed', name: "icon" })), h("div", { key: '586c1df3f9d74e6888d388ac66fe8432715a78b4', class: "gux-content" }, h("gux-truncate", { key: '306b9ec4f9199b632386550eacd61b91a38278ec', class: "gux-title", "max-lines": 1 }, h("slot", { key: '0ef6f4e5c0330134888cffac11383a470435037d', name: "title" })), h("gux-truncate", { key: '3702f19ebe1e30724cf58db7c447ec4191bfd53d', class: "gux-message", "max-lines": 2 }, h("slot", { key: '5156b07eec3d3dab083f927dd7e4cd48215425dc', name: "message" }))), h("gux-dismiss-button", { key: '7f1ba59b46646d79a9f619fd166edc6221099f53', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'a6243a420c5cb05109f686297d3990267d5ef619', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '8480be886e567ca8bf1e66da80549d6a0d3b6f1e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '11acb2de2fc86deee8ee16dabcb7f67ae9a91cdf', accent: "ghost" }, h("button", { key: '59d9ba8074617e133b9dca156f4610fce776996d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c41f5fdd2146462eb63ceafdf0571a3814211770', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '971950a291ae5007e21948f4aa664da0c5c2d20a', accent: "ghost" }, h("button", { key: 'f7c1e1e8343599717b676869c134618e9ecdbcd4', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '583a8b5bca736dc5e1dac6a42deed97f0718b796', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'bc3c6cfb6eb78d95262251ec8731a4f35947faff', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ae68c4d3cdd00ca47ef28b9c0a300a8a7446f3ef', accent: "ghost" }, h("button", { key: 'f963831002dc9db82ef074ad1b55a023ebb00333', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '4da4e3848ef2215163bca0c98d824e2ba3b5107b', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1b8df17972a5ba207c26c4eab99020c64867d819', accent: "ghost" }, h("button", { key: '32667238aa61ff20875b090eb378b7f60e68a921', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '487abfc5e2170b1b425da0ffe7e3ef64886528e2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '0b69d5b10bf1a96f25df81efc2e983bf043faed1', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '4435e8b36ecee3491a3a1fafaf8f203c3aa8bf7f', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '353ab5c3ad056dfabb306b4f9afed4607e0472fd', accent: "ghost" }, h("button", { key: '57b76a54ff7678d1968d8020e28653d703712a2c', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd291ac0c3e69ef71394d28385083d823b6267d46', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '98d9439a820726f71d5c3cdda00d67a372383405', accent: "ghost" }, h("button", { key: '32af0791cc1318dfa22ef1e6fc6ce7a652f76012', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'a8c2e57f9220fc2702006a2b0676b711a5d8f998', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '404dc356e99b6e0315911fc507ef7f41ac06b76e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '2a263413bd65e2f2ca15f7b18b217b9e91d7a29b', accent: "ghost" }, h("button", { key: 'c0e696b318212333f78f850340169fcf1edb5ba3', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'd9d6dba17a7adc83bf639d700da05dbdb2b79aa2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '3ce6bdea50340103d865b495a8d3b459418969ae', accent: "ghost" }, h("button", { key: 'e47a2063cba8b8d91e05d6b99640b2be77b747ae', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '86adbe15ac45d7adde0fea025a43077a63c41061', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.js

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'd86fede5303f992abbe1993e2615e00d3c2afe87', class: "gux-pagination-item-counts-container" }, h("span", { key: 'a09a49a51bd9fc5854ce1713aeae773bc3387ed1', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '18c769f1060224ffd67629c4e51d1226ec25155c', class: "gux-pagination-item-counts-container" }, h("span", { key: '796072285432136d960c17f4db74119fe6c27891', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '001714a94d3c1a15c1a77c437fa14db431992bcb' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'a5a600f60894153fd1f30118d505b56097a97b2c' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.js

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPageLegacy {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'eb1a61e6515125191c1a6c66c14c6098f0c2ae94', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'c88d0d70133cc286975cd3aa1106691008801d54', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '56a32da0066670df6fe3c5b99aaa6a329aae6138', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '7df667f146c16ddf76de3c0407ad5e6a0aa10252', class: "gux-pagination-items-per-page-container" }, h("div", { key: '82e83d9aa8b27c0044e5fc5e642c1e4bc9f6a44e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '69bb3f0d14fae439cdba3c7c5c27103607375cca', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination.js

@@ -58,7 +58,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: 'de0374ec2dadeefb7b844379b450418b2e15a5a1', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ba96e938a25970cc5d6e39d3809889463d2851ea', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'd0cd37007ff5f8e96adde03166bd81edd244b114', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '79450755765b35044a39f45e8214f4b9f1a04b4e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '1bf63c813df44b2eb622b2cac0ddcd15f6335d7d', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'acdba6e6ebacf3f31f75fb50441fe2ad56c620d9', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.js

@@ -12,7 +12,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'faeb7f140b5a9907f15dc7abe28504e65539bdc5' }, h("div", { key: 'bee42f5ab2cd9144be530bc45bcba284ae56f2ce', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'ae8f3a59fdcef11a263184a810b3bef6ad9bf039', name: "icon" })), h("gux-truncate", { key: 'd2d38f4bef47de31b02858be6100456d26e1cf46', class: "gux-message", "max-lines": 2 }, h("slot", { key: '31b94f13bf81b1c2c591c8ada7a4b6a275da35ec', name: "message" })), h("gux-dismiss-button", { key: '3b1ae0022e06b05f338719649df7524832247d5d', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '25121cb61bea23511d7d6be1b8edc3604a83f993' }, h("div", { key: '927aae1436f6bcae529195d8e2b93c8ef0fda0f8', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '1a1da0bcf07f441c36acd1c98f43d1829c11ae84', name: "icon" })), h("gux-truncate", { key: '075f28ca8032ba31a38da7e852ac40c140bb3d22', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'ddb1ca729b67b482abf6c9efb8291ff2587a3b28', name: "message" })), h("gux-dismiss-button", { key: '1a5702f57280dfdfa46f886500d5086f6d3fddda', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js

@@ -14,7 +14,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: '6e159ebd8385899b265f72304b322f30ba67eb24', class: { 'gux-selected': this.selected } }, h("button", { key: 'a2944357aed5b638b72773cfa61fc4a0403e88b7', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '36ac5c60669149a2275c990280354275b58065c0' }))));
+        return (h(Host, { key: '0426d13853008338b3403eeec5b1c838191ac2c2', class: { 'gux-selected': this.selected } }, h("button", { key: 'efb35769b9e9a6f46bdb8a20ad62296ae877030a', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '025987f009297692f742939f620d45ee33596c4e' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js

@@ -31,7 +31,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: 'd31f1b985746e46fa8070c14b044c2bbb448b2b2', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ee7c9df819373616eaa3dd62c183571a70954d79', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'd28caa04ab22d360ba591b7e3ec8aa84baa04c57', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '565a0086497b99043cddb3eafa20d724cd41c02d', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js

@@ -44,20 +44,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '74b6698435d09c5e2edaa317894edec8a530611a', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9a66466592d0a8d6fcbdd6d59f176312fc588e44', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '7993a5161d82b7ddb9de1d15d47f7586c5482ad9', class: {
+        return (h("section", { key: 'c33acb6d303948eeda3f65a8cd20f4ca66855ae9', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'bd66b7f428b9f0ad5b31cb6f41b3d370b65d4b6f', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '1512dca09f8d4d42da3e3b8879aa8bfe2e761b23', 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: '25713267cdb169a5fe0d824fde324cf082aacfca', name: "icon" }), h("div", { key: '6add7215ea7104353c6eddc5ba05fe3bcd5c25a0', 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: 'd5bee0b95641a13d250ec2fb058533ac4cc10ad1', name: "icon" }), h("div", { key: '90fe4d09962000cd58e82a29ab636419f143e0b0', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '0956d79b0352213f9e42828d551850ac8473fc30', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '8059013b1895be1f76bd1c021ce16ec4c116aaaf', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '2c5102f896a089c1e53bca2bf21d3bf2dfcb7736', class: {
+            } }, h("slot", { key: '433f33f914ed5900256f300c00c4983af9043b4c', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '7c8df6869e09e4609b59dab3639db0299d43d05e', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '38976899a132ea13915a4cac0f7fd96a2eb72934', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'e2ee822f08fe9f4247896b8d9a3a27fd23ee26c6', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'a20da5b716b908598a2d5f50a3b8cd1d0406301f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '30491c75e91bc11ccd9838bfb1c35e38b4b20800', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '24e573cdbae1bd5eceff7fad880d80703710fc94', 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: '09a5895fcb817f30838c16bc975464569150d6f2', name: "content" }))));
+            } }, h("slot", { key: '0793394ca7b28483c51e1fc5c3779fb971ec458b', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class GuxAccordion {
         }
     }
     render() {
-        return (h("slot", { key: '72852efdafc204b706f7efc44b26b7b187eefdf7' }));
+        return (h("slot", { key: '160c93a1c18f316b83aa14959ccaea44debdd1f6' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-action-button/gux-action-button.js

@@ -116,7 +116,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '6ddcba4924dfedc3214c34ff2b1b0c02b896aa89', class: "gux-action-button-container" }, h("gux-popup", { key: 'e0ec31739c588fd5406a250fb1dd55926debb322', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '78d08a590d6a22d5c0bfaca1d05f6bfbc149e4cb', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'a49f468fa8b7e5942cafd1dfd5930cfb0270299f', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '93b1c251d3ca226ac809f47100ed211c48313980', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'e688794838173c12210ed0af28c216544f7e7158', name: "title" }))), h("gux-button-slot", { key: 'ca63abb681212fb721eaacef3831a1945a05a26c', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '2b69b963ac164128df0dec4de997ae1e348b49c9', 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') }, h("gux-icon", { key: '89819f60a6f61d35ca2668cbba60d8b61a1d838a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '6733338ac23a0f88a3d31defc9e17e12fe57d5ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1e649cf1a770bfa59dde175a8bbcd25857a9d3d7', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9eda4b80054a2fd335d4727e526ee8a3d02e7d03' }))))));
+        return (h("div", { key: 'd9060faa5bd3fe1e0e8afca0ab801758028669d3', class: "gux-action-button-container" }, h("gux-popup", { key: '115bcfde626ba30fb63ee623ca5a685e9397d629', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '83035160e0216c92e92f1db257bda013447304ab', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '99e10dc66c62aff894c81d4179b5bab464adba50', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '8415344a4e9cf48e49ab36c3ecf85a96907fb4b9', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '5369ae7eb85f4598afaabb7002f82e8b0e4434fe', name: "title" }))), h("gux-button-slot", { key: '1ad1e508ebe6503aaf090c1f4208de0b8a5a683d', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '26c91a4f060c6b64bd9183daf7f775c45238e766', 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') }, h("gux-icon", { key: 'e752f4953745a9b76d506bc284d48127c0672bd5', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '8627c9d41cfe82390206ae32777d727a96de69fc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'debd47bef276a4227a1392ed4fa94b405be1f4cb', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4e7c9bfadd10b43d732e92c1695d2c7337531100' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,7 +33,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '3155274a9d8cb85f35b0b4b02095cad8b0025afb', class: {
+        return (h("div", { key: '1258217f32ccfd99d298a81f89a74672fb059324', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js

@@ -35,7 +35,7 @@ export class GuxBlankState {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: '254441873ee0abf26d07d86c0ff8d5088e20af3e', class: "gux-container" }, h("div", { key: '20407d4a5b30eb1eaf708fca4e2ff88c42b675ad', class: "gux-image" }, h("slot", { key: 'c4cf1bf58136803b63dd1a5b84a4b2be0fc54f03', name: "image" })), h("div", { key: 'eff3d73f052dc07a3102b0b135d2109cc39c7d6d', class: "gux-message" }, h("slot", { key: '75dc59294d001562307f4cbd9989fdbb34acfe3f', name: "primary-message" })), h("div", { key: 'c886609987a4837739b4de66b8300b107909328f', class: "gux-guidance" }, h("slot", { key: 'a797a544aba20ad2d3c123d9c746f3a004dff711', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '24cd9e0dc134c6df9532bd0cbc8670a3c17d6090', class: "gux-container" }, h("div", { key: '67f2a6704b38fbb0dc3742b09f0ec326942437b1', class: "gux-image" }, h("slot", { key: '62100e3caef04d45a9844c00909293e1004524cc', name: "image" })), h("div", { key: '208ea8b7961f9c6cd14202cd936b24e56d5425aa', class: "gux-message" }, h("slot", { key: 'c616ba4fcb9a847b5da5f3f3e74f2b1b9b0e51b4', name: "primary-message" })), h("div", { key: 'b0c6560fa70f92487d25364817a70ddf5688bb31', class: "gux-guidance" }, h("slot", { key: 'd1633da5220f82b358faa02d1ebd76526bbe2dfa', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js

@@ -38,7 +38,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '62b04f1d5f6081415b79e232248b56cf5bb138f0', role: "listitem" }, h("span", { key: '32486b4280826d41e4397c0452683038c011aae5', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '02be8b25219f72cdd40447e500bf5e40f46685cc', role: "listitem" }, h("span", { key: 'a69eed8530b06af14aecef1b8a534b7a2ddb1215', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '3263182d9af07fd63e2103fd1b075d404d109c3e', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '887ad432cd8024d589449252c07d575c2d8362f0' }, h("slot", { key: '3f8b7efac73e4f54b741cc95bb2788033069c515', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'b9006e984e5bf6d3e71aa29e10bf11311b6ef184', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'f1f244e8496e990f1de0d96fb39e15075f7c25cb' }, h("slot", { key: 'ab74b94efc7e33fdc7b8a1d449a5a018dfc4451a', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }