genesys-spark-components 4.187.1 → 4.188.0

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

@@ -4,11 +4,18 @@ import { trackComponent } from "../../../utils/tracking/usage";
  * @slot - text
  */
 export class GuxScreenReader {
+    constructor() {
+        /**
+         * Whether to render the screen reader text as a block-level element.
+         */
+        this.blockLevel = false;
+    }
     componentWillLoad() {
         trackComponent(this.root);
     }
     render() {
-        return (h("span", { key: 'd381c188a499ff779d21109c472f677bddae6120', class: "gux-sr-only" }, h("slot", { key: '5e02f9feeb45afd4a0495fbec7702c87221ed4fd' })));
+        const ElementType = this.blockLevel ? 'div' : 'span';
+        return (h(ElementType, { key: 'dd2efc54f5815727cd95cd6c4924933d262c9c74', class: "gux-sr-only" }, h("slot", { key: '30955e15c247afe36b8e3e1ae5d9480756cfe372' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }
@@ -22,5 +29,29 @@ export class GuxScreenReader {
             "$": ["gux-screen-reader.css"]
         };
     }
+    static get properties() {
+        return {
+            "blockLevel": {
+                "type": "boolean",
+                "attribute": "block-level",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Whether to render the screen reader text as a block-level element."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "defaultValue": "false"
+            }
+        };
+    }
     static get elementRef() { return "root"; }
 }

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

@@ -1,5 +1,10 @@
 export const renderConfigs = [
     {
+        description: 'should render default span element',
         html: '<gux-screen-reader-beta>This should not be visible</gux-screen-reader-beta>'
+    },
+    {
+        description: 'should render div element',
+        html: '<gux-screen-reader-beta block-level>This should not be visible</gux-screen-reader-beta>'
     }
 ];

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxSegmentedControlDivider {
     render() {
-        return (h(Host, { key: '357152541b2089a36c3bfd0bd4359c38024ee626', role: "presentation" }, h("div", { key: 'a7981076c6beb5f75c926207ce50ad42ed1b7266', class: "gux-segmented-control-divider" })));
+        return (h(Host, { key: 'e33131ee5b2c6f0fbb842752e7f1319e5fb9c641', role: "presentation" }, h("div", { key: '073f60b6a77d96df8c85b3d3afa8c611c66e09fa', class: "gux-segmented-control-divider" })));
     }
     static get is() { return "gux-segmented-control-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -38,17 +38,17 @@ export class GuxSegmentedControlItem {
     }
     render() {
         return [
-            h("button", { key: 'c96fb4977bdb1eba8f53973d380940abc08b9cdf', class: {
+            h("button", { key: 'feadaa3a0a34dd4e05c25349d1f5036c2be23e48', class: {
                     'gux-segmented-control-item': true,
                     'gux-icon-only': this.iconOnly,
                     'gux-selected': this.selected,
                     'gux-parent-disabled': this.hasDisabledParent()
-                }, type: "button", id: this.id, "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: '2f4787ebf8207cac41fe51fadab69341a911f66d', class: {
+                }, type: "button", id: this.id, "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: '4fe419fb1496cb7bf59d0c3e2941a8ae26e3ef35', class: {
                     'gux-text': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '74837d9937cc61897e4df5ac9c23563ce146891f', name: "text" }))),
+                } }, h("slot", { key: '4c577e19349523829f93a892d8939e53d8413fc5', name: "text" }))),
             this.renderTooltip(),
-            h("gux-segmented-control-divider", { key: '08052bfcacc3862cb051dae2e6114cb0426e7fb9' })
+            h("gux-segmented-control-divider", { key: 'eaac00547cb02001efab3823c82b8dd5af19e3e3' })
         ];
     }
     static get is() { return "gux-segmented-control-item"; }

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

@@ -35,7 +35,7 @@ export class GuxSegmentedControl {
         });
     }
     render() {
-        return (h(Host, { key: '69c1c6af7218ff87269c5ece06d15057138d0396', role: "group" }, h("slot", { key: 'd8dc6e5c1a9afcb104386cb11fe57e014d2747c8', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '18c9d3cb3221da01ad70cc2b1466d4cf6e66f91b', role: "group" }, h("slot", { key: 'd637acc53552932f0fc72e5437c7487a5bbef0f0', 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.css

@@ -214,12 +214,4 @@
 .gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=radio])::before,
 .gux-selector-card:active:not(:disabled) .gux-content ::slotted(input[type=checkbox])::before {
   background-color: var(--gse-ui-selectorCard-active-selectedIndicator-foregroundColor);
-}
-.gux-selector-card .gux-screenreader {
-  position: absolute;
-  top: auto;
-  left: -10000px;
-  width: 1px;
-  height: 1px;
-  overflow: hidden;
 }

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

@@ -37,7 +37,7 @@ export class GuxSelectorCard {
     }
     renderDescription() {
         if (this.variant === 'simple') {
-            return (h("span", { class: "gux-screenreader" }, h("slot", { name: "description" })));
+            return (h("gux-screen-reader-beta", null, h("slot", { name: "description" })));
         }
         else {
             return (h("div", { class: "gux-description-container" }, h("slot", { name: "description" })));
@@ -49,11 +49,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: '05014b2157e9bc9d9bd7efe5e56c82b4f70bd9fd', class: {
+        return (h("div", { key: '628b290b36f27f11a5851adcdf7dcfcdcd76e246', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '72b8c789d8046733cd57f0e2a4d2eca3e1e9b849', class: "gux-content" }, h("div", { key: '96647eb946ed3a794382960d0775a031695df3c7', class: "gux-icon" }, h("slot", { key: 'f495ce9cc16319dad0607760aaec76be5d4e207c', name: "icon" })), h("div", { key: '7d8f83733bcbed2994d3cc912fedaa78b77dfd00', class: "gux-label-container" }, h("slot", { key: 'c3af7e8497c4ace5264efa09367955b7bc33f373', name: "label" })), h("slot", { key: '350556db6dff2c1694c5096cefa62b049d367fa2', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: '3f95ed9d103d8cf7766fd441d476c3c3f86a2f2c', class: "gux-content" }, h("div", { key: 'd6cb7b6937cccca4456bf94c1c2fcb92b08a7924', class: "gux-icon" }, h("slot", { key: 'c2a2a0f7f8f6680694582f7fd61157d5d8d6be70', name: "icon" })), h("div", { key: '2a87beb05bbb012f0f3e932dc1d75b2088af8c44', class: "gux-label-container" }, h("slot", { key: '3fb1ef09c29d2b94119fc13ed584bed880059bc3', name: "label" })), h("slot", { key: '09436179cc660457f5b9d5bfbc43469a887cb7a3', 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: 'd6a7dd262ea70e5f3280025880d1093ed4f617f0', class: "gux-selector-cards" }, h("slot", { key: '71d64c6a6baf926669b56ffb0a2410627461f15b' })));
+        return (h("div", { key: '2821f76a36356d3f183d1fd4a1119abc6682ef59', class: "gux-selector-cards" }, h("slot", { key: 'd914e4b7746f29281b55b80d4ee1c49931b2134a' })));
     }
     static get is() { return "gux-selector-cards-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-modal-side-panel/gux-modal-side-panel.js

@@ -51,7 +51,7 @@ export class GuxModalSidePanel {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '095e5b8decec78894747a17279092f518c343e05', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: '713617fd7471fe072ce387b9960540e72c9ec8f9', size: this.size }, h("div", { key: 'e8944cfbc525af66f4c48d4d39efac5e9d0095ab', slot: "header", id: titleID }, h("slot", { key: 'dc84bde8fcec8b902a82971f6c6dba9b75d3213d', name: "header" })), h("div", { key: 'bbc3d8206df640277d3157ef3a854167a474cb56', slot: "content" }, h("slot", { key: 'b0af309b0a42632775e87e3eb239f6888ab269b1', name: "content" })), h("div", { key: '07d5a3e90572c0f51c5e739e6a2b68a6d7b7438d', slot: "footer" }, h("slot", { key: 'a04f6dfee20d647aadf13cc8a2b5beef23699fca', name: "footer" })))));
+        return (h("dialog", { key: '31a9427be666b9726a34d5cfa56cc273e471bcd9', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: 'f4b5efc109a334c41de0c225a9883c2893b9c656', size: this.size }, h("div", { key: '1f057ec4560b8778511eccffff587207c4e4f1f0', slot: "header", id: titleID }, h("slot", { key: 'b158d4672d7490356c80be7884fc544ce35189a7', name: "header" })), h("div", { key: '436cf84e5268e6a43314de695f9862c9756a7900', slot: "content" }, h("slot", { key: 'd336c0518132476b0660d3c90ba222698cb09b99', name: "content" })), h("div", { key: '29e1b9c7df89c76d460c8e744b0679aabbbbf4dc', slot: "footer" }, h("slot", { key: '831e3ce9c7099bdcd3d6b8c6ae00dbd47d3389f8', name: "footer" })))));
     }
     static get is() { return "gux-modal-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-header/gux-side-panel-header.js

@@ -30,7 +30,7 @@ export class GuxSidePanelHeader {
         this.internals.role = 'banner';
     }
     render() {
-        return (h("div", { key: '3e51981bc3ef9171b30172615672e5bde142e0ed', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
+        return (h("div", { key: 'daeb34deeff0d64980a20db719ececf47e73d2cd', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
     }
     static get is() { return "gux-side-panel-header"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/components/gux-side-panel-heading/gux-side-panel-heading.js

@@ -16,7 +16,7 @@ export class GuxSidePanelHeading {
         this.headingTag = `h${this.level}`;
     }
     render() {
-        return (h(this.headingTag, { key: '16c5ed69e29143fe6dd8dc15ff9891ec27b343d8', class: this.size }, h("gux-truncate", { key: 'd0f35b7a7a0aa4854ea122fb4a5082dc126d9a08' }, h("slot", { key: '472c72d64aef550468f5fb14a2ee08ba5c7093fb' }))));
+        return (h(this.headingTag, { key: 'c963ef0aead20b24578769767f771caf855ee547', class: this.size }, h("gux-truncate", { key: '5027c3cd015088912e245087b86ea483ff033eda' }, h("slot", { key: 'ca9109f6c3d6ccf2ff6dcaca85573e020a73cabc' }))));
     }
     static get is() { return "gux-side-panel-heading"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-side-panel/gux-side-panel.js

@@ -55,10 +55,10 @@ export class GuxSidePanel {
         return null;
     }
     render() {
-        return (h("section", { key: '9b681d8929a76f104ca2c47e551997958b8210dc', class: {
+        return (h("section", { key: '702c3c5880d4e25a87d51b977c14d51170ddff1b', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, this.renderHeader(), h("gux-dismiss-button", { key: 'def951eb87f48ed951f5cea12d12f91200e3da22', onClick: this.onDismissHandler.bind(this) }), h("div", { key: '02d126bf8dca5d2f938936e324074c49e747baf7', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
+            } }, this.renderHeader(), h("gux-dismiss-button", { key: '90237cbc7c473f35acb23776eac8e614a3922e3b', onClick: this.onDismissHandler.bind(this) }), h("div", { key: '566600dd2685c05554af422b91f575a17f2142bf', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
     }
     static get is() { return "gux-side-panel-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-status-indicator/gux-status-indicator.js

@@ -27,7 +27,7 @@ export class GuxStatusIndicator {
         }
     }
     render() {
-        return (h("div", { key: '6d65f9349aabefc7815477b5edd4d730353191bd', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: 'e93d0d092730e63e3af78b72159eed7105998cca', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: 'b3d3688cb4e7aa917e23daa8be2593bc848a29bd', class: "gux-status-indicator-text" }, h("slot", { key: 'e8b83e29c592ab27e5782a3e59aa8d80a1fc603e' })), this.renderTooltip()));
+        return (h("div", { key: 'c95f40c1085b92b83f3034d5e45d0f9848bc433e', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: 'f81aacd63770cadd4721eca9e6a30dd17c25a93a', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: 'd71cb16de1a4596a3aecf13774df017627f7d690', class: "gux-status-indicator-text" }, h("slot", { key: '10733f344d41a578ff0a5e8104a44c1cc23c0b59' })), this.renderTooltip()));
     }
     static get is() { return "gux-status-indicator-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step-title/gux-step-title.js

@@ -18,7 +18,7 @@ export class GuxStepTitle {
         trackComponent(this.root);
     }
     render() {
-        return (h("button", { key: '841783a2963db35d81da4faa8720bda2bb14b739', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: '84d45fe4b4184d0ce38dc93d26aee6741326cfaa', maxLines: 2 }, h("slot", { key: 'cdc5e9f5f9e9cc467edf1557e0deb5c4f9c90935' }))));
+        return (h("button", { key: 'e29a88d6550c357e4db2d8de5345cfef5d6f2d2f', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: 'fec8fa65f7ea9f5c8689b2f38e1141d28f86734c', maxLines: 2 }, h("slot", { key: '645b255c3b0b107045c74001f567f7d48d5a995e' }))));
     }
     static get is() { return "gux-step-title"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-stepper/gux-step/gux-step.js

@@ -34,14 +34,14 @@ export class GuxStep {
         }
     }
     render() {
-        return (h("div", { key: '0c43e974df0addd9cd0c97dbcc9e7942674f98b3', class: {
+        return (h("div", { key: 'c65d2d6e490c4137a6bd80d34d97feb2e947d12e', class: {
                 'gux-stepper': true,
                 [`gux-step-${this.status}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-active': this.active
-            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'abe43656fd924aa8389afebfad309bfcd00bbef7', size: "small", "icon-name": this.active
+            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '4c241bd6d57ede399cf71a66254aef4111898228', size: "small", "icon-name": this.active
                 ? 'fa/circle-half-stroke-regular'
-                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: '47a0fa4adfe20b03c5f31cd68d9c9ccf97350a30', class: "gux-step-information" }, h("slot", { key: '4958fdbd95a601f1651eee2ea7d4f3ff7c68246d', name: "title" }), h("gux-truncate", { key: '7f0dad8b212f835341e997eda3f4b38be26c3746', maxLines: 2 }, h("slot", { key: 'b0aa839b5401befb521ac719bff15a8e1d43e8c9', name: "helper" })))));
+                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: 'ae4f0dfb3efd9384ad3b7165dc5241ecfe2ea006', class: "gux-step-information" }, h("slot", { key: '2f5ded60b825a6a52f3feffbdd863c60ed54e4c5', name: "title" }), h("gux-truncate", { key: '921d3fd4a17dec3d371addc22c5bacfea1d9eded', maxLines: 2 }, h("slot", { key: 'ebd9466bf10c0f8729b0d399569b0e8bb8df810a', name: "helper" })))));
     }
     static get is() { return "gux-step"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,10 +41,10 @@ export class GuxStepper {
         this.stepList = slot.assignedElements();
     }
     render() {
-        return (h("div", { key: 'd59ace9fd343ee90e2f25dc3d2feac1f714c0cf2', class: {
+        return (h("div", { key: '22df4e8c195139832d4d5af2df541bd2d0bf22d4', class: {
                 'gux-stepper': true,
                 [`gux-stepper-${this.orientation}`]: true
-            } }, h("slot", { key: '87eff08c0c88f5bc35be0b8228b0147fdf42d505', onSlotchange: this.onSlotChange.bind(this) })));
+            } }, h("slot", { key: '9cfda68188c59de32a7faece6dbf303425231206', onSlotchange: this.onSlotChange.bind(this) })));
     }
     static get is() { return "gux-stepper-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -43,7 +43,7 @@ export class GuxTime {
         }
     }
     render() {
-        return (h(Host, { key: 'a732d366a726b7ca76ddcf465e14efb832ad536c' }, this.renderTime()));
+        return (h(Host, { key: '5e0b5e5c57271dea2e0d3e892ed5b07a26944ea7' }, 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

@@ -25,7 +25,7 @@ export class GuxTimeZoneBeta {
         this.i18n = await buildI18nForComponent(this.root, translationResources, 'gux-time-zone-picker');
     }
     render() {
-        return (h(Host, { key: '19f25b2ccabc913ae1e3406f773523908f481db7' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '8d487502512ef0f5bdaed7670f8afcb7386afbea' }, 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

@@ -143,11 +143,11 @@ export class GuxTimeZonePickerBeta {
         return (h("gux-option-group-beta", { label: this.i18n('all') }, this.timeZoneOptionElements));
     }
     render() {
-        return (h("gux-dropdown", { key: 'e4d29d2bf15f1519f56f906377a5a7a171a9aa14', class: {
+        return (h("gux-dropdown", { key: 'e72484153f78ebe208262758a22f1e74fb02bdbc', 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: 'fbdccbed365c2e622ac20128faadc9a90a617a96', "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: 'df98e57e9aab2a18e189f32222b8043c0436263b', "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.js

@@ -172,10 +172,10 @@ export class GuxTooltipBase {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '4fa56951bf7fd32b8e11f1089f30d021bca199e8', 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: 'dd829553f083312c894651bded3778d35c1c771a', class: {
+        return (h(Host, { key: '9442bb6033b5f25d913ce6a4d080d731c0228828', 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: '33689a708f2e30077018b987ab916ec552591e37', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '7a8a9872807193d6c49fe95236f753f07ca8436a', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '104faa5501637ab6a85f1b0a02f080b7a5c180b3', 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

@@ -76,7 +76,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '2c3c4f0d81b3af031c6eae5b0ed89a34a93a61e7', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '572aee4f4239aaceb305e9946e10c9ae9e94ded4', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '2471f299fd9b6752ee02be21a294d7edde006dc7', slot: "content" }, h("slot", { key: '98f6aaa4608637806ed16111ea778ddb7f9859cb', name: "content" }, h("slot", { key: 'c3c6f951155450abcac39a904791c77f51f45cc2' }))))));
+        return (h(Host, { key: 'f4197724c8ea9b0aebd2069d748cf640cd4a36b9', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '9e22955a189f648a76accf078f3a731bf224fed8', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '51bf980837e652448ec34134e006df4baa9e43a1', slot: "content" }, h("slot", { key: '9234949aecb188b2ffb88e2b5a91bd7a3b8c958c', name: "content" }, h("slot", { key: '1446009101a41e189bc84bf5e65a249b7701cc9a' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class GuxTooltipPointer {
         }
     }
     render() {
-        return (h(Host, { key: 'f3f39b62500b86f8a6b2ae8ae9431ec6cd8ed33f', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '1fbe0555fb0830aac6b65826212c0df83d5c925f', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: 'd9a08ddeb731ba24776e9298117d3c7a743a6eaf', slot: "content" }, h("slot", { key: '883ddc3258fb1be1fd9c8a49f6eec75e77ce4c14', name: "content" }, h("slot", { key: '408dea99dfdfe76cd918c733f8b188052e72387a' }))))));
+        return (h(Host, { key: 'b1b8cd4c5b07b0033e488e415b64c75114053c3d', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '3e198db92d2408372dcf1fbdcea10469b60590fc', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el), followMouse: true }, h("span", { key: '4c822de2b6c7f346aba56203dc403264f31cfb8d', slot: "content" }, h("slot", { key: '443b7d7e236c19fd390abb43a2d8747b2f528ae2', name: "content" }, h("slot", { key: 'f0e9d0e884225aac6d11b94535c61c9ce0e4e6c0' }))))));
     }
     static get is() { return "gux-tooltip-pointer-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree/gux-branch/gux-branch.js

@@ -47,7 +47,7 @@ export class GuxBranch {
         }
     }
     render() {
-        return (h("div", { key: '1595b9c9e52ba5c2ab7b5b65dbf6c782f8b9e7c9', class: {
+        return (h("div", { key: 'b188d7bffcd9e4a9db62e480a90995080d952593', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -55,7 +55,7 @@ export class GuxBranch {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': hasChildSelected(this.root)
-            } }, h("div", { key: '1dc7e2fad6847362714a3b5239dc1b480398cfa0', class: "gux-node" }, h("div", { key: 'f0ff2f4bad4be216685549fe4e2fac7f4f0caea9', class: "gux-selected-bookmark" }), h("div", { key: '48ecee7bb00c68dc6c106c5b92503c57842b1c81', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '67b875a73e6a60422fce7e7e550b25333e680b9b', class: "gux-selection-target" }, h("div", { key: '722e7bb65f9fae0ffb3dc7574ca6ed7e14ea1cf3', class: "gux-icon" }, h("slot", { key: '62ab2163b1102be48d9bbd902f79e5051b72f233', name: "icon" })), h("div", { key: '6c46f12353794772e1d148fc3a35164e7744cf0b', class: "gux-label" }, h("slot", { key: '4e5bfa5da8ad19a79988a41030ba885b0255839e', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '5f03fe5f7c38958586d82cd0488d0e1221a606ec', role: "group", class: "gux-treeitems" }, h("slot", { key: 'a4903f7f0e5b2e5301b71f814a16ebbc83394f95' }))));
+            } }, h("div", { key: 'e194a8c7e8145b515ac3a56d10257160efe41752', class: "gux-node" }, h("div", { key: '2e1f1d3e13f4da7d37fa527515cfd41fd8dcee28', class: "gux-selected-bookmark" }), h("div", { key: '96a75f30fa2c8e6ee62b0da005a117da70c683ba', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: 'ea49279428bc814a2487870bb3ab846b7da03ef5', class: "gux-selection-target" }, h("div", { key: 'a62a3bb9411825060c6bb7cd5716b7e56a5462f9', class: "gux-icon" }, h("slot", { key: 'bb7f6629917deb4fcd93778c933fcb28924f1c88', name: "icon" })), h("div", { key: 'a412adea01cca16a58ebbca041619bf402f48e51', class: "gux-label" }, h("slot", { key: 'ba6bad7709f23ef39eec8077220b2f00c2224cdd', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: 'b79de3530b2e196b503c0bb1d48464b7087609bd', role: "group", class: "gux-treeitems" }, h("slot", { key: 'f5576dc98d4b194cd5eafcd9d6bf2ff457e78bc3' }))));
     }
     static get is() { return "gux-branch"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree/gux-leaf/gux-leaf.js

@@ -39,13 +39,13 @@ export class GuxLeaf {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (h("div", { key: '876887e9ad35fc9d693680f49e7276f6c48bc1bb', class: {
+        return (h("div", { key: '2d3242e8a415292bc1302b224e610b0bdc51e1e3', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, h("div", { key: '28207105caea9511e07266c968d85da064e55099', class: "gux-node" }, h("div", { key: 'eca9ee43fa28c7ba0047a31c5a859ac302d28883', class: "gux-selected-bookmark" }), h("div", { key: '6bf1404dc631882ef925c1bef0fd5472766573a7', class: "gux-tree-item" }, h("div", { key: '1d5fa5d71b989da6ae814415b1e883a06df7c553', class: "gux-selection-target" }, h("div", { key: 'ee4606570b0939067f9a1769411f812af9aebc15', class: "gux-icon" }, h("slot", { key: '6ddcfd6c8c3c55d2a847e7d7ead7b8cbb752c628', name: "icon" })), h("div", { key: '94a3cca75e93b48ee670186a68b7a39bae80a9be', class: "gux-label" }, h("slot", { key: '5d0138d462b94961fdb8862737ee32560e055f0a', name: "label" })))))));
+            } }, h("div", { key: '0fe1eae3fb61fe5449d54f0f201e68692a1f9496', class: "gux-node" }, h("div", { key: 'a9d61ea4e86e89f710b6f30130d0c54096324d63', class: "gux-selected-bookmark" }), h("div", { key: '3afc20579bdff05403106ec9494c921f8efd8cf4', class: "gux-tree-item" }, h("div", { key: '0ae41cfc1f5ebc88b039e3b996a12a487bf4067c', class: "gux-selection-target" }, h("div", { key: 'eabfa4033ed8ad84562cd1ed0c20a8f0aa2b4b52', class: "gux-icon" }, h("slot", { key: '76c513ca92264279b969ce33fa42559b481f6f0c', name: "icon" })), h("div", { key: 'bab98ab9f9d2f816803795b160ae3a9d0acb1233', class: "gux-label" }, h("slot", { key: '623587fdb223e7062d0d8a73a80b7379cdb4b7c1', name: "label" })))))));
     }
     static get is() { return "gux-leaf"; }
     static get encapsulation() { return "shadow"; }

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

@@ -155,10 +155,10 @@ export class GuxTree {
         forceUpdate(this.root);
     }
     render() {
-        return (h(Host, { key: 'd8c4323112d74b595994f0ffefa4a880f8aa2354', class: {
+        return (h(Host, { key: 'be9c64844df74bdcb8cb76d08c913f917c7c804a', class: {
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end'
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '53b6baa1d962e918be9854d673e8bb9bc143dec0', onSlotchange: () => this.onDefaultSlotchange() })));
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'cef06014f59fdc5ba1c1910476eacbde5274c6a2', onSlotchange: () => this.onDefaultSlotchange() })));
     }
     static get is() { return "gux-tree-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree-multi/gux-branch-multi/gux-branch-multi.js

@@ -50,7 +50,7 @@ export class GuxBranchMulti {
         }
     }
     render() {
-        return (h("div", { key: '7fb93c4bb639bc5ce887fc0222c966a2cec077f3', class: {
+        return (h("div", { key: '5634bdffd41fca1916e576d9491e6b799f37e2de', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -58,11 +58,11 @@ export class GuxBranchMulti {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': hasChildSelected(this.root)
-            } }, h("div", { key: '0da397c4b327ba4ae1d0b74a1aaa10d2cfa5ac11', class: "gux-node" }, h("div", { key: 'c126fe7c1455a0305aee5b9d8c9065990c76dd64', class: "gux-selected-bookmark" }), h("div", { key: '3ff32f1bad50173a71461ee0f3b33dcf42b0a4f0', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: 'bbd5fa067cae2d16111ea51d35bed39f7adad7e0', class: "gux-selection-target" }, h("div", { key: '2df1326a07287e7aa3f51fe417470021d5b76550', class: "gux-checkbox-container" }, h("input", { key: 'aa2e61da2f553e157635772a185eca90110ffbb3', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
+            } }, h("div", { key: '91a8599620c2fed9285ff798d286dd12b5f78c45', class: "gux-node" }, h("div", { key: '6747cd4538b7bca324e03880416329569a69bf23', class: "gux-selected-bookmark" }), h("div", { key: '5ce8397eedfdae1879adbf619cdcc3d48450d208', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: 'd743354aca188568d6d52918372fef931c60d8c7', class: "gux-selection-target" }, h("div", { key: '38b88a7b92fb0e669be9fc270f9bcf09f74acc9d', class: "gux-checkbox-container" }, h("input", { key: '036531960070791178465202366c4d66d60bcb3b', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } })), h("div", { key: 'f8f2a59d37a813aaf32c8f46411c08980c1645bd', class: "gux-icon" }, h("slot", { key: '5a79411d11cd2bbc88404a32bcd3a87b62890792', name: "icon" })), h("div", { key: '282980c8f071d9dd170c4948fcc5fb77aaf65a8a', class: "gux-label", id: this.labelId }, h("slot", { key: '293cd9ca47e447c01817c77bf48cc7ed47d648d6', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '9f69a61b11c8a9b53bea3a19a6370569bc5f7c7d', role: "group", class: "gux-treeitems" }, h("slot", { key: 'a66ff73e7527c020fa33bebb1673d54702cff19c' }))));
+            } })), h("div", { key: 'af91283ece0b84ad8b038fe7565dc1c3f8eda62c', class: "gux-icon" }, h("slot", { key: 'c6323912a29b81fdc52c760825edc449a59a64d8', name: "icon" })), h("div", { key: '520313d3a7e6bb596e082fd0a53d4b4c946605f4', class: "gux-label", id: this.labelId }, h("slot", { key: 'cf2c9eb51e4ca6611c55255e94f0894dfb1adb0c', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '8c96792771435035899a40978bdf6563f4dbb7b4', role: "group", class: "gux-treeitems" }, h("slot", { key: '2cce5e687911dda5c77f64a41aed65e1c43aeb2a' }))));
     }
     static get is() { return "gux-branch-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree-multi/gux-leaf-multi/gux-leaf-multi.js

@@ -41,13 +41,13 @@ export class GuxLeafMulti {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (h("div", { key: '99a1c2dac0915217deed66883b81ed4e9a535b37', class: {
+        return (h("div", { key: '6308560a33225fa4856f42427cd1f72896f9d5fe', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, h("div", { key: 'ebbde1b6586d5e9702205a116039108e15b2fed7', class: "gux-node" }, h("div", { key: '238e7942d29f60b38ff3e7fde66626ddc8965ca8', class: "gux-selected-bookmark" }), h("div", { key: 'c775d1f2986c3420fbd41cb58a65afb8f9ffc6ce', class: "gux-tree-item" }, h("div", { key: '5eb8881175dc425be3dab7adda230a2b639c45ba', class: "gux-selection-target" }, h("div", { key: '0619831125828984d911af9c46bcbd0206577687', class: "gux-checkbox-container" }, h("input", { key: 'fc64de6a2279a875fc331490100abaae1377f144', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), h("div", { key: 'c8a32032c2a8cc87397d1990e77fd478a81364b5', class: "gux-icon" }, h("slot", { key: '8b20342e561990fd2e7310f4aa3dd66f3f87f5f1', name: "icon" })), h("div", { key: '925bf2141a05bc92a5cf590e72f32d8c98feb0bb', class: "gux-label", id: this.labelId }, h("slot", { key: '809ec1560a1aa2b38e0221818b03343bb247330b', name: "label" })))))));
+            } }, h("div", { key: 'bc19e0df8fb756c40b8623685ed8fcaa064979fb', class: "gux-node" }, h("div", { key: 'dce35e2451f5b49b0cfaba90f0d1948367d2e34f', class: "gux-selected-bookmark" }), h("div", { key: '180ef03aacf13bef370ee831f784b62a04ab235b', class: "gux-tree-item" }, h("div", { key: 'b5b06a5d8e329b6c79f8e71a526623081385f021', class: "gux-selection-target" }, h("div", { key: '89f77c7c28583c05bbb880d95e2e969835898abd', class: "gux-checkbox-container" }, h("input", { key: '780d8d6eee47163a372963672571a3d8db2bcb73', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), h("div", { key: '0883d745f36516a14b76e4a7fe5fcdb51e391515', class: "gux-icon" }, h("slot", { key: 'a9a0804254fe4e2403d5ffaf5439c2de501d996e', name: "icon" })), h("div", { key: '34144c1234b6a2546b3d6d13af9049b214db6be4', class: "gux-label", id: this.labelId }, h("slot", { key: 'f21adda7014ecfd2bee9cd574af88ba63d76a428', name: "label" })))))));
     }
     static get is() { return "gux-leaf-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree-multi/gux-tree-multi.js

@@ -176,10 +176,10 @@ export class GuxTreeMulti {
         });
     }
     render() {
-        return (h(Host, { key: 'd254777b87e5b3fa7b59cd04c135f20b4033afd0', class: {
+        return (h(Host, { key: '5edaf56dfa82d2d0f6f0fe0b1e250a9954f66ceb', class: {
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end'
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '24354642f49671bc41d8cfc686717ab4f9fc94aa', onSlotchange: () => this.onDefaultSlotchange() })));
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'b2f6ad72b2b3caa953625e95de1b3c7b7cb35819', onSlotchange: () => this.onDefaultSlotchange() })));
     }
     static get is() { return "gux-tree-multi-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: 'faee7b43469366ecf4b83bcba27d479cb05fdf3f' }, h("div", { key: 'c5c9b50195b74006837daf9ed21bafd702251b1a', class: "gux-header" }, h("div", { key: 'be68c6ba461dbdec636e040f7ba16f500ba8eb81', class: "gux-icon" }, h("slot", { key: '518cfcede722f1e5753ec85ed443ab2ea486a10f', name: "icon" })), h("div", { key: '66d154fc40b4f348146085b52eff5faafa41df6c', class: "gux-title" }, h("slot", { key: '9c1d66e2755c90bc8129efff9865f1f0bcf79a81', name: "title" }))), h("div", { key: 'c074aa998579e8c59f03d7e01e36cfdcbb53d2c7', class: "gux-message" }, h("slot", { key: '9767c4a224dcd5c4b90514daa4a98dd5613ad9cc', name: "message" })), h("div", { key: '51fa5ff9a5c615f5c91576e17230e1415d70620a', class: "gux-action-buttons" }, h("div", { key: '3a3c935f9dd5f8475d98071942d413316554133c', class: "gux-positive-button" }, h("slot", { key: '6d231257e47ab583d144d2460d58605b64b25810', name: "positive-button" })), h("div", { key: '4736b7f9e1b545da719614fc6cc45a32fadc08c0', class: "gux-negative-button" }, h("slot", { key: '75b8fe9e5a393043b43bb708c2c72d1b00b3058d', name: "negative-button" })))));
+        return (h(Host, { key: 'b2d2d5b7d6908797b78510477a44489be36486b8' }, h("div", { key: 'ea00fe15430e23dde12f5e730077f41aa5539e59', class: "gux-header" }, h("div", { key: '53b12739e5f3b9f42f7963fccff9b42931d2cacb', class: "gux-icon" }, h("slot", { key: 'c921ed0fd86d8457460dab6657691bde9757a1cc', name: "icon" })), h("div", { key: 'bf4a0d6b8672a9f6bafe5d958222724f823cdb9d', class: "gux-title" }, h("slot", { key: 'f6527f6f4e5254fa30db6a3a74ff7746224cb634', name: "title" }))), h("div", { key: '16712144c652b4081f037915919360609a7d4c58', class: "gux-message" }, h("slot", { key: 'a3362fe2896085ed0ad5b47892cd6d820116b84a', name: "message" })), h("div", { key: '3189432e0b9bb55e2d0b61412ba12b4e59ed0c36', class: "gux-action-buttons" }, h("div", { key: '991f87ffdc184b1356f7026c8ac3b1128aaf8c6b', class: "gux-positive-button" }, h("slot", { key: '301453553cbe7a6a320a2063e6cec478d2267b74', name: "positive-button" })), h("div", { key: 'ada103c63518a594ea3226c380f15c77699b886c', class: "gux-negative-button" }, h("slot", { key: '2452964749507b41181f5eceaf49f5719ef9b39f', 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

@@ -46,7 +46,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '9604ae8bdae08b96511463f5eec869b1c86ba892', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'cb92fe1fbb98f14600e6d026b3c4af8fef644327', 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

@@ -77,9 +77,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'cd5396732f01957e55faa308412846b7289bde60', expanded: this.opened, disabled: this.disabled }, h("div", { key: '8c6656fb47908266bbc26faf2f404eabac93dabc', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'bd392c0aa7731c2ca9b2f25c8cbc24d31301665e', 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: '391b17a90d213d3bb8d07231b1b010a67e9bce4a', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '4ee4fdee1a0221bafefa466b82ff80e6829b3ba4', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '071ac2333aa5b5fba6c0e2b3496678ba24083850', class: "gux-icon-wrapper" }, h("gux-icon", { key: '492041ba667e92fc8800e157873230b2a1f72ede', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'f716ab1605d773aea6b530aae98d51796882135f', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'bfe8b85ed1ea8af9d80ddc5eee6737917dfcdff9', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '3b70d81787b4bb03475a057b0d1cd09f662b069d', "label-position": "screenreader" }, h("label", { key: 'ad7fd81d730f8736006e49255d7eaf483fea4549', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'a817985baa7fd6457fb55d8c5aa3a3a02019d624', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '9e537b87fa50a8e0852e6c7a81e988394961d432', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'b9e78a1bb5fc5b17f57b966848930d2e0476adb4', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '8b30e0b88fa01f47b97205682f79f28c6b478a3f', 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: '75dbf5dfedc143855d72e39a6cdc228c84dcbf01', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'cb9c1007a7799677e7fc4bba39b8eded7cff3c5c', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'a9fbd8d978d7a9358471234c636bbcc92d39afdd', class: "gux-icon-wrapper" }, h("gux-icon", { key: '9346c46125bcc28ef46233b09cfb34e84f9eadb7', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '53ec8d5ee5ad8f48caa8dd83eb04e1d54b1a1975', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'f774aab70724270cb26ae01e489b8c38077066ba', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '5145f76b57e7b037a87a1d5e77efc529995634b2', "label-position": "screenreader" }, h("label", { key: '983169f2a3ef6a24509c63c1a0754cc479cb6f41', slot: "label" }, this.i18n('searchAria')), h("input", { key: '78bc8dd62fd445bf279121bf71cf7f4c9b3cd1fc', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '2d597c591245023d023dc546dc0081cb38a36c54', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'fca9b5e96fa920ed3e731023fade5ff4ca2a776c' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'b2295503d9b527c1cba6ba2a7e1ed921eb36b776', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '7aad1432692efb3ae42033464b985d3367cb919b' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -46,10 +46,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'a7410d4fa5ede825a8f1e61c34ac5bacbc02eb1e', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a8fa8bf56bd2d49e855e648364361f9464f696db', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'ed5a0689820e9e4b5f47c7a7432754c852dd8724', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '0818e00d7ad9c6c1f36c2a8a7d8597d58872bf7a', id: this.panelId, class: {
+        return (h("div", { key: '0400e29e3587a0d533c780382bb71a5f20c61eb4', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '9c75cd6901e022aae1d181e7570d37e003f93860', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'f470ff60f6c92217c4eaa05ff379c5cb99318c0e', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '58ec3442693aa9b1b8975ae36dd82fb878236514', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'b61f079d42f1181695802085b9b0af1e8f47c488', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '429b7953402c191e03cc7e8861ba53181e120ad2', 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

@@ -44,10 +44,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '09677b7cf41bee98c7ff0184ca1d7d3de947b065', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'd7e30d3d3d160f2dabc97e3ccf6ff88949162be3', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'bee9e01d63615d8ea0647d2da71e1d7df357b0e7', class: "gux-modal-header", id: titleID }, h("slot", { key: '34e260a499780b3a3bf5ab6b7251e38984e9291c', name: "title" }))), h("gux-dismiss-button", { key: '423eafafc2586e5f2f30597b1331528256c10b5c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '9203ea19d1521a22264405bdcb5db76185949f8e', class: {
+        return (h("div", { key: 'e453b9e4b68c4ad9e489ac4a6e8700754fc6cc4c', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ceeeb4b5876b69afe3d3d93f4d0750fedb57d77e', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '8aa8aa694370d50413cc4a943b2bab0cba6daa5a', class: "gux-modal-header", id: titleID }, h("slot", { key: '7482ebd759b0844d9704bb6b259ad8e4d49fd73f', name: "title" }))), h("gux-dismiss-button", { key: '4721737b9b90a0e93e54e62e2f02fa2bce302e0c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '330d2e8f6d3eb9d8d64217fbfc1a3c5381520d50', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '1136985c490e15f37e003179013accdaddddb244' }, h("slot", { key: '86787b100e7fdf0c0139757c9130a5f370a63942', name: "content" }))), hasFooterButtons && (h("div", { key: 'b22a1f4a55e6e6f9b3ff30ee579ea5011a0679e4', class: "gux-button-footer" }, h("div", { key: 'f5549d2c59b859c77de44fe79833f0a28e05d89a', class: "gux-left-align-buttons" }, h("slot", { key: 'aaab9e8048cad7c6fdfd348255e39d0aa7931848', name: "left-align-buttons" })), h("div", { key: '38dc02d96f3fbf000e4428cfc13e6ec88c462f1d', class: "gux-right-align-buttons" }, h("slot", { key: '47b8d970fb1845ba32f261874e82104c520b4477', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '615a572550359a68a212fff83f9c250230ea780a' }, h("slot", { key: '1f06f6de3144e0f6d06646a8a8a34264735df5ef', name: "content" }))), hasFooterButtons && (h("div", { key: '0a908b3103edd743256f3baad58cfa445e991b15', class: "gux-button-footer" }, h("div", { key: 'd2527dc6e184693edef8e338182665e745547056', class: "gux-left-align-buttons" }, h("slot", { key: '3d429d69c5659beeccfb96929bd10b3b9fd004c0', name: "left-align-buttons" })), h("div", { key: '3912e750570efaac011094ebf21eddfb6aedfc9f', class: "gux-right-align-buttons" }, h("slot", { key: 'f3584a23eb7c200d8ae71c2f7249e34deca37a1c', 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

@@ -16,7 +16,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '1d9eba40bf31e3ae490d566dffff561ab99aedc8' }, h("div", { key: '97f9d50a5dae89aba7535ce701cc8d5ddba70510', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'eb9905ee590e42bea289e1d328d891dce97d981f', name: "icon" })), h("div", { key: '20e7b94095d57de978c8213e5d072f5cb8b46d79', class: "gux-content" }, h("gux-truncate", { key: '7bffad6540cdf3838bc413531ffed05365455539', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'f65be1ed293248b5570e1d84e236ec2f5931e5cb', name: "title" })), h("gux-truncate", { key: 'badef07647bd0e9a78cd3f5faf5e5d10bd41f195', class: "gux-message", "max-lines": 2 }, h("slot", { key: '3eb5337bcd8a74083f4207fbfd4b7e37be379639', name: "message" }))), h("gux-dismiss-button", { key: '21a319ef2009a14b4c976b7d971a4bcb7d73a726', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'a221f52cbdd76900b3d0b842ccaab0b0e0e5e2cb' }, h("div", { key: 'a5036ca56b766bc8d7e211f7dbe566962dc23531', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '6242df94becf0366bcf68735edea9c74765637a7', name: "icon" })), h("div", { key: '69751b6854c89e655042dac0893561a5ded058e6', class: "gux-content" }, h("gux-truncate", { key: 'fde336b4dbe5ffc5c04c808c72502a7dda278b35', class: "gux-title", "max-lines": 1 }, h("slot", { key: '593a538ec9ae40f9f2722e94ae9742e6b1ad47ba', name: "title" })), h("gux-truncate", { key: '0f03a4ea727a8af1dfc0c2668a8e604ceeb4f0be', class: "gux-message", "max-lines": 2 }, h("slot", { key: '36b1eb5a8344b9646afaa5d87d30d7e60bda479c', name: "message" }))), h("gux-dismiss-button", { key: '301fbbdebd695ed5d6333ee06abc11d7ce2af3f3', 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

@@ -69,7 +69,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'e10ff6495caec5d6f94dacf4a044594d2d5fba2f', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0f15b8c7f8486f2026836df95844461b5346b046', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1ab52d175852409648b69b626f32b0c58c54a808', accent: "ghost" }, h("button", { key: '56a3329614c7893a6732d3bde5b18ea26d2fa397', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e57919be9bc22c57c21d93ef35222d223c8f912a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '800c3639e7df44f7e96ae7e85a3d2d6718c8201d', accent: "ghost" }, h("button", { key: '003e0bbaab8c042bd2a4973a564e0d9b3cca06f0', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '0397c970b54685faf2e72149947a66e266193b37', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'b656fccbf1d87a93ba19356d66408aa82e72f197', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '72e1868f9f4b6c07799a1fb19a4d8fcf63d4cb8a', accent: "ghost" }, h("button", { key: '74d2bb9859b346fc3a7d5e5af9772964eef75c04', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '12889771d4fa03ea86c741f996807ca1ae77111a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1cf1f234785cc25750434d7cdfe4738782e7e2dd', accent: "ghost" }, h("button", { key: '1efdbb6713036a6c5e2aad3ceaa9ea68133d7f2d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '509c0a1cf0eb608e14568191870db5aa27a27643', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'e3faabee5e8e880f5bfe9eea087c85b9fa2c42ba', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '1d96d1b3cf2b81d33c61b7cd2e765db2cc29ac4d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dbfa8e746f5ac9b3b31c23215025e0f594a90f8c', accent: "ghost" }, h("button", { key: 'b15fe7d08e8f0b852528809fd3ade8f4024d34e9', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ef9771adc372661909f19ce41c093b9ce0d06740', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'ce0439774fab6b63ee3a8b5a9fd4278bd09d6193', accent: "ghost" }, h("button", { key: 'cdf043f203e6484c3496d701e6af1ecda766f097', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '283e6d6a9613123b7807bba196bff5e4292fca1e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'ca43e9a548fe9147a7e2ef6686e71d84b2ef0321', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7f51262e055538554fc6e6a337f1092530a55081', accent: "ghost" }, h("button", { key: '0224f05df4c0e85934dc338525350967ea4ad6e2', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '2d0cecde3f4383a088a5ddb2156e9dad49ea50cc', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2a824efbe5d17b6e29aa812e4c62113e7a4fdff4', accent: "ghost" }, h("button", { key: '63154b2cd451174c898abd82b6207d22a1678c44', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f324930cf28765fc4290278cda6c99c169c68488', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {