genesys-spark-components 4.201.0 → 4.201.1

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

@@ -169,10 +169,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'e9d9efa2baeae6622980c89317322c526b8fc67f', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '9a07cd7df7d35f444feb4544637c336a059b4e51', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b01112f24585f8bca13cdc577406c391eb7f4965', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '46e27472aaa42000101be03acf7867511806d7f2', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e63561a5bf72830f20e21d8511f95e1840e1c245', onClick: this.dismiss.bind(this) })), h("div", { key: '1d38e823cafa0aec2f5fb9fa7d85c6a430ad2a42', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '31d841bb8be8bfbab6309c50e545fc99279fe076', name: "title" })), h("div", { key: '526e5698438e739078d5ae8a2b912edc308e6228', class: "gux-popover-content" }, h("slot", { key: '3668936f098bb195a9e73fb7a042ddcf9a81e491' })), h("div", { key: 'b3e99e7cb3442ba5962e48d6682d86d78a34bc48', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '83e33c994881441d42c20826552fa386357e9891', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: 'd919191720c9098abd0134f35553992000141037', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '0786fbc4233b9472a323db1715bc818e850ed63e', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '58fe6a5c334d8ac99d7e48b8863f881d04a0884d', onClick: this.dismiss.bind(this) })), h("div", { key: 'ee6476ce17f95cb8dce5c17b723b603f333c0f68', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '58fec02f5fa81740e3fcc588ac9d9abf1c8f7c13', name: "title" })), h("div", { key: 'bb0797483314f499cf7581992e5776795d3309b5', class: "gux-popover-content" }, h("slot", { key: '3d0f16e86d4aa6ecb217e010b6ffdd3c217883a1' })), h("div", { key: '024c1a4d3695a63a4c6e5f8085c84ddbcc9354b2', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: '3d4ed71114f4842286fdacf2e27b0b0686e5940b', name: "footer" }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-popover-list/gux-popover-list.js

@@ -137,10 +137,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '7f6697da3c7a20b57033ce6a9b4b818614650c9b', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'bfb226424d33bd5910d84d66cabf5f68f1457015', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'c87f0ae4fc5782c47ca37f3d1340015ccd59c455', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'c685a6276464dee1a2b283a50351f2218505809f', onClick: this.dismiss.bind(this) })), h("div", { key: 'dfe53edfb9300114e15bb6e42d029a7eb058e764', class: "gux-popover-content" }, h("slot", { key: '4f3f0b0a9c84c2f5aa5634d661830cee5f0ad167' }))));
+            }, "data-placement": true }, h("div", { key: 'c7bc065b478aaab65707390c7abd7db1188bdf19', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'f06da16ae44e5adb4cb6d5a0bb0794a1cdf1ae33', onClick: this.dismiss.bind(this) })), h("div", { key: '5f8ab58c0b461396ba741d48df6a67cd075d10b0', class: "gux-popover-content" }, h("slot", { key: 'f3cdbf85ddf218f6331340ec220e695bd4ef0c6c' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -115,13 +115,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '33db9eb1aa9164eab7adf1dd8b7cc82c75ddebb0', class: {
+        return (h("div", { key: '97195d844489bca959eca0d36ccbeb0958ef9c45', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1d6e598550fd61872e6bd08349e8d42222f8cc19', name: "target" }), h("div", { key: 'f226c57d62f07f4d1995033c9ac582220f2497fe', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '555c2837a2d5b1990386b7c03a5d00aab4596763', name: "target" }), h("div", { key: '7bfc66381ef9afa3b2e73ed5290961f3f8fbeecd', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'ff7a901a9bb3cded185a02588cee3cfa48cbf5a6', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '80fcfd54b0e7ce3873e591584bade544208e0e39', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js

@@ -20,7 +20,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '484fea12837ec624dc2475b47cc7ed00f6669a90', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '46cab6bc72d82c486bf76bb86bd12c96a11a056b', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -167,7 +167,7 @@ export class GuxRating {
         return this.getRatingStarElements();
     }
     render() {
-        return (h(Host, { key: 'f3802f442c590385b96a5c5a10b6f58299562749', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '25812912366e47fb98fa50de5407d6ac0422a7a6', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '6cf25f4e002b0941a4cb0f062c93c8d0f24b34b0', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '335d4e82e05df4e41f001d7177c91f6538d4d54a', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled,
                 'gux-compact': this.compact

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-item/gux-skip-navigation-item.js

@@ -4,7 +4,7 @@ import { Host, h } from "@stencil/core";
  */
 export class GuxSkipNavigationItem {
     render() {
-        return (h(Host, { key: 'c8863d64f92b084a4471c96ef39b1704597e103d', role: "listitem" }, h("slot", { key: '37e3b36d5d62fd62fbfb77c3a237a6c03549c11d' })));
+        return (h(Host, { key: 'ecacdc9ea569b41c9a8cb984465a2acfafb600a6', role: "listitem" }, h("slot", { key: 'a0fb25cdf5ba97af524f6d5d268e281be362be9b' })));
     }
     static get is() { return "gux-skip-navigation-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '0cae02d1155c9f5991875cddaf68fc062867d383', class: "gux-container" }, h("nav", { key: 'a94d4e7d3d0f7eae0ab1004080bc6a95b2da5afe', "aria-label": this.i18n('navigationName') }, h("ul", { key: '80f8656d643f47978fe71060315e68906eca7b6b', role: "list" }, h("slot", { key: '53218323309b0a612ba85af7c49e1d3fa26d7995' })))));
+        return (h("div", { key: 'c82d272f543273e41d1406d6524dd5db7de4f0c7', class: "gux-container" }, h("nav", { key: 'a7a7d0c7c79b83ade0a82529096d567d2e8087ec', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'c0382b4fcccb9780614f4590f6a85504357716ef', role: "list" }, h("slot", { key: '7aa2b70403ca3dee5d5918371fb9e3163d664aad' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -20,7 +20,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'd2bfe8148f3d95faed6c784a949cac3e3e0126ca', "label-position": "screenreader" }, h("input", { key: 'bb1a5a4217db3e0e2ccd76757f0755e8a37b2eec', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '50cc8022b69d011ed218a88a8d3a902c7bbac89a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ba0294194ad6efec63c7027393de2c5b42f1224c' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '7e43a7c2e5cadc34aab157809972fe990552daf9', "label-position": "screenreader" }, h("input", { key: '1507b90e54eb29f340c7dd2110d91d9b4df79445', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '5ae68dc7c5b4e7bc27f79d9bacbb1ed5044aaaab', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '8eeb1f2e00a264c82d25832254d2352933876eb6' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js

@@ -16,9 +16,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'be5f06e78bd89af830cf411f4b886e91eea9d9ee', "label-position": "screenreader" }, h("input", { key: '3ea7d1e96ccd252642219b56e7b2ac4ed737db15', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: 'eda6e69d153c3e5dc50f36942cf64cdbec0cd7db', "label-position": "screenreader" }, h("input", { key: 'c12d39c8923f9a6fd2f9409a90bbb2bc7ef12054', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'e782472fe0c140bd156506a7af172bbc0b4b540a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4902182c9b432159f4b95a1da81331525779548f' }, this.label ? this.label : this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '2f5c73f2b0da433cccdfc554b5728cc0278a4053', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '9db9b935352d23a6325170b61589676f920f748a' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-sort-control/gux-sort-control.js

@@ -97,10 +97,10 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: '12fc30c4220dcf485f55aeda68758386b0f6c25b', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '5ee2cba7fe2a0eb4b5016e2ffc52cc4ea3f82a3b', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '8412738092c0bf3ec89b401ba8f7b947e280c994', class: {
+        return (h("div", { key: '3aeefc6febdc1d87523187fddfc75cc595946520', class: { 'gux-container': true, 'gux-active': this.active } }, h("button", { key: '34c0f8791463eb88cb3b21978c46091b23ec7914', class: "gux-sort-button", type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '27b0c6e7d12de5d8d8297f2b8482611f05644308', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '04270cc665d6d49c5128d89c01842ba3a9c644db', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2d950dd12a8fc883ca4231afc3d10ac029026ec8', class: "gux-resize-spacer" })));
     }
     static get is() { return "gux-sort-control"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-table-select-menu/gux-table-select-menu.js

@@ -71,7 +71,7 @@ export class GuxTableSelectMenu {
         }
     }
     render() {
-        return (h(Host, { key: 'e8c61b172f8377d014e0106c54d49421def62b4b' }, h("slot", { key: '8a50b02b20045feba641e4745fad1f520c05cdbf' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'f66f1e3590f15ab0e2ed85f0ab2e59b282b41179' }, h("slot", { key: '595fb469326e65863de732b876d76e7e7b5094ca' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -283,7 +283,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '416f09aef21e1df596343206c4cb11a00c0fd91d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '3c29d75dae6fd68a8dbb8f0a23e724d854c4dc1c', class: "gux-table" }, h("div", { key: '1093d2feff2903a438ecbf1a8afb9368a63ea1b7', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '4a8acb430ade98a5427f5dd8ccc06787cd3d1f73', name: "data" })), this.isTableEmpty && (h("div", { key: '408113b367fd9764bba38cdfef0a4f6a8a76aea6', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '7771b9d2e72595fc08e504162aac8bcd6c40d809', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '266ed7d3274b794375a986fa3f4059bed0c9bbb7', class: "gux-table" }, h("div", { key: '6a00fa615e5d7ca03ad9a0f5afef96bd04ee0871', tabindex: this.isScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '13e58b7aceb939ca2849b32b149b0ed2468d1c17', name: "data" })), this.isTableEmpty && (h("div", { key: '9519d0aa01251b85ca60d5c4a837a1590fde1b74', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
     }
     static get is() { return "gux-table"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-action/gux-table-toolbar-action.js

@@ -41,7 +41,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '153a3214edafcda09ba8fcf1224471a4970d784c', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '955a13ffd2729901c843f853250aeea94a358f6a', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '00dd2ecbe38b6f19eb552fbd7b241195236247a6', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '8d4625923208a6f67cf9cb4be9eac1443ae67a3b', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '3fe0d1f8749f3f8ecb467e1572b9205383033592', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '8272c3615c5ff8d10e739ffe0b175fa59fcb1b1d', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
     }
     static get is() { return "gux-table-toolbar-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-custom-action/gux-table-toolbar-custom-action.js

@@ -1,13 +1,15 @@
-import { h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import { getClosestElement } from "genesys-spark-utils";
 import { trackComponent } from "../../../../utils/tracking/usage";
 import { getSlotTextContent } from "../../../../utils/dom/get-slot-text-content";
+import { randomHTMLId } from "../../../../utils/dom/random-html-";
 /**
  * @slot text - Slot for action text.
  * @slot icon - Slot for icon.
  */
 export class GuxTableToolbarCustomAction {
     constructor() {
+        this.buttonId = randomHTMLId('gux-table-toolbar-custom-action');
         this.iconOnly = false;
         this.accent = 'secondary';
         this.disabled = false;
@@ -25,14 +27,14 @@ export class GuxTableToolbarCustomAction {
     }
     renderTooltip() {
         if (this.hideText()) {
-            return (h("gux-tooltip", null, h("div", { slot: "content" }, getSlotTextContent(this.root, 'text'))));
+            return (h("gux-tooltip", { for: this.buttonId }, h("div", { slot: "content" }, getSlotTextContent(this.root, 'text'))));
         }
     }
     componentWillLoad() {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'bc2fd5de761de598e33a987c0b88fc7b1aa1a822', accent: this.accent }, h("button", { key: '4b34489f040c860882e4de02f693b83852ca0ccc', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '88b833c2d12511cd99ad8a06f3395f62ded517a6', name: "icon" }), h("span", { key: 'ffb761d43e406b97c0d0af17c510bda9350e82f7', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '0a4dc921d36a26d79facd7a714291bca3ad7e46f', name: "text" }))), this.renderTooltip()));
+        return (h(Host, { key: '70a9f1ed06c5f1cd055afc298dbc4bbf5a456218' }, h("gux-button-slot", { key: '54c75ea5eecffadae000f32210f3ea859ff478cd', accent: this.accent }, h("button", { key: '76df3c1d07533df8f85105fb272a3c8412aa5e77', id: this.buttonId, disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '98a9417ecee843895fc6e01cb470cf09252a2d60', name: "icon" }), h("span", { key: 'd63641cc15faa0bb970923bc5d47a5270565a488', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '5c4e3de1bb2620422486920198ada2dd76a2b0ae', name: "text" })))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-custom-action"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar-menu-button/gux-table-toolbar-menu-button.js

@@ -14,8 +14,10 @@ import { OnClickOutside } from "../../../../utils/decorator/on-click-outside";
 import { buildI18nForComponent } from "../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 import { afterNextRender } from "../../../../utils/dom/after-next-render";
+import { randomHTMLId } from "../../../../utils/dom/random-html-";
 export class GuxTableToolbarMenuButton {
     constructor() {
+        this.buttonId = randomHTMLId('gux-table-toolbar-menu-button');
         this.expanded = false;
     }
     handleKeyDown(event) {
@@ -75,7 +77,7 @@ export class GuxTableToolbarMenuButton {
     }
     renderTooltip() {
         if (!this.expanded) {
-            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() {
@@ -83,7 +85,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '342812df4278aa4432704ec1a50079769ad87cb0', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'f16571def5e9ed00f04f68e409a81845fc80e159', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'fb5236399f76ce24f828d6afa1cf2cf94bd5fd9e', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '8d3d3cf643d0676223b1630d2f72ecd6cffb7761', accent: "secondary" }, h("button", { key: '2206b31491ea96c54961e665a57ae9c5142ded39', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '8405964d8f43094876160ba9c08a06becaadc3e8', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '660d76f578922d2d2fb19ce973bb354cc83b8702' }, this.i18n('additionalActions'))), this.renderTooltip())), h("div", { key: '2a2cbfda0e7eb31fd975f01c26ce83b179c2c7ca', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '74be85539f9a199c886879063625a57bd28537bc', ref: el => (this.listElement = el) }, h("slot", { key: 'b9779a26b9137b9bc07f7d9b9d6cbc8695b25190' }))))));
+        return (h(Host, { key: '280e89b3960d7b67b83b471ee3e127ea71a7c3a3', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'ec5615c3f71696d613a51c5e54605abf660f53f4', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '7fcdacfc8631fc2c1bbfead020278f12baf92a89', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'fa1823775663e5c42123d3596fe4a0b0223f319c', accent: "secondary" }, h("button", { key: '0568eae999098e1b84512c6d128eb5defaab61d1', id: this.buttonId, class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '33189aaea1abc7749624b3ffba1168e4f3955388', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), h("gux-screen-reader-beta", { key: '71bd292ec5a3f3d0eeee9ec7b145c86afcb1e5c5' }, this.i18n('additionalActions'))))), h("div", { key: '8d08c8cbe4bc27b8e793495e53c78c4a444d4ba1', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '457e409677886501d7dd7ba53a2e47061de059c7', ref: el => (this.listElement = el) }, h("slot", { key: '89c8640a4e2612beb5747b7e0f024e5dca169430' })))), this.renderTooltip()));
     }
     static get is() { return "gux-table-toolbar-menu-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table-toolbar/gux-table-toolbar.js

@@ -209,9 +209,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '089cf4275aaf648e443918485f72d6d3832eb84c', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'fa37c5195de6f206900c892b235b90b7fb7bf8c9', class: "search-filter-container" }, h("slot", { key: '4fdd5abb2ec929a14cb27c63ecf13103256c4f75', name: "search-and-filter" })), h("div", { key: '62f7db426f4bc1bef29f70d1536af9862d878d0a', class: "section-spacing" }), h("div", { key: 'c5247fea3ce5663a220131a67f15f3ca7888accb', class: "gux-contextual-permanent-primary" }, h("div", { key: '2be461be9d5c2df5489a880d8a374255431af319', class: {
+        return (h(Host, { key: '3262a0b143e977c752214c98b436dd049737bc4c', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: 'b3639849e746dfbe908ca9129a254a191c96a97c', class: "search-filter-container" }, h("slot", { key: '48ec5b59c3394cf697d3142284f49b2a3dcb9bfd', name: "search-and-filter" })), h("div", { key: 'e147084a62a795a1d9f89135ce970a5db8d16020', class: "section-spacing" }), h("div", { key: '2bc88f2f283e7ca833fd376b46645506092f250c', class: "gux-contextual-permanent-primary" }, h("div", { key: '990e2cffdde738d0a72d879e5f582221267ca1e8', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '073305801fd604b12d8ac78b9d1ef908a9d58770', name: "contextual-actions" })), h("div", { key: '634116debc734bf3b524f48d89352d2b50cb5145', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'db9ab92d6ea47f293987e01f98774c4786f741ca', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '642990636a0eca508269c1451dddfc7f94518e45', "show-menu": this.renderMenu() }, h("slot", { key: '80f0bbcdae6c1a8b16356e81a3a8f1ebfe52b23b', name: "menu-actions" })), h("slot", { key: '9dced031963fd28d2ccd98472668903984d8ff96', name: "primary-action" })))));
+            } }, h("slot", { key: 'e09e54e53f5980df3ea672e979690cac1b7130af', name: "contextual-actions" })), h("div", { key: 'a1ddbc3d5f9984e6b70a9e4b10d0ef30e24b2300', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '5ae603103b2f61eef9bdb9ec2a64989cbb185304', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'f5a70d5d399d46682f3fd02cb2ab2d90772894f4', "show-menu": this.renderMenu() }, h("slot", { key: 'dc03946306d806cf93c43e7cbcc072416869e546', name: "menu-actions" })), h("slot", { key: '7ab5192d51a90a95d1d9ee506c637b187fffb9c1', name: "primary-action" })))));
     }
     static get is() { return "gux-table-toolbar"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,11 +45,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: '8bac1eca3401b484b7e73d3b56e296359c943bf2', class: {
+        return (h("button", { key: 'd8d6ac2b7c3d990b3c10c8ebbf50fb4e359b16b3', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '616c72e5e0d8b35021a5c38f497e18c68309cb1c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '2e581fe5bb487fa1ed88ec0f0ff3843286138317' }, h("slot", { key: 'f2801bcf5120c16519901fdc84cc1d33545a489e' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '109f54be77551f7b024103598de4797134d4e39d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '3b1047fe2b9f08841fe9771d148d6feb9d04a12f' }, h("slot", { key: '0742ee5d65a216fbbb23af5c9b250891ca11149e' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -266,9 +266,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '1f35799c54254ad43a33419b8394e99dcb799480', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '0d68841fafad4973a8de04762c48ae96adce0337', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '95fe1d99db37b4107b9f7aa62dc59ef9383b08a7', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '0a3baa65b494b27a6b249d88c31053013be9418a' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '644efc38916410e4a894cd346a2fb2a23aa354fa', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '14f22e20fa27c50aefc703d3a06b714871efef02' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -16,7 +16,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: 'dc54296fb63e5e0d1856b23b98accbacc6225ec1', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '92e769db902aecbc45a877e5d908bd205dcd4317' })));
+        return (h(Host, { key: 'e7a83ac0b404e741a8560922e752da9545cf15de', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '8ddc6cb3d6de41c4abbe3b21cc9add0c0cd6a7dc' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -70,7 +70,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '62418c9909d33cfaf985bf046b6735dd5323e6af', class: `gux-tabs-${this.orientation}` }, h("div", { key: 'c336b70074ad090b7b247fef8aa6d846c20c2d8f', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '4dcf70ed985c626ff31af0031d24472cfd394654', name: "tab-list" }), h("div", { key: 'a69dda4412c9b0cacde9f689d675e4dd98cd2b5f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '85ab253b486030a5b3283dfeb495f59855d5aa0e', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'e9d6c0ad4a92024eaf6bd4576019d0f062480c6c', class: `gux-tabs-${this.orientation}` }, h("div", { key: '774f30e9ed76074b40ced2373aa610e2be5b4835', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '1778bf3c6ebff7775c936c779be0377cbd400926', name: "tab-list" }), h("div", { key: '79d652df0f7231c4c01bd3c8f31ae83bff49ed97', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '428de1fd1ca316077f30e5513974e921a1a8e00a', onSlotchange: this.onSlotchange.bind(this) })))));
     }
     static get is() { return "gux-tabs"; }
     static get encapsulation() { return "shadow"; }

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

@@ -154,12 +154,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: 'e2849d7d38a1543c61a87f8b4fb0330efa1429dd', class: {
+            h("div", { key: 'a18a86bf51075e90f27b1d9f89cf5afe5a08540e', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'b6ba6a3d84011eb1e5c3317680606a2968eaf69a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '20479b46fb8d2634748dcb88dbdd1b2573cf71d5', class: "gux-divider" }))
+                } }, h("div", { key: 'e1d11693237dda69650ac271dc90af6e8918ac10', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '7a66c6474a7396cab7525fdfe2323be1d7249af4', class: "gux-divider" }))
         ];
     }
     static get is() { return "gux-tab-advanced"; }

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

@@ -437,7 +437,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: '4ff8a9371f11f823eff4ccec571da2c0c432aacd', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '5023520ea6298c763ef6f5630b634d7e98948a38', class: "gux-scrollable-section" }, h("div", { key: 'd10274a183840888e7d8498dcc56967ac0103f95', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '87b067850abe9ed80fb8f3063fc8296770068e39' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: '543d298b2159675fd9608725249b9c0fb89b654f', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '03d2592e550b70fd51baf3985d255420c2c67f3e', class: "gux-scrollable-section" }, h("div", { key: '1bf112201ecc3415a7a2e9b4dde3448befcb0aa0', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '0c45034849f6fed8e5ebdfe974cd8bbdecd170c2' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     renderAlert() {

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

@@ -16,7 +16,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: '6463ce8a5ffbd5fdd8615afafacec87afb457bb7', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '6e5c691a23bb257d89d793724a7dbfbc6613f207' })));
+        return (h("div", { key: '66e7ed0f63eb4aa06651c364878eaecb291fab68', id: `gux-${this.tabId}-panel`, class: "gux-tabpanel", role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active, "aria-live": "assertive" }, h("slot", { key: '30be1f9d28a9cf41d8d2d6ceb36676eaab4cd46c' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

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

@@ -44,7 +44,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'd1a1dadd75db7506fda7b3162b12d472d981aa96' }, h("slot", { key: '82fbc393f187929476a77c723d826035550a7b3d', name: "tab-list" }), h("slot", { key: '05086a5bb581b9710eb7e42fa4a65a83f363199a', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: 'af8a6f847e3e9765d904c2ae001e1fc89510dad4' }, h("slot", { key: 'e0b629a347b4b765ac7785ecca133c8d3442f748', name: "tab-list" }), h("slot", { key: '26c17e907f7ef016fc6cae2ba98a7cc8bd9b4a9e', onSlotchange: this.onSlotchange.bind(this) })));
     }
     static get is() { return "gux-tabs-advanced"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

@@ -57,9 +57,9 @@ export class GuxToast {
         return (h("gux-cta-group", { class: "gux-buttons-bar", align: "end" }, this.hasSecondaryButton && (h("gux-button-slot", { slot: "secondary" }, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { slot: "primary" }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: '2ba5c337c3fd0d2dca42b56ca5a854469d1589d7', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '42fc06efe3007851255c33d434e0774427233859', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '9d587f156d68d7851b90bd0c8bd13ab3adfea776', class: "gux-content" }, h("div", { key: '815d589ee7c4f9c4336f32dd1656d550f3a4561e', class: "gux-message" }, h("gux-truncate", { key: '5c234c6796a30ea09cd3bf73ebaa5f4b4648e3c4', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'ba6201daf75a29d987620188b47bb8fe0c06189a', name: "title" })), h("gux-truncate", { key: 'd7db0fb6e61a927ddf4f398bdb2a074e5c4e7c81', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'f59fcffada886f8db0dcc4bc73164acaa998bfe1', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: 'a6f15ddbec1cb210b2aa2fa975848d76a81c3794', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '38d18fc9c69e2c5ce788bf82a11490c311d7eeb0', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '51dbd7919a1653022e2429dd79dd78cc3e6bb4b2', class: "gux-content" }, h("div", { key: '58f8858c77c7aef076f1d8d034bdc24adbb65325', class: "gux-message" }, h("gux-truncate", { key: '2bc0492707a8f492e5fbade6ac6b5b1821c80d8f', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'b8b559cebd557d29fdac479045eb4bb5d0a6fab8', name: "title" })), h("gux-truncate", { key: '26ce9658e049cdeee5730fc4224ca2440ff949a9', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'f654ab56161622ee9d0df04bc65fa47385cefc34', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '56806d125c84e939545cb1cccc907952b9af100a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '2afa114bc510a08c760530318c556d10bb17f280', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -22,12 +22,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '01fcd787accc1bc9aeffa6f08f4652320d454340', class: {
+        return (h("div", { key: '6a375f0415eec50913824d2c6df655558bc82269', class: {
                 'gux-toggle-slider': true,
                 'gux-checked': this.checked,
                 'gux-disabled': this.disabled,
                 'gux-error': isError
-            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: 'c9ae38bc5cd209c232443ade7fffbcab2c2ee745', class: "gux-slider" }, h("div", { key: 'caa7d29c84e45182672a68d7ce74057a6e729ee5', class: "gux-switch" }, !isError && (h("gux-icon", { key: '1c0a97e79baae3a66350c22dff38f15c44de1a80', "icon-name": "fa/check-solid", decorative: true }))))));
+            }, role: "checkbox", "aria-checked": this.checked.toString(), "aria-disabled": this.disabled.toString(), tabindex: this.disabled ? '' : '0', ref: el => (this.checkboxElement = el) }, h("div", { key: 'c2dbc80c753fb782d372ed9cc006411d6148a306', class: "gux-slider" }, h("div", { key: 'b6dc5dc67f05f8bec0847b004a125fa95b038e54', class: "gux-switch" }, !isError && (h("gux-icon", { key: '485d654918cd621991d4bc3160575f849e4e04f5', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

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

@@ -68,11 +68,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '7b01ba570bb0e4ec15df0d1f02836dff0e7725ce', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '86ebec8aecc50c82b8786f3055ccc4811a85797b', class: {
+        return (h(Host, { key: '66eee35e256283c331ec0a12599d18e3d3ae2450', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '1cd812bd622721ec2b0e174f8989bd26366b041d', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: '704d37a84ca2e545b5a4471ba82ed2756c1734f7', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: 'fdf36f4eced63fc30a3a6828f14a027c4a8bb72a', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '547d15f9a0a047a981a403e5f57fe8bdfc713f0a', ref: el => (this.announceElement = el) })));
+            }, "aria-disabled": this.disabled || this.loading ? 'true' : 'false' }, h("div", { key: '131bfda02560109c24c90b56c442d7f4cf0d5542', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '3afeb01872b1cb87a788e8a6eff5a3de8f67b6ab', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '4e5efc0b78bc168f898f264118fac63d807d0c53', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,6 +42,10 @@ export class GuxTooltip {
     handlePointerleave() {
         this.hide();
     }
+    handleClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+    }
     /*
      * Show tooltip
      */
@@ -154,10 +158,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: 'fe53b7a4587b7c89538ec7d7b4c5c13f71387237', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: 'a002a898810e9a3a1aa7d9d6b6341da060277893', class: {
+        return (h(Host, { key: 'a360eb3058e4b761977bb216146e53b78f65df4c', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '5977a303ac3d4e72c94af6a9b946874ab6986619', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: '4c25b62b9616d42a20fbaa1b25cd80da8a19b5d8', name: "content" }, h("slot", { key: '5faf79c761484a351f057733e09a94272a38e5a2' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'ef3ed67a7d49488544852e1a517902f25c9a7c1a', name: "content" }, h("slot", { key: '7fa6689755a35d04187c851834797c36c3e237cf' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }
@@ -315,6 +319,12 @@ export class GuxTooltip {
                 "target": undefined,
                 "capture": false,
                 "passive": true
+            }, {
+                "name": "click",
+                "method": "handleClick",
+                "target": undefined,
+                "capture": false,
+                "passive": false
             }];
     }
 }

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

@@ -124,10 +124,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '5bd8d0811ad74c8a735a3e673c9823ac818e2efc', class: {
+            h("span", { key: '990f420109f1200658bb5044fc1a405383dc3465', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'ab1ccb8f22e5de566258701b212d73f7372939f4' })),
+                } }, h("slot", { key: '05f71e2ff74fd39f9e59120ce16a4f4e21afbb4c' })),
             this.renderTooltip()
         ];
     }

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

@@ -53,12 +53,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: 'e8794095442cedc5308957b945ca8aef87b3d15b', class: {
+        return (h("div", { key: 'c380a48dd21689d97f59273f2e8eca21275b60f4', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: 'ecdb61abd8c3511da4c830c26a5d5aa3b9cf1114', class: {
+            } }, h("span", { key: '08f8af01e0b25b651ff41ee5a59bcf929a2edf54', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '5361170e1b3250e552e6030b89ddb87402d0cb45' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'cda284c3e350fc48964c5adb662b5c5605130e46' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }