genesys-spark-components 4.200.0 → 4.201.1

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

@@ -1,10 +1,12 @@
-import { h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { trackComponent } from "../../../../utils/tracking/usage";
 import { buildI18nForComponent } from "../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 import { hasDisabledParent, returnActionTypeIcon } from "../gux-rich-text-editor.service";
+import { randomHTMLId } from "../../../../utils/dom/random-html-";
 export class GuxRichTextEditorAction {
     constructor() {
+        this.buttonId = randomHTMLId('gux-rich-text-editor-action');
         this.disabled = false;
         this.active = false;
     }
@@ -24,7 +26,7 @@ export class GuxRichTextEditorAction {
     }
     renderTooltip() {
         if (!this.disabled) {
-            return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n(this.action))));
+            return (h("gux-tooltip-beta", { for: this.buttonId }, h("div", { slot: "content" }, this.i18n(this.action))));
         }
     }
     isToggleAction() {
@@ -37,7 +39,7 @@ export class GuxRichTextEditorAction {
         return !nonToggleActions.includes(this.action);
     }
     renderActionButton() {
-        return (h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { type: "button", disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.active }, "aria-pressed": this.isToggleAction() && this.active.toString() }, h("gux-icon", { "icon-name": returnActionTypeIcon(this.action), decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n(this.action))), this.renderTooltip()));
+        return (h(Host, null, h("gux-button-slot", { accent: "ghost", "icon-only": true }, h("button", { id: this.buttonId, type: "button", disabled: this.disabled || hasDisabledParent(this.root), class: { 'gux-is-pressed': this.active }, "aria-pressed": this.isToggleAction() && this.active.toString() }, h("gux-icon", { "icon-name": returnActionTypeIcon(this.action), decorative: true, size: "small" }), h("gux-screen-reader-beta", null, this.i18n(this.action)))), this.renderTooltip()));
     }
     render() {
         return this.renderActionButton();

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

@@ -12,7 +12,7 @@ export class GuxRichTextEditorActionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '1f3f1bd9e18fe770c6881762aee4483410bf2044' }, h("div", { key: '015b8cf6ff30f865cd88059217255d4013517d0b', class: "gux-action-group-container" }, h("slot", { key: '6b65fc8093cd93084d3139152f5ef3c9e837318d' })), this.renderActionGroupDivider()));
+        return (h(Host, { key: '94d324a0c3eafa480b6a4a56eff1569ee42c656e' }, h("div", { key: '17ef921a615722688884ce88ec275a802a07f404', class: "gux-action-group-container" }, h("slot", { key: '5a4c2af98a7a77601f640b7afcacb8a8281598b1' })), this.renderActionGroupDivider()));
     }
     static get is() { return "gux-rich-text-editor-action-group"; }
     static get encapsulation() { return "shadow"; }

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

@@ -33,10 +33,10 @@ export class GuxRichHighlightListItem {
         }
     }
     render() {
-        return (h("div", { key: '5a2344074e7200e3be3eeca0249788982cc96f40', class: {
+        return (h("div", { key: '4ccb2ad0884b94d2fa3394b885f23f92d03fc069', class: {
                 'gux-highlight': true,
                 [`gux-${this.highlight}`]: true
-            }, role: "listitem" }, h("button", { key: 'b120c1fc0146eaf762c030efe81b29fffcc8beb6', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
+            }, role: "listitem" }, h("button", { key: '87f18ed7675e62390595b1aedbd710c9948ca929', type: "button", "aria-label": this.i18n(`${this.highlight}`), tabIndex: -1, disabled: this.disabled }), this.renderTooltip()));
     }
     static get is() { return "gux-rich-highlight-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -27,7 +27,7 @@ export class GuxRichStyleListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '073f1a713eedbf0f79cecf846519eba9d63be891', role: "listitem" }, h("button", { key: '5fe1ac4ac3af43bc9dd865b1d827b59d7b091658', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: 'c7260c88cc074fc28d18f3856294a7c42740a0ac', "max-lines": 1 }, h("slot", { key: '760a19e1dfbfc42103792acdfbaa180e0bda8b79' })))));
+        return (h(Host, { key: '113ee845a70065b9086a1d933fbf48c4cff7792f', role: "listitem" }, h("button", { key: '3b6d9ea2fbf9afe63344e1887c33303d6dcf9632', type: "button", tabIndex: -1, disabled: this.disabled }, h("gux-truncate", { key: 'e64d94543f8df6f4050c3ca3c2d48211ccf1554a', "max-lines": 1 }, h("slot", { key: '973d9d5e24e4ce1061b61e7507c0703b3e972b1d' })))));
     }
     static get is() { return "gux-rich-style-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -93,7 +93,7 @@ export class GuxRichTextEditorList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: 'cf5b21e168eb2eba17b43a504ba4dd6ac1a491dc', role: "list" }, h("slot", { key: 'fd1297d32092894c3d5efbfa98d06589ae982dd2', onSlotchange: () => this.setListItems() })));
+        return (h(Host, { key: '1c96fa4cd4baaeef11eb077712f4e36cdc33969b', role: "list" }, h("slot", { key: '82f5fab9e15e0a84fe4c9222a6b800f6fe3b650b', onSlotchange: () => this.setListItems() })));
     }
     static get is() { return "gux-rich-text-editor-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -128,13 +128,13 @@ export class GuxRichTextEditorSubList {
         }
     }
     render() {
-        return (h(Host, { key: '5b586b5e562cdda041c95d898d78056f74543640' }, h("button", { key: '354bef3327359c376c0510a017fcdd9e6bc6f2bf', type: "button", class: {
+        return (h(Host, { key: 'e5a91f3e49070fb3397a76aeb44cdbabd1c3afed' }, h("button", { key: 'c520806adfeb5b54a2ec9bcb91c90098c840d68c', type: "button", class: {
                 'gux-sub-list-button': true,
                 'gux-sub-list-button-active': this.isShown
-            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'd6f1324df45316a4cdea9f482d33a442849503d2', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: '4e7c5055b1d0641e6675203cbd98a771303ca066', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '637714ebb439287c1adcc7d5d031327b48a8303b', ref: el => (this.subListElement = el), class: {
+            }, tabIndex: -1, role: "listitem", ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'd8e05e863dd84e9d079f6a7d22c0e9531a34f68d', class: "gux-sub-list-button-text" }, this.label), h("gux-icon", { key: 'a26328eabb9db0d6cca5f47f2f19b9bf1b107bb8', size: "small", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'e8b6cd630ce4ab08091d2e6adf17a21b3174cac4', ref: el => (this.subListElement = el), class: {
                 'gux-sub-list-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'e0dfd8fdd245c984aa4c226df59f9d46b7cacbfd', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: 'c6dac3bed04e0188c43cc63101cf929e0d1db973' })))));
+            } }, h("div", { key: '4c08ff8469aa2bfb3dcc254bcf8af563f7dee5f5', role: "list", class: "gux-sub-list-content", ref: el => (this.subListContentElement = el) }, h("slot", { key: '4a3bb27c316f37a5fae8a7006a007d4365af3284' })))));
     }
     static get is() { return "gux-rich-text-editor-sub-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -16,8 +16,10 @@ import { OnClickOutside } from "../../../../utils/decorator/on-click-outside";
 import { afterNextRender } from "../../../../utils/dom/after-next-render";
 import { whenEventIsFrom } from "../../../../utils/dom/when-event-is-from";
 import { hasDisabledParent } from "../gux-rich-text-editor.service";
+import { randomHTMLId } from "../../../../utils/dom/random-html-";
 export class GuxRichTextEditorMenu {
     constructor() {
+        this.buttonId = randomHTMLId('gux-rich-text-editor-menu');
         this.isOpen = false;
     }
     onClickOutside() {
@@ -93,14 +95,14 @@ export class GuxRichTextEditorMenu {
         });
     }
     renderTooltip() {
-        return (h("gux-tooltip-beta", null, h("div", { slot: "content" }, this.i18n('additionalActions'))));
+        return (h("gux-tooltip-beta", { for: this.buttonId }, h("div", { slot: "content" }, this.i18n('additionalActions'))));
     }
     async componentWillLoad() {
         trackComponent(this.root);
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'e34009a4385a0446bf095a7559edff1247763bc9' }, h("gux-popup", { key: 'bfbc010f300df505a02db08ebad1fde49991ee82', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '1a47ca9444eb4407c049527675ef91cc7b3ace84', slot: "target" }, h("gux-button-slot", { key: '4b64cc11d3bdda7771ab2c578f375b811f2f4e3d', accent: "ghost" }, h("button", { key: '21603eaed0080a53fc8f43dd1624bdc5e4802322', type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: hasDisabledParent(this.root) }, h("gux-icon", { key: 'a5699eeb6a64dbc6582e9b9e0be7ff0cb515ee64', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '1b799758016c5ba5fbef790d34d1505042dd5583' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '225280addd952e07dd3abac2224f43e0fbbf0032', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: '817c09c76acb404f9ba8a20d583b60656299811d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'cfd985a0537fa83d48419ec090b97ab9b910fabf' }))))));
+        return (h(Host, { key: '7df5365dd8c1a1bfedfe84ea8dec73d66f9f3a85' }, h("gux-popup", { key: 'fcb327ac26e58e177724e1a4c0c3ed7623245578', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'f5182b139a90d8530e1386cdfca898420a903e1c', slot: "target" }, h("gux-button-slot", { key: '59db6f1b655c4b2210f7f644446ff80c8cbb4302', accent: "ghost" }, h("button", { key: '96cc45c4e0c2aeff7c2452079de15b5d5c07694a', id: this.buttonId, type: "button", onClick: () => this.onActionClick(), ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: hasDisabledParent(this.root) }, h("gux-icon", { key: '7fc7620c5dd84c4335808afbe543e21f8db60804', "icon-name": "fa/ellipsis-vertical-regular", decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c5334f151f374211c29707f46461ba2f660c0b30' }, this.i18n('additionalActions')))), this.renderTooltip()), h("div", { key: '9a85126ed56b95d02431d23188274c134cc1f9e3', slot: "popup", class: "gux-list-container" }, h("gux-rich-text-editor-list", { key: 'ad5a86b37a5e91af27f051dcbf0c645acbd40e42', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '2d547ff89b80cea0df4a736d1e8c748ee7afae73' }))))));
     }
     static get is() { return "gux-rich-text-editor-menu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ export class GuxScreenReader {
     }
     render() {
         const ElementType = this.blockLevel ? 'div' : 'span';
-        return (h(ElementType, { key: '0ce3290f4535c5d7a72d81faef43993922ddba07', class: "gux-sr-only" }, h("slot", { key: '41754facbb2d6cc61e960556d4e6d5a0919f73d6' })));
+        return (h(ElementType, { key: '0888828c647f6fa1dfec634a715daa5eb5343113', class: "gux-sr-only" }, h("slot", { key: '0ac38a1b27a87052500de55c101f04ca218e278e' })));
     }
     static get is() { return "gux-screen-reader-beta"; }
     static get encapsulation() { return "shadow"; }

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: '7a1564369ac2198a7a3201cd6b85fd4370170e7b', role: "presentation" }, h("div", { key: '05171e5c67063e95f29605d9a89dc92b968f47eb', class: "gux-segmented-control-divider" })));
+        return (h(Host, { key: 'c167b43705d502cce1d82c86cce9d98196f68884', role: "presentation" }, h("div", { key: '1fcd8ca4098f32ac0c754d7d5a7aeb1dfa48c85c', 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: '180d260f9a82e9c0db63426c3135934dcb1221a0', class: {
+            h("button", { key: '803762ffdd283c9eb163840d32da392b7d3d0d6e', 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: 'e9512fe3cf090caf7d7e9a4fbea87f5a98699460', class: {
+                }, type: "button", id: this.id, "aria-current": this.selected ? 'true' : 'false', disabled: this.disabled || this.hasDisabledParent() }, this.renderIconSlot(), h("span", { key: '4b9c72b53c971e644f9b98b5ac31c94c78dacff4', class: {
                     'gux-text': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: '68164abd9268ed5ae4b503f5e3ca89f5a8db1ce1', name: "text" }))),
+                } }, h("slot", { key: '6a309ccd51da01cf24ec3e7609eccc8e2e9ba275', name: "text" }))),
             this.renderTooltip(),
-            h("gux-segmented-control-divider", { key: '413a2aeee44a82ca5148b9fb1406466c9d4dd66a' })
+            h("gux-segmented-control-divider", { key: '3bfa840d556e1d87660958143f5155e55b5d0225' })
         ];
     }
     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: '8ea8809e4a53ec87c8aa91be3156df962528b77d', role: "group" }, h("slot", { key: '2b9e71e2d44d39d726c684a2cf7fcce19c4b5eab', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '76945fb221fe5d580e0e42a4e5c562ba8b962905', role: "group" }, h("slot", { key: '97c79653015e47197daae03e42a805f42fa3c4b9', 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

@@ -49,11 +49,11 @@ export class GuxSelectorCard {
         }
     }
     render() {
-        return (h("div", { key: '9b529b85d07f3b6e0ab6f7e705c59630bb6c9eda', class: {
+        return (h("div", { key: '1effa3dfb2d93d1f0440958f63a9a8a1cde155b7', class: {
                 'gux-selector-card': true,
                 [`gux-${this.variant}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '26abc6abdb436855c1ef1fedd27104e4ae2a38b9', class: "gux-content" }, h("div", { key: '15c8de3bb255cdfa935c90c9be58ca9156a7ba05', class: "gux-icon" }, h("slot", { key: '4dfd58d61e0f061e1f557012dddb44ec3e436b5d', name: "icon" })), h("div", { key: '22f04b2ea584a4ccf2535b63e143c37448e472ee', class: "gux-label-container" }, h("slot", { key: 'f6113c885d1b391f2663a31592722c0dfabde3d4', name: "label" })), h("slot", { key: '182ea2d5ca9cc442c2585bc5af40a536ef3879ad', name: "input" }), this.renderDescription(), this.renderBadge())));
+            } }, h("div", { key: 'ace9c883219eb13a82a5dc05ae93c937c64501f9', class: "gux-content" }, h("div", { key: '272f94c3b977daa230554d5c0c5fe824e668681d', class: "gux-icon" }, h("slot", { key: '1e0198ad73973b0fb41f0d3069929ce79196a88c', name: "icon" })), h("div", { key: 'e7992b67518572848e9f4d1fce2b8a0192d4f4d3', class: "gux-label-container" }, h("slot", { key: 'b2863340917252b85d59eb5c022c92b2f1444939', name: "label" })), h("slot", { key: '961489f694298ea5a51298e65ad4bfe4e87d3b8d', 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: '18cdbf7284a12425c8d3c2a34492084dbd5aee6c', class: "gux-selector-cards" }, h("slot", { key: '4ba7aaf21f47b8fda0eb2c565f5bf41345db3dab' })));
+        return (h("div", { key: '8167f7a93c8a908562d5848dd3986481e71492dd', class: "gux-selector-cards" }, h("slot", { key: 'f4fce7becb5befd63f1daed19d8cb752fb6278f9' })));
     }
     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: '57cc83f3848a6e4c39ecd51e6c01c13ab2dbbc9d', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: '606aed643766f785fb181bba862f4902e936a723', size: this.size }, h("div", { key: 'beb1d8e4ff525d28a993cb47b5ae1e789bc7f1f9', slot: "header", id: titleID }, h("slot", { key: 'e0f87b54fbc8f67fd6ec3c3f4188f4e85a8d067a', name: "header" })), h("div", { key: '833feb634c55d4c1f5862d550a282859c757d963', slot: "content" }, h("slot", { key: '1e862485e636b95b6d73f69cab032158b156eb83', name: "content" })), h("div", { key: 'f08a36512129f1d3b66c56c854eed63a0e306c1d', slot: "footer" }, h("slot", { key: '891543a1ed24610b5687bfe27923b342e995806a', name: "footer" })))));
+        return (h("dialog", { key: '6fdc3fa0f8b364dbb1afbe2f52b7af1258605628', ref: el => (this.dialogElement = el), "aria-labelledby": titleID, class: { 'gux-open': this.open } }, h("gux-side-panel-beta", { key: '72391e321b659c46326c1b2ac297661ebc692866', size: this.size }, h("div", { key: '931b483fd2559f1983999a88b351b04accbf7a18', slot: "header", id: titleID }, h("slot", { key: '32c40185ffa80d9ac0c38d5ab54d69beb0dcb0b1', name: "header" })), h("div", { key: 'cbe51bf970ef2d3fccbd33077d22c5e7a0090712', slot: "content" }, h("slot", { key: 'cf4daa7dfd264228b113354ffafdc8ec2d755215', name: "content" })), h("div", { key: '4302e7b41b15c498806bdec043f9037b6325e103', slot: "footer" }, h("slot", { key: '3722cfe4d04644a60a9a60bc85b58b8502347dc6', 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: 'dd93abc51ad278fcab5fdf7e8d7d225ff3e4aa21', class: "title-block" }, this.renderSlot('icon'), this.renderTitleDesc(), this.renderSlot('badge')));
+        return (h("div", { key: '77781ff051e138b9147c4e39dc09511e1e6f8682', 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: '681947842dcf50cf892ef72fb7140e6c904ef0ff', class: this.size }, h("gux-truncate", { key: 'fec1c42605b050bcbc3e322973f8166dc4c2ae94' }, h("slot", { key: 'a5a76b508e8e9edd4baafea7ffd162a9d835d246' }))));
+        return (h(this.headingTag, { key: 'a79b3395c7abd4ee5b0c79ec961398852ec71395', class: this.size }, h("gux-truncate", { key: '1db6a5ed1917101f65dd26977fc1fc314f9bf919' }, h("slot", { key: '9bf6f1d1b470b3846b5b51368793cc0605c76854' }))));
     }
     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: 'aabbea7a2a767c881102dcda1072226726836de7', class: {
+        return (h("section", { key: 'bfb25a43417bb99d760c0013e1053007044a4f8d', class: {
                 'gux-side-panel': true,
                 [`gux-side-panel-${this.size}`]: true
-            } }, this.renderHeader(), h("gux-dismiss-button", { key: '9f65de1efed1db9fd4930837e6b7fc397c804e79', onClick: this.onDismissHandler.bind(this) }), h("div", { key: '3b95f89f0c6f8e2e73236125c0d653918b0c9481', class: "gux-side-panel-content-wrapper" }, this.renderTabs(), this.renderContent()), this.renderFooter()));
+            } }, this.renderHeader(), h("gux-dismiss-button", { key: '94a85011754b0056bfa843c2d878feeb46594dd9', onClick: this.onDismissHandler.bind(this) }), h("div", { key: 'cb5050201d638ada1b9c4b3c0d37f9b79fa15fdf', 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: '283a812ffdf81c4a9806c3f60f8772364161e927', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: '95661ead93523e79457fd6731334314808acc5f3', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '828f0988c7d1237c47e952514b3ca9b93f20dba4', class: "gux-status-indicator-text" }, h("slot", { key: 'b3bea0e0fa5e3f4818b7035c22a80194a6d75233' })), this.renderTooltip()));
+        return (h("div", { key: '07464cf35a95ed7a4133436276f8fded82eb97d9', class: "gux-status-indicator", ref: (el) => (this.statusIndicatorContainerElement = el) }, h("span", { key: 'bd897f3ca2f5f31d060b15ad209a8db140550863', class: `gux-status-icon gux-status-icon-${this.accent}` }), h("div", { key: '6c958a861a89965b816968534a9280f692361279', class: "gux-status-indicator-text" }, h("slot", { key: '1b6ca9bcee7a115685a725181e4ee194596e8b69' })), 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: 'a84cf6c11d7915efa958f287d1d93fc73d5ed80a', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: 'd501d8b7d2a939567a80fcad1dae0c1ea7cd4808', maxLines: 2 }, h("slot", { key: '057ab658c73e909325d9e5414aabab69a2ea8211' }))));
+        return (h("button", { key: '31ae92b2e60d10fd15f8d686f74d8b0071031758', type: "button", disabled: this.stepDisabledState }, h("gux-truncate", { key: '3efc6cf00b8f2ac7eabd4301f6a4e1f783c6fac2', maxLines: 2 }, h("slot", { key: '18bd2f89f01b1be9c601c2f43a58d8a46293b447' }))));
     }
     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: 'a9229179993fade1e98427e8d515f3cffdda86cc', class: {
+        return (h("div", { key: 'db9206d34fb9f3576f76e607ef3fb0ebe9e7fb73', 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: 'cac3bc7efae3a589cae7ba1f21131f373be9b06b', size: "small", "icon-name": this.active
+            }, "aria-current": this.active.toString(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '8ea91c45d3494418d234f22068c79423189915df', size: "small", "icon-name": this.active
                 ? 'fa/circle-half-stroke-regular'
-                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: '1836723af03fbe517fd3d8cc8d238bb2d10c6e2c', class: "gux-step-information" }, h("slot", { key: '0178971b104639eda9b038eff3de75a4708bf0de', name: "title" }), h("gux-truncate", { key: 'c032f85559d627e860725f246ef60820fa2184bb', maxLines: 2 }, h("slot", { key: 'fcc6fbe9bfbd286420db9c5664dd6ab76df9947e', name: "helper" })))));
+                : this.getStatusIcon(this.status), decorative: true }), h("div", { key: '74d4f2976ddc462b4b788f097b7c5c432dce43ef', class: "gux-step-information" }, h("slot", { key: '8d7f804bf077487d3e2875f093effb64ff391b28', name: "title" }), h("gux-truncate", { key: '8e064aaec8c2f69b85362839d0bf56d18ba72682', maxLines: 2 }, h("slot", { key: '46276aaf14a8baef7b13bb4c8f4e2aff6141ce08', 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: '2a938e5178a3222ad9c8634e48ba3144f3cc0b7f', class: {
+        return (h("div", { key: '29f6865fb06a27a4dfcc67e17a83c5acf834469a', class: {
                 'gux-stepper': true,
                 [`gux-stepper-${this.orientation}`]: true
-            } }, h("slot", { key: '75176e0940873da6a3e2ccbf9707fc558922c7c4', onSlotchange: this.onSlotChange.bind(this) })));
+            } }, h("slot", { key: '5ade5fdd50d02869a570cf9d0ec34749e08a2bc2', 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: '681106a09fd6512233558bd2dd30c117918e7cd2' }, this.renderTime()));
+        return (h(Host, { key: '6a0b1eb771ae1e86a6c8ad7f95e88a4ae272fa91' }, 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: '28aa7c35bafb94c6d267e0ca091f5066886216b1' }, this.renderZoneDisplay()));
+        return (h(Host, { key: '3908114da33b35c37676080d3f9fd09ffab233ec' }, 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: '25dcfeaeb71fcc329edd22da36b60d28a088cba7', class: {
+        return (h("gux-dropdown", { key: '53c532e8cf94caf1b3095ec5638b01d1bbaef543', 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: '94f57f8a9e68a47e20ecff90dd5464aed492bf71', "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: '1d0826587b0a71c539b0a4946870c8b3a04aee9b', "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: '4d5a22501cdb392cbc7c00107d3ebf819db9ce7e', 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: '1db1bbe0552126167b41a413c6ff338e0b2ca816', class: {
+        return (h(Host, { key: 'daedc1857b624171a498f5b00258e765417fb361', 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: '0f9f38c37ae7a8471eb98d27a300ca2d904eb811', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '7fd177dc5b4b77b357829d5a53ea00d119fb6f18', name: "content" }))));
+            }, "data-placement": this.placement }, h("slot", { key: '951614517ccfb76bd4324f7593ac0aea4f88626d', 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

@@ -34,6 +34,10 @@ export class GuxTooltip {
     updateForElement() {
         this.forElement = this.getForElement();
     }
+    handleClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+    }
     componentWillLoad() {
         trackComponent(this.root, { variant: this.placement });
     }
@@ -76,7 +80,7 @@ export class GuxTooltip {
         }
     }
     render() {
-        return (h(Host, { key: '32b27013fb92eca798d34c559fe3f24497688951', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'bc04ba2304375035917acf590c36b577289d6e9e', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: '3e4114f18b8613852e050e04ab9639e904e378be', slot: "content" }, h("slot", { key: '3f240f92a138ecf0b6cf1ad5f2f1a16873d83a20', name: "content" }, h("slot", { key: '1908dcd7709f0757bbd3c9ce58cecf736e8ce412' }))))));
+        return (h(Host, { key: 'c71ed8ce5f6a3678079258f09b17bd4f711c77b4', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: '55c5eb57c967881df9856a66fb17d8483dfe2cc1', forElement: this.forElement, placement: this.placement, accent: this.accent, tooltipId: this.id, visualOnly: this.visualOnly, ref: el => (this.baseTooltip = el) }, h("span", { key: 'f0e4495d05b649a7d722b9c5eebb2e3d41e7a6e5', slot: "content" }, h("slot", { key: '213e8b7e2b00fa9a11d92a05093d2c222a292064', name: "content" }, h("slot", { key: '9acc7c9c02e612b9625c333ec12f5f6b9675157f' }))))));
     }
     static get is() { return "gux-tooltip-beta"; }
     static get encapsulation() { return "shadow"; }
@@ -226,4 +230,13 @@ export class GuxTooltip {
                 "methodName": "updateForElement"
             }];
     }
+    static get listeners() {
+        return [{
+                "name": "click",
+                "method": "handleClick",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
 }

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: '83d7e0b59f1d5006fccf1c90b08e2b6432197d87', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'c156d70e5e185b6261e09dac89ffbda0dd306e22', 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: '9058bde6230a2c203af02c68ccff93c5759e8a3e', slot: "content" }, h("slot", { key: '65f5b4f80bb09fda3e39cea68a7c6dfc6c83ca13', name: "content" }, h("slot", { key: 'e69909e58855efe46d322b00146ae813d3bebf5f' }))))));
+        return (h(Host, { key: 'cc1b7e72dfb850d758d640052f7fc8f55699ed38', id: this.id, role: this.role }, h("gux-tooltip-base-beta", { key: 'a7c5abedec1e4fd378e4193bc806badda2e17a44', 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: '2a4d82c6ca76f78e8075d65ffd831a4a9c3b9f80', slot: "content" }, h("slot", { key: '0cb8f3f6dd1aa96b7bd129d4f4bc331840e59a0f', name: "content" }, h("slot", { key: '8fb7c4fe6ec90593fbe342b579a658414118d7d8' }))))));
     }
     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: '8495b8d18c01964daf9de438e98e1eba5fbefb66', class: {
+        return (h("div", { key: '83ee33c9feb98f1b6c768e66064c1395aa0500ae', 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: '0e6ac1dd3332a7cc327543f23579870bc75bee7b', class: "gux-node" }, h("div", { key: 'a7b50e461b22193b4933a8a17b2c6184205ea32a', class: "gux-selected-bookmark" }), h("div", { key: '762c52f64a879099eda9336a2b9677c68ee9dd55', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '9f6b28c4a69df4eb335cd3422eba469e2d480505', class: "gux-selection-target" }, h("div", { key: '6331ff2f4699847f2daddd28a2fe708316675807', class: "gux-icon" }, h("slot", { key: '9f4a41c2c7265445ee2442f46861adca21cff4ac', name: "icon" })), h("div", { key: 'f9f48c129242357a9370e5302d3e1a5978b0a1c5', class: "gux-label" }, h("slot", { key: '93f630e670acc6ca7a65e813c7dbf5dc237a7698', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '3dd29b585c3bf410f0cd6d6fa12734582518a6f4', role: "group", class: "gux-treeitems" }, h("slot", { key: '228ac26233bf12de6bce13fc3526ea0035b3f945' }))));
+            } }, h("div", { key: 'd0df2dcf5e7213b23225e29d19e04357cd61fdea', class: "gux-node" }, h("div", { key: 'f44a7e4656e7f0f6e1946de72a9216812b17a907', class: "gux-selected-bookmark" }), h("div", { key: '84f2ac555285106323dca6e1d0387e00a90958f6', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '76f2d8bc8d1d40823c3acebb9dc8a599a015266b', class: "gux-selection-target" }, h("div", { key: '7cfad899d8146453604132613295d3c4710f49c5', class: "gux-icon" }, h("slot", { key: 'a87f1cb738d6c7bffa5cf3f81b8800589a7a490e', name: "icon" })), h("div", { key: '041860b08996ed3ae24e5197842cc40742753907', class: "gux-label" }, h("slot", { key: '740e39638181726b172fbd6af30d3b485a94d6b6', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '2cb76c18117c3e91f51e8c3d94e4c47dc82f96fb', role: "group", class: "gux-treeitems" }, h("slot", { key: '853d4b569edc6a71679203a5f75f6d8883cb26ca' }))));
     }
     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: 'a73a484e7901bb328d18e42a346a0d8818f35fc5', class: {
+        return (h("div", { key: '822f56b4d9f4c6778ff8337a6f5c567bb797f2d4', 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: '709ba4dd13021b36ee827acab28dbee3e2de6cae', class: "gux-node" }, h("div", { key: '065a31a83d934136e08273941a303ba7f9500122', class: "gux-selected-bookmark" }), h("div", { key: 'ae1ca5a63c30b910dbd89bb9f03d8098f2aa0834', class: "gux-tree-item" }, h("div", { key: 'e09d95a96c38ab161469f000255f398770afd5c3', class: "gux-selection-target" }, h("div", { key: '6c4d0788e2bdb1738ad28898d34bd1dbc94bdf4a', class: "gux-icon" }, h("slot", { key: 'c94921c25491c46c1733c5be746393cbcf9fb350', name: "icon" })), h("div", { key: 'bdea7f384594f7455903a7a0c1db5e32a892a58d', class: "gux-label" }, h("slot", { key: 'dd6c54e0a6692930322963546866dfca37466440', name: "label" })))))));
+            } }, h("div", { key: '0285579c2fe9db4937c341e2ce5fc1c015f5b928', class: "gux-node" }, h("div", { key: '2769b8297a9a6d074b14df4b3af5ffae61cb556d', class: "gux-selected-bookmark" }), h("div", { key: '39b75ff437d19649a622ecf0d94933924498b84f', class: "gux-tree-item" }, h("div", { key: 'e610117113bdd0643e6f67c34efc75a6e906f845', class: "gux-selection-target" }, h("div", { key: '8aab68713f06b46e7255bd9e1a7848ef3a70cc44', class: "gux-icon" }, h("slot", { key: '359671123354f099ed2d42ebfe4b5a3353131f11', name: "icon" })), h("div", { key: '88843c65c15871d977361668bfa396165196df05', class: "gux-label" }, h("slot", { key: '145899efcc80432081058838b6e20e9a054f9c42', 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: 'ef1538aea6e89b3fccef44b03a9f56d59ea0a02e', class: {
+        return (h(Host, { key: 'acf143af447ab98d57a5e4c16c06f2da65741915', class: {
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end'
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '5aee7518c13aac001b1ff5db910167327779cdf3', onSlotchange: () => this.onDefaultSlotchange() })));
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '63171e0cb646d48fdcfdd6d00606ebf1f2cb6699', 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: '2e62493a9728204109478bdf821f5ed08bfa7cc9', class: {
+        return (h("div", { key: '8a5adc329d89e8c23e0c7c5bb6337cb53f9ab4f6', 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: 'fd6bc1e4ecdf817fa09c4e80f9585fda45e5cbb4', class: "gux-node" }, h("div", { key: '3ffca9659ffff1d5bae2ea226f35728fe6ae9ff6', class: "gux-selected-bookmark" }), h("div", { key: '310f73e2390e77d738e3329ff084bdd86969dd9e', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: 'eefc2630f141932e8c2edd16e02fa4256570b35e', class: "gux-selection-target" }, h("div", { key: 'e6af0d7570d7688f0fa6d8458e244e8ba34b3e93', class: "gux-checkbox-container" }, h("input", { key: 'ef3665b4d564e3e0fd5d0354f1f6ead5fa6f89a9', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
+            } }, h("div", { key: '81d3668fb03361ed2257f0433c16dcb857050fae', class: "gux-node" }, h("div", { key: 'cb70a550164be6a3dcad1e25e7276c93a4b8152c', class: "gux-selected-bookmark" }), h("div", { key: 'c009a9c7e72ec5b715c31f7ae55cff9c2ee86dd4', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: '49cdf76766194ea71b811dae6b0ed5b3de696ba5', class: "gux-selection-target" }, h("div", { key: 'd4225d409743424e27d83de35dc13d9badd0cf59', class: "gux-checkbox-container" }, h("input", { key: 'e976e46f59a6f70aaf378ecfea41a2bb60108eb9', 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: '8716a9571318513cec35b4cd11980b22b06b0323', class: "gux-icon" }, h("slot", { key: '5553a9105c107201d9ab371c66ff0b946d35efa4', name: "icon" })), h("div", { key: '817a981e28c088a5244896bcbc3b93950e911e28', class: "gux-label", id: this.labelId }, h("slot", { key: 'e98db4e9eb00e2904011f3fb7f31ef7cb4d7bbb6', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '1b6ae64ed88fb5aed740b947936680155b986ede', role: "group", class: "gux-treeitems" }, h("slot", { key: '086f39bd3ebfa8e396540b8570f3729072a5eddd' }))));
+            } })), h("div", { key: 'f147918cd18574efe0d17ce05ed43cef214b602f', class: "gux-icon" }, h("slot", { key: '9a35aed7c8a576e8c8ab82557daadf43bfd293fc', name: "icon" })), h("div", { key: 'af98511d2e70d72bd56e70dc42c628a953f6518e', class: "gux-label", id: this.labelId }, h("slot", { key: '797093ed5fac81fd7f1c1021938c1cee6bd5fbc4', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '0c7bdf1170fe2f7f701ca80cb1c3afa7c916f1a9', role: "group", class: "gux-treeitems" }, h("slot", { key: '2ff8147accc441a36c5a18ac51dca7ecf782f7e2' }))));
     }
     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: '8c63690bc7c9e9a82a904a5fb1d4d406db61ff42', class: {
+        return (h("div", { key: 'a015aeeb846b79e6cf626c0018822c89836fc45d', 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: '3b88cd9dab9b8dd96528891ed93fb62daab0df7b', class: "gux-node" }, h("div", { key: 'be64c80ea0f9d257b82223dc6afdc5b56fafbcc6', class: "gux-selected-bookmark" }), h("div", { key: 'f3e7656415154c4b45d0c57d4535c9019c92ee5a', class: "gux-tree-item" }, h("div", { key: '6e72ba862eac3b34a851625cbce1e9fe014c7952', class: "gux-selection-target" }, h("div", { key: '2d7588dc656fb0b1d5c7b6ba87f46e08d0e5296a', class: "gux-checkbox-container" }, h("input", { key: 'bf6e11812a397657a5d38a37a0ed85c924cd2304', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), h("div", { key: 'cfb35943c5d7f1fd8034373930b956569946df46', class: "gux-icon" }, h("slot", { key: 'bcf8209f614376331fda32a1f950ba43f9ef0f5f', name: "icon" })), h("div", { key: '85043c78ec20eae39914505465d3b784bc046c73', class: "gux-label", id: this.labelId }, h("slot", { key: 'a42c0bb1b008b4bcbc893605d06d609f5e29bb0c', name: "label" })))))));
+            } }, h("div", { key: '61291c0f89b2967cb99268b299182196eec85915', class: "gux-node" }, h("div", { key: 'f9e50d797b1fa300e1322a83a10499a19f8e6e3c', class: "gux-selected-bookmark" }), h("div", { key: '18710611e78a293532071054cda6af970f9ce929', class: "gux-tree-item" }, h("div", { key: '4521193a635a637497b5deb6fe98441ef78b2913', class: "gux-selection-target" }, h("div", { key: 'a9a43255838e92695e62d75461208a9237228c5b', class: "gux-checkbox-container" }, h("input", { key: '6192b866d6896431c68bdf4be5ef68480a825aca', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), h("div", { key: '0d7c7e1e1a6b7111a5409e3f2a188e5452d5e1f7', class: "gux-icon" }, h("slot", { key: '964bb0868c86b43ad8439367e43431c19075d64d', name: "icon" })), h("div", { key: 'f81eb7dc477d0def0299eab9fe56f76b1d40e911', class: "gux-label", id: this.labelId }, h("slot", { key: 'dec4276706dbf9f044b2ed0f30f59abb816ed181', 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: '3e0ace77ec0f9c9c3307b0d293293d65646f08b1', class: {
+        return (h(Host, { key: 'b8d6a1092f20dbb76ada7d067409b8ffbdb7bd75', class: {
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end'
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '39b6a90fa99230d4389ab826890d14121d7eb79c', onSlotchange: () => this.onDefaultSlotchange() })));
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'f85224acb2a7b3dc96f51129b24788e17d406dca', 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: '9308a050e27bce9903e52f6d9e748c0c24271cf9' }, h("div", { key: '3e8f34b4bd09367c57f231fc214237d785e8ab2c', class: "gux-header" }, h("div", { key: '75201f20b7d4ff2f05a4659ec07b5ef15e6221a5', class: "gux-icon" }, h("slot", { key: 'c2b7dd8e362a735c0919aa09ab920c2cdbc24df6', name: "icon" })), h("div", { key: '54b82c36f7436e4e4fbd657a3640f9c05e3538ab', class: "gux-title" }, h("slot", { key: 'ef0a08c5a0407c2335076aeaf85f82fa7445ea1a', name: "title" }))), h("div", { key: '0b461af268e5eedb86ae87bcf4b8e00cf166ba6d', class: "gux-message" }, h("slot", { key: '23eace734e4f5603b72cffd66ce428a7b7ecb759', name: "message" })), h("div", { key: '85631094281aae792a52b7a3afeb21ae638fbf17', class: "gux-action-buttons" }, h("div", { key: '2d6fad25497e0c08548e7a3ed22848cb8caf4b2d', class: "gux-positive-button" }, h("slot", { key: '0fe4f7ab0f23067514b2e01ef172233b8f1d4dd6', name: "positive-button" })), h("div", { key: 'cc1a339f3e5ed3452755ea14d2d4034c1b2fad80', class: "gux-negative-button" }, h("slot", { key: 'ee1260271d61457a1ea449651fdacd67b795998f', name: "negative-button" })))));
+        return (h(Host, { key: '89daf9c5fb57681cd7e8fd56f049aff72dd0d11b' }, h("div", { key: '05faac65d56afb40d16f9b422ab4eaff8dadc13d', class: "gux-header" }, h("div", { key: '8d54aeb44a27e9bca563ba13b2525d556fd5c974', class: "gux-icon" }, h("slot", { key: '7f15f7d1b4c169812483ee82c40ffdffbff1845f', name: "icon" })), h("div", { key: 'ea8538ea4feab396def09626dee72eb67c27473e', class: "gux-title" }, h("slot", { key: '9c1ad8417793724bc22e9bf485d7c68cf5424432', name: "title" }))), h("div", { key: '16fbbaa79fda7b6f859aaf89719df15c1fd4f537', class: "gux-message" }, h("slot", { key: '2f41d94ce30d8f11f30a3294a3c87291d8cf5f33', name: "message" })), h("div", { key: 'c67bec73c66a1a9b4caf72b1607b1f08fc34a084', class: "gux-action-buttons" }, h("div", { key: 'eeb1da725111e8326ae87ecfe40ff6f14c664a33', class: "gux-positive-button" }, h("slot", { key: '6cdd2bdee05525d6b856bc4a819d0f7e9d37561f', name: "positive-button" })), h("div", { key: 'b4d4cbc336287b720806e37675e0d9d835bd2fca', class: "gux-negative-button" }, h("slot", { key: 'c3c1b461a8b9419467dd8d9d4630fa74a458c12e', 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: '5c0bd2d1a9438782b44b791c1c40c499d6e092c9', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '9cae12ca11646ed77f626d461fdd87ccbd60e49b', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {