genesys-spark-components 4.94.0 → 4.95.0

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

@@ -0,0 +1,58 @@
+import { h, Host } from "@stencil/core";
+/**
+ * @slot actions - Slot for gux-rich-text-editor-actions
+ */
+export class GuxRichTextEditorActionGroup {
+    constructor() {
+        this.hideActionDivider = false;
+    }
+    shouldHideDivider() {
+        return this.hideActionDivider || this.isGlobalActionsSlot();
+    }
+    isGlobalActionsSlot() {
+        return this.root.getAttribute('slot') === 'global-actions';
+    }
+    renderActionGroupDivider() {
+        if (!this.shouldHideDivider()) {
+            return (h("div", { class: "gux-divider" }));
+        }
+    }
+    render() {
+        return (h(Host, { key: '71f1f627972a0fe4506b8a855debc8d33d33a9c9' }, h("div", { key: '5a74851c3855d4632b585f0d75fc0d3398ddff69', class: "gux-action-group-container" }, h("slot", { key: '0f5d4503a0e1743f26cbea14b4a1bdafae3cee81' })), this.renderActionGroupDivider()));
+    }
+    static get is() { return "gux-rich-text-editor-action-group"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gux-rich-text-editor-action-group.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gux-rich-text-editor-action-group.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "hideActionDivider": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "hide-action-divider",
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
+    static get elementRef() { return "root"; }
+}

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: 'd2f0c7e3760d33d1a162e25091fb38600b551713', class: {
+                'gux-rich-text-editor-container': true,
+                'gux-disabled': this.disabled
+            } }, h("div", { key: '6cb5313df385ff2eaf578d1f04f90160165446d4', class: "gux-rich-text-editor-toolbar-container" }, this.renderTypographicalEmphasis(), this.renderTextStyling(), this.renderListsIndentation(), this.renderInserting(), this.renderGlobalActions()), h("slot", { key: '34b06313c8c5fc7c0d1aca06fab3e222688c8a78', 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: '5faa66e55e3ebc5882090df54f1588aaf80d5979', class: "gux-sr-only" }, h("slot", { key: 'f6d6c305eef26c0f6f78e072b55e7cc1511fe3ac' })));
     }
     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: '62adb0bf4159700506cd14b99153260f784cb551', class: {
                 'gux-container': true,
                 'gux-start': this.isInStartPosition(this.root),
                 'gux-end': this.isInEndPosition(this.root)
-            } }, h("button", { key: 'a3b65a43182e16b702f6541a5adfb4045751554c', class: {
+            } }, h("button", { key: '18af6a0c4c057a307374e40cdde031234c67603a', 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: '082eeacb9d0298b9eef16d9d6d6e7f1744208d85', class: {
                 'gux-text': true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '097d01545d5ffced13fea50f67b0c05a0c8075a6', name: "text" }))), this.renderTooltip()));
+            } }, h("slot", { key: 'c4ceb7a0b24bd0157dd40e025ea3d5626a4c2942', 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: '734e7af66b54ad7ec3ea4ebbff4c112776ea7640', role: "group" }, h("slot", { key: 'c1ed62ed43011977f22a7847feec542f1e054148', 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: '5b60d7ada3e594a681fd3f68e9f0cc2c731e0d93', 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: '9e139a97ef02724adfc45b71f76ff9074e9aee00', class: "gux-content" }, h("div", { key: '0b37efa740903195268a61ec36ca7b32cf5b9ec9', class: "gux-icon" }, h("slot", { key: 'f794d384a4037f67b1e8038a97116d122fe20306', name: "icon" })), h("div", { key: '392b31d49762af5949c300d88e7254571fb8e3e1', class: "gux-label-container" }, h("slot", { key: '13d20dfc17e19b98d8e837e7f3e9ce7fa2d6d371', name: "label" })), h("slot", { key: '469ac58ab46d2e1c746f2f593c812f48d0d7b467', 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: '03a212b20ed023ca41a667190c0737888abe881f', class: "gux-selector-cards" }, h("slot", { key: '4915402317cfb8da294e69c6b2724e9618616827' })));
     }
     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: 'c2a16009561127533597b903ed9ffc14de015ec9' }, 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: 'dc4331c82dd78340f46e5db2ea5652cd222560f5' }, 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: '8ac8904ea59b1b8d948342f1da7b21d7ef7d3899', 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: 'f2b316f10946e66ecc3b140245f2b11d5a61832d', "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: '14041b171c08679235e91bdf45f77b722541d1fb', 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: '1c812332b1dfb0c5d721d3255a4299ad52945f06', 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: 'b7dd84722cdbd10d77a0ead536386fe968895953', 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: '4f2fe6261336821a9fb7ff251ea1a298769ff527', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'fde0703ca1f47baa889159cbbc51b4092e4eb00e', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'e0655c2e2fc41d811476794564bc73f6024e3752', slot: "content" }, h("slot", { key: '072435014ecb771df5d5a9c26040897e43453a9d', name: "content" }, h("slot", { key: '6169cb70045f34b20dfdce1021028b6a3163bc0e' }))))));
     }
     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: '06b669e25c915727a75188e6c83a67cf3a6c6e50' }, h("div", { key: '0d46cc738d0cc0e7eb576bbcfd3077d549422fba', class: "gux-header" }, h("div", { key: 'b85869fa7722f20c0729ed8476adde8c60d784dd', class: "gux-icon" }, h("slot", { key: 'd7c9e66d8a9bce4eca1545b8e52a3567e12d3288', name: "icon" })), h("div", { key: '434e4133c44507d1c0ac0e5c09217180c5a9582a', class: "gux-title" }, h("slot", { key: '489704db17f3058f21331ca25607dd640b37120e', name: "title" }))), h("div", { key: 'e7ad6de9053b0ab2a2da03d910e0b10a84872c31', class: "gux-message" }, h("slot", { key: 'b2b8fed563c3ddf1bede89a3b89b168157fe28ba', name: "message" })), h("div", { key: 'a70341b12c2e371edeedafb0d6abc53f8fb88a84', class: "gux-action-buttons" }, h("div", { key: '14f269ee62ce87f386cdefa01f571f21240f761e', class: "gux-positive-button" }, h("slot", { key: '89ae930fdb9bea2c8fda3d973bdc42e7126a6999', name: "positive-button" })), h("div", { key: '4a058200c8d61fa5f30c407993c930f76777f693', class: "gux-negative-button" }, h("slot", { key: '451a38cfa2e7e1544ed71ee43ea05aace7efb661', 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: '94b16dc60cbea6e1d78b988ace9f2f0730489c0c', 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: 'f9b06ba4837c32b5dfd8d6233e4c308faba199c7', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'f89e194b78859e4fc7bb4cdcceef1ae7fa3782e6', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '5f0034e7e4de52e27101121a61edc8e9ce29373f', 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: '24d22ea767f69a998a522bcf8554b3c1e0085a9f', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '92a1f295682e39d20598e8552e64caf34faaf1a4', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '8bd6a915c60fb7b2c9233e3eb31de259cec8821d', class: "gux-icon-wrapper" }, h("gux-icon", { key: '9d9e9369da50a4497bb39de473aa66e0b1946c6d', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '7368775bed0ab1a7171493c91d2d22eb4d5fac75', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '09ce3cf94503ddd3b4a9c7f81609b1f1aea1c249', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'fa8492040da77c1f97abf8a5e3660b3223372500', "label-position": "screenreader" }, h("label", { key: '4b5b4c48f47c48c17a683caff813abfb79e81286', slot: "label" }, this.i18n('searchAria')), h("input", { key: '243396bf7efb1b1366717cd3075a6dad86cde2a9', 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: '31fa0ae21688f4133c7f2166eb04caaeb47a4785', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'd792e3d51da170ade6c9dcbcf303da8bd8fa7d2b' }))))));
     }
     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: 'ddef471b42c98794dab1a0e5e755cf54fec2b0c2', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '20de61af1b0b1708fff14674f935681fc8aee6fa', 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: '6d1a848d5390dca8a58c7b80a4eed44827bf1115', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '7fc00905888e1fa6ec8a4d7b3af68366a793793c', 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: 'e884ac7e55fe4dca6fbbb974246ad1f56c08123a', 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: '5f457e12306e532a5faeb08ccd5088def404500d', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '9320f3205d2140c8297960533c16a6f42d112873', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '313656eb077ba16cae4e0a1e6b0ccd5a28ad5591', class: "gux-modal-header", id: titleID }, h("slot", { key: '713027a2e52f39d690f4ae9f54fa53338c9c74d8', name: "title" }))), h("gux-dismiss-button", { key: '9d6f660adca155f6ad6cabc57ec47fcff5288689', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'a627f9095e3fe0c5ad4e3c147bd8df2a1329ebd6', 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: 'dcd2c29acc0a5af774e3e9979db379f7209d0bdc' }, h("slot", { key: 'b43de22c106dcb9f96635b4c3db484597869f236', name: "content" }))), hasFooterButtons && (h("div", { key: '69e643ca248133f867c0ff0685d9b659acbfd870', class: "gux-button-footer" }, h("div", { key: 'bd33f4551ca3541a26ffab0fb5a99942c4b5fffe', class: "gux-left-align-buttons" }, h("slot", { key: '1705c355ed16be660a6ae1e133fadfd564c2ae50', name: "left-align-buttons" })), h("div", { key: 'e35f60dc7090908e1a4fccae789b7fe833309d7d', class: "gux-right-align-buttons" }, h("slot", { key: '6c481dc20a43810f482ebda0193d5d740a3cb161', 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: 'e89fcf11738baf03317d7c56273811131da3f7b0' }, h("div", { key: '89277a68a30e49eb069115ca11311d9ddd6830f9', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f665c7775ae1a6a6ff1958a8c34483b29341adec', name: "icon" })), h("div", { key: 'ddd5b9585bfdbc8c6370144f028ca3c4c38e6504', class: "gux-content" }, h("gux-truncate", { key: 'ccae37cd7fc780b22aaa7fac06e7a4e6565a0320', class: "gux-title", "max-lines": 1 }, h("slot", { key: '06b2199b949c06e3af9b6070dac58c5d265fd7c9', name: "title" })), h("gux-truncate", { key: '9661906d06cb5c49d7eea6c8eb76909dcbb7ecbc', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'bf0cf6c4bfc6216323bcc4a38ad297cb8b160610', name: "message" }))), h("gux-dismiss-button", { key: '81a8198540694dcc1a8bd2c11ef64679c8393145', 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: 'cf9d1aa327e567e66d5d58c370c5fc0565311f66', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'b8808505a73122dd425dc300086a05d32b38ae5a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '170043ded744b166397c1b099d78accd7c38cb0e', accent: "ghost" }, h("button", { key: 'f23c7fd0d3f6924dbe46d14fb3a3068bae46819a', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '30b642045bf347188515e968343ce66747a3bc09', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'e9d43e7ae07446cfc9527a43146d8d881c9be336', accent: "ghost" }, h("button", { key: '209f23b5f0005cbc7a26ff1c67590bed30a87e55', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'ddb87a37cae0960a4728c48f4dd611c21ea6291c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '70e2025a238b1c23ce924284eb0ff2aa9f72fece', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4dc694410a72f6154fdc9b4230686593e8ebfebe', accent: "ghost" }, h("button", { key: '24151099dfd916c9e9c21c3d9de2aa7420fc24f8', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '48e4dc0b96359b2eb2550fe85da861dd421ecd6d', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'b8fc59dd06fcfe6c9a4ba2054c5760bb9535cd9c', accent: "ghost" }, h("button", { key: 'b4de28572d94f0601cb8984aea3566e2a8e29837', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '01cc7c574e250995b4f213994078b120b68e4195', 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: '90ef90546222d12af59d21ed93a0a8adc32fa0d5', class: "gux-pagination-item-counts-container" }, h("span", { key: '1d6ca0ba95cd81ddae42c24064a435b4dc550a55', 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: '3c2169002b5b8ae47f11502626ee19148911d3a3' }, 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: 'a3684f7a45180e5242ed847536ce951d32b4a114', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8d8f09fa8c0759a9a292a8fe488024a724cd36ac', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '851730b1a021e907a9a8acd40e40ec3004e96025', 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: '06f25d9a1bd5e7dff491f97443ccafe7aedbc77c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '730fc84ecd17032eda0c17b237c8e223d729791b', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'ebf17a5d4e899d5aadd9d2953040f55e1f348a7c', 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: 'dfecd2f12bd23315876634dee83edd5e796abcbd' }, h("div", { key: 'deab3d4065b4b8f20a0dee2fd619d2fa5eb4b44b', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '2bb878268d53b5807fb6f9b1601ab38913486a93', name: "icon" })), h("gux-truncate", { key: 'bd8b37abc0270c6fc44ece12ac2e85217dff610e', class: "gux-message", "max-lines": 2 }, h("slot", { key: '8189aa5199fd3057af47d6d8f31d6046ac0f341c', name: "message" })), h("gux-dismiss-button", { key: '344653867fef5264468c2cf91bab6f30eb2fff48', 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: '8664571691ba02d34d6a5b7d1edad8c88a4cde79', class: { 'gux-selected': this.selected } }, h("button", { key: 'fc12f3f71af60b44cd14c9d873551a15aff4def4', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '8400d14caf75e56641f8638e220dfdd8bff14516' }))));
     }
     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: '6b77fe6a118544d683fb9cba196c5b272f99ed39', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '53b5b6596a523d7b6bd4397c66b501f82353a21b', 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: '0e8522085b4696a045927aeae0f22e532cfc8898', class: { 'gux-disabled': this.disabled } }, h("div", { key: '2b0f643d1ce0be09c15f1b7a6c0339dd2230b6de', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'd88bcbc86d00e36cb0372096aad610b79e1d0a53', 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: 'c4abff8cedecb75431b22e5ee22fe440c0f14c2e', name: "icon" }), h("div", { key: 'fbc138693ebdbd92dfcae9bbaf099a4e1b745b05', 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: '6a2951239c6b18677b49d4a747a793ef4927fdee', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '60db1594be165470d0b20f54a97ebf16af2f4ef3', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'e6e02afedbda79b8cb92cdcc6a5c5bbdbb81386a', 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: 'e4e12d3e31ab59e93e376444838e895212ddbb9f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'deb1f5d7e8ce97c2d2e15a6802363d64bdd27951', 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: 'a86a49a6091b3f74b78da3947714200e1e73f072', 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: '28040b2043bfe4e262c15529afc4d9c052677982' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }