genesys-spark-components 4.82.0 → 4.83.0

package/dist/collection/components/stable/gux-listbox/options/gux-option/gux-option.js

@@ -37,13 +37,13 @@ export class GuxOption {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: 'ba3b98b91a5a04a27b478c7f884afdbf29881102', role: "option", class: {
+        return (h(Host, { key: 'cf5fe5e745553b6d2dd60a16092c0a3685d3e56f', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '99cec3e8398894d279fdc61c062eee5d43332056', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c07a1fa21b525c765e32e31cca1159db15ac3fdc', ref: el => (this.truncateElement = el) }, h("slot", { key: '802c2fefc7edf39d897a2aaab7cddf294cbdc0d2' })), h("slot", { key: 'e08b07e86142947f6f0ee399746c6284338971ad', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '93046a8e31821e9953f77a288fb00e9ffd3a339e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '573bfa3e236fa31d70f743cdbced7c591526633e', ref: el => (this.truncateElement = el) }, h("slot", { key: 'db1743e32b1a2ef216a785e70d6899bbfcef744d' })), h("slot", { key: '64af95d9800a03704c90112df781157c3429f21e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox/options/gux-option-icon/gux-option-icon.js

@@ -53,14 +53,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '5b25ef0b9d931263d80a5310553ef537e0275a06', role: "option", class: {
+        return (h(Host, { key: 'dc574a0bced673e026178da2a876bdb4d20dedd9', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '78dda54f4f1b3408417f47d1ff5678610c0ea5e3', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'abcfeaeffc78ecbe28f23152dd7db3415dcc4af6', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c177d0d53732faef8ad03c7da51031d08be8872d', ref: el => (this.truncateElement = el) }, h("slot", { key: 'ddd1a9ac65ce87a8ea0448758171080120776fc2' })), h("slot", { key: '1d6875e1088f49a148df88d64f3cfd9014105f85', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '3c21333ae6076318bef71a9e31620dc9874ffb81', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'abcbf8e42f255565ede046131bebe1b4469bab8b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7ca9539795a24a5a5921899cda5204a89d6b6daa', ref: el => (this.truncateElement = el) }, h("slot", { key: '0ebb69750318440542eed81c166f9f401af91718' })), h("slot", { key: '4e4414169fb8b36f58b31209d17559ca0b586393', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '3350ea3c1b596ccef7a3e6caedc25a2ed262ec97', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '56d9ed4affeb1eb6138577df406ad5ddb397b2b2', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '835177b597c4159cabe9e03338a380568f721df4', class: "gux-option" }, h("gux-icon", { key: '6463f9b6e47da19ea7ec53d1a514fe3a06addd95', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '8df695fa753fb4dffbf66a243d7d40cd9f951bf4', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '96245daaf7f95ac89cf1179b4f5a3ab52f65aa20', class: "gux-option" }, h("gux-icon", { key: 'ab7121b9be86575ab6fd7f4b826ae5e062e73df3', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '0e66206f686c355d0e49827728174ab90024e540', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -54,13 +54,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '5ba18edba35d77d344037918ef76332f527a90b7', role: "option", class: {
+        return (h(Host, { key: '395decc97ddd804746666789614c94a9a687995b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '30a3bda9d6e4e2f215d7eb0f58eaaea891c2a8de', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c487db112557a761793578096333520118ccd4a1', ref: el => (this.truncateElement = el) }, h("slot", { key: '6c44f2e2720501327f7d24ba75710b85319832cc' })), h("slot", { key: '10493ec5a98aafd4a79d3b3f63da70e308e5deb3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'f21a9c73606c9b9cac380a00ee9683201372cade', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8c6245a4b893c27d1e08795d924a80829daac250', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a3473d87d097a18db04eb095c1e201c1523a06aa' })), h("slot", { key: '2942a058b4da9b5a7cba6247e90b771638812acc', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'd2db04fc6a51a857370830c1d768aea752f41559', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '8568e886e0321dd6bdce2c2bf2be9fe796a61ad3', class: "gux-progress" }, h("slot", { key: 'cac6258f14c0beb01e879c68418ddc9c4d395558', name: "progress" })), h("div", { key: '5bcfaff43634cca95e52a65ebef83c6943becff2', class: "gux-primary-message" }, h("slot", { key: '624767fe16d69e4811115bbfb07d60d2dca59347', name: "primary-message" })), h("div", { key: '9cd34f804dd1ab7a65127d9ca810f664d5f2ac90', class: "gux-additional-guidance" }, h("slot", { key: '2ca7d11d9aaefbf099122d83ebe89beaeed47fbb', name: "additional-guidance" }))));
+        return (h("div", { key: '2a491ffbfbab331acdb1689bb19b318baf2c52a6', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c544e6f1a01e0c1b8adab7db367cc63c4469d42d', class: "gux-progress" }, h("slot", { key: '90fc79b0b8443cf46ca8fa944d6a1c13430ae716', name: "progress" })), h("div", { key: '37116499b176c0f63b9f919aaa15031455480a51', class: "gux-primary-message" }, h("slot", { key: '8d53d0a567e204dad15ee021c58c6b42eb106556', name: "primary-message" })), h("div", { key: 'ffd6ca8139a4b3797a61ce9337f191323986952d', class: "gux-additional-guidance" }, h("slot", { key: '04caaef6d427e5d4f28aa793e9936fc0a71fcf37', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,7 +59,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'a7002547df63a1da234cee48d35d1b524fdeabda', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '39fc8c87eb460427d663ec736afa044df1ddd1e4', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '5bb984c29318465f0357bfa121c89e26a6b3c139', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '79247fdd630c4762e4252806490fa4691b53955c', class: "gux-modal-content" }, h("p", { key: '0e50379ace7726c8b778fe4c8d20bb0bc2a9f590' }, h("slot", { key: 'f13b5376f11dbcd96e76cd35ddb064307c173df4', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: 'd61c0af8c16688f59fc94baa9f9b6877c9b4d458', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '42db255cfcc1b0fa32800cd1644a47008eba58aa', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '385bd49a967d7b3065262fe40bb6a813c47f60d6', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'e488467418f269190cd77c5771ebd1045beb2b34', class: "gux-modal-content" }, h("p", { key: 'abf1fcb7c0e98678bd350d9f88524c182a6d4a66' }, h("slot", { key: 'c4cbfd8dd959736829e60587aaabbb823f794449', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '66cdedf30d64f3bebb46be41b3a8c6d7463ad918', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '017598be977cdb5f42643f71a2f48e4ae473a0f7', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,7 +59,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '387c780af0dec1fed98e8d4debc94e055fd0302c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '54ec7f65a4687d5727bcc6a2b0c3ae3c70c9a17f', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '61f9347b6d9c1e45d9a3a3671d15809275e74039', accent: "ghost" }, h("button", { key: '17e6b7d51571abd07f3bf35b45deed0973b35931', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ed41028f4d79655b8de2a7d6887d14783d31cefe', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'db6a965fe029739f3be02becc3a664c551b80fab', accent: "ghost" }, h("button", { key: 'c73e4f8c4f580b114eb3f14754670bb5ddf96aba', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '6150f9c20954219373c056b23ca7956398745380', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'd4f4bd6972cb9e7c6b52693141f08bb236a2e4f5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1c293acb56e07162563297123b9a04700fe2b4b8', accent: "ghost" }, h("button", { key: 'd85685a5ea699724f44c4639496826d30572ae6b', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '094cfd3b75b1c0771d8a5e733c9f144a3b1adc01', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '583123687f1c61b8287037ffae8e0e8a1b4e5e6e', accent: "ghost" }, h("button", { key: 'e90ea9e062a0b65e1bd197aa08aae74eda8ff8d5', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f2b44c27f57ff1c51d4c29e956183efecfde1cda', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '30ab0439083726cb3615c1a18ff0ab97efe798b6', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'fbc5a8b8d13116a7767d1085a208c15b7bb1a5da', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b9cfd4b0a994657d168d1aa0614e2176efb9f380', accent: "ghost" }, h("button", { key: '0ecd32936b67dc25c6b303af460831f0f877e3e4', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '3de8cc8df38797524373af310e3e542afcdddc81', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '75f193385cbbdbe7a56272f1fde64019068b4592', accent: "ghost" }, h("button", { key: '8318f0b70e9361263261b4fc5bc53a1f2a877bd8', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '0267d317badb9079f6bba6cafd838655fc057f93', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '0b526166b2f78226369144ce59649e99ec078fe6', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '830556222e1c9bdfa307acc84c9ea5b73aa64715', accent: "ghost" }, h("button", { key: 'dcb89968a1cc1e6a7d7ba4e45764d609c7da1d57', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'e68bb86ec3e2f310a8c7866fc0f2d073061992c6', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '6570459811668de2a760b6fc91edba3860bd6939', accent: "ghost" }, h("button", { key: 'd1a17d0c343b0fb8cd293280a2c41e6f2cffc726', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f0a7f421dffeab5366a1d8c26ba08b5aa66e64ff', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -90,8 +90,8 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: 'f852510fab9f3720e9caa0c2b0906c726858c506' }, h("button", { key: '5c0b04a89b9ab2d445d40c837aa39d307ca1d1a6', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '9d2c6c8bf72a101f46d049c26106fe2c2976db92', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '4aee295c3323a0d2e9eb811bf42f17bcb72ff5cf', for: "popover-target" }, h("div", { key: '7c9dd23ad603697f8bc3c6f2db50355e31eef4e1', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'a55ac1680426c8663319fda45ac9f377223697ef', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '0acd5433a438ad5fd90ed3d74cae05b92fd8e58e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a12102b3da41b8250c73361763e7ec7fc7ba785a' }, h("input", { key: 'b85a482f875fc2ddcedf0e4db532fe05a309ecab', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                evt.preventDefault() }), h("label", { key: 'b0ec79ebe2f17bfc3498a2b34822ffd7ec4906a1', slot: "label" })))));
+        return (h(Host, { key: 'd67656590fd27501ecb370e04ac52c664f1dd3ce' }, h("button", { key: '31d3e0d7ab9cd9dd62dc2042317570d28844e61f', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'f7d035afd8a59b8cefc9135d7f61d10822fa92cd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '2260d37618cef3d5f6067d25ad7d73a6371f5049', for: "popover-target" }, h("div", { key: '4798e5a26335091f2672b63a2f5b4457091ab139', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'cf9998908d7b833a05f7adf123f38da37a6b7a4c', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '4e80deda4ccfe376eafbae647f3fbe47cc86d2e9', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '567095f938f1573e1d72e04d4450a9107ce69af6' }, h("input", { key: 'e069dec55bae481a4d72b584aca7a90c116b9333', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                evt.preventDefault() }), h("label", { key: 'd9ddc391f609511b1dbca8d6897132eed61e5cb5', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '0593a448b17c08ef188586040d17daa2e1ee343e', class: "gux-pagination-item-counts-container" }, h("span", { key: '69a6c9bfabd22d19e974663f1e6337f4a99323e2', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '993e166ead4f89df64c6c5be303215dce3bd70ae', class: "gux-pagination-item-counts-container" }, h("span", { key: '0a1088435f50e30ba9e34b27b16270252a861fef', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: '3190be8e4580319a9a90ea8a7fb23a14dacd1b97', class: "gux-pagination-items-per-page-container" }, h("div", { key: '2a162c8ca98487e50b6581aed3e8eb1bc63a731d', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'af8f4b470cef18fb89326dd0c5b785d84aebf9af', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'd7cedc7c5a23c0af6f2d9fb7b726cf6ac367d9ac', class: "gux-pagination-items-per-page-container" }, h("div", { key: '41b0844523937600c5a0df9029665c0d4b5f459b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '6af4475c060ebf2b9942ed6b6dcb0a527b132c44', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -83,7 +83,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '20efeb98ba27a76e7af91a6d2ff60b5d311ea1f3', class: "gux-pagination-container" }, h("div", { key: 'adfa1340ea3a686701e2cc530c1f029a02f14c84', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'a28e08c6cf74ab1dde9f195d132d4da0e9ce7994', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '01c7f0e6aeb4c7d03fc6339e3baa11b25eabe926', class: "gux-pagination-spacer" }), h("div", { key: 'd076556e9dc78ff34b6851f490e7b1bb2f3e1742', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'eeecdb5927ae2ad1e2f0ccb372b4172f59a00329', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '89660a5d070ac526d5f9903778590d1bd270a9b5', class: "gux-pagination-container" }, h("div", { key: '593ced162d399ccbd4251d5e5c02fa2369cebc29', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '442f13f3c0def8cff466bb6293c9f725078c9d05', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '9ed771112644dcc21473b9058d64fd9602a11ee5', "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '697f99f72bdea4b8eb4505e38a38c65b93b37c11', class: "gux-pagination-spacer" }), h("div", { key: '1023bf7bc4026afc7bd367d28acffffc30644f37', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3bd7c8768f9a38465528806b7849f14b690c3069', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -155,10 +155,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '36d5850e276d557d5e07991121f1aadcb11b3f4b', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '11b255fd5fde0289e031a87b9c73a99c38d6454e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '35e7595c8b531b989418f0664c6e63474224ab7e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '38f324974a2d2997f0816183f32aa5e2889fbef9', class: "gux-arrow-caret" })), h("div", { key: '74f0488250f3b3821d4c5a4a2c8d3b5c68f4787f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '40edb57fcfee191e7fce610bc77009a6b9d3f9df', name: "title" }), this.renderDismissButton()), h("div", { key: 'cca051a7c12bf2ff19d646ac09ca47b8c3cc684c', class: "gux-popover-content" }, h("slot", { key: '1d1726cb4e7bc3a7b6e00d3b9e53b36338518753' }))));
+            }, "data-placement": true }, h("div", { key: 'b83972a6509b0f6cbfe5d87d7b055a3061ff4f9c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '745b6208ce6d44dd8e99ad52e66b6c3f02053596', class: "gux-arrow-caret" })), h("div", { key: 'f41ba145dc0c95de2f1cf8df0dab470098124703', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '33bb5d4901bc3df83add552affe43f593d11d660', name: "title" }), this.renderDismissButton()), h("div", { key: '4a0ab32e8be3bc3e7acc64b2a2ddd1a191ba7ce2', class: "gux-popover-content" }, h("slot", { key: '2390fb874bb70060ea69f9e222111b1545559c15' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -126,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '63f31ca92e5d70a8c63195a4e1717b835684b7ff', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '2e829f65d742174f1623890307edfd5245985a24', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3736a7036c3b7b1aa2b4335bdec78a17079705f4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'ed18d92443e931c2a01d99fae2ac385ac3ab8ee0', class: "gux-popover-content" }, h("slot", { key: '39ceb2d2711e9d816d13b959c59a90435cc72d2c' }))));
+            }, "data-placement": true }, h("div", { key: 'ba857857ee049c6a50cf7e3dba66b88100cbc794', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6ff75f017d0bde770d0edde24beef31d4eb5d22a', onClick: this.dismiss.bind(this) })), h("div", { key: 'ab2d7f09c7727e7755326b13d2be41d7078a2356', class: "gux-popover-content" }, h("slot", { key: '44c07cb52bd8452379a7f022b8b5d677ce1d0223' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -90,13 +90,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '70f2ab2f08fd15b64faa113f9f4c433f0a586e1e', class: {
+        return (h("div", { key: 'c30aa8c47a37f2f526d9849770f557a411235295', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'f4790767460c9a50065e311304b3ae7899c8b3e0', name: "target" }), h("div", { key: 'e6cf93fc0976d616991f9ddb74f4d39b06b721b2', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1a766a7d3d83520eb01343bf32c5501ce53865c3', name: "target" }), h("div", { key: '74592d9a227e71da3f5368fca02aabda71f5557b', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '1d7b864a909b263fd7390012b6ed87a14326a4e2', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '32f147115740e271fdfe988e7911a7cb2fc1c4db', 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

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '5f78c8d873c75a631a17fb8c7696ef5ffb9c7305', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'a4d822cda0622c0936495b58bc4316ef37fefde4', 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

@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: 'f5be2801f875ec5aad6bf9728a11998c3bf941e0', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'd334b3192f1213155c274b4abe913e1dc7d41a69', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'a1976577e15e8ab80dfbac88b4911b910347fe95', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'd562502e1cced11258f30329bcc590143e427a9f', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));

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: 'b27bc16e5803dd358a8fd75ed5391c4212f10d07', role: "listitem" }, h("slot", { key: 'b868489b525b0b5573e59377991fc26151b0f197' })));
+        return (h(Host, { key: '7a392d1fd5e0e089162f1f7b6c83eecdccabc1cf', role: "listitem" }, h("slot", { key: 'f4ecc99ab1362a116dcad78244a919bab5bf7b33' })));
     }
     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: '02661d9e9f53a9781de5e4bf3fd5026595dee325', class: "gux-container" }, h("nav", { key: '9c98cea7885a210b1384f36aae0b84e68eeef514', "aria-label": this.i18n('navigationName') }, h("ul", { key: '49c81e75c0d52e2df2b5310624818a9f429b5690', role: "list" }, h("slot", { key: '513e29b9c2f8585dc9299fe0683e8096cbe9f8ab' })))));
+        return (h("div", { key: '351678425dca08b7c61ec0f869b430a3b625c8a2', class: "gux-container" }, h("nav", { key: 'ec0720dfe5df1a8b98b6227edbfb91d27e5a482a', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'd6b73a85c220fe9edd79ba4d2c247ec56049c364', role: "list" }, h("slot", { key: 'bf5662d53b1aeb9b2990bb018574144ef467b444' })))));
     }
     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

@@ -21,7 +21,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'd5b8fcf75692e2eee9220659da2c5fc2fb56db95', "label-position": "screenreader" }, h("input", { key: '3b9de53de7c3d11ac7a69831a490f3698faae694', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'e78064062424f38d6a7b55300054ee1a90e63e01', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a77b69154831b1d9c7ecf5812b7d2a05ce6fd6ef' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'e567d3cb596406fc49b11370c47c762b81488b4f', "label-position": "screenreader" }, h("input", { key: 'b3779bc461a1b6c3a4bfd485460f970c5d1e43f6', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '8b3d73af70112d7d2ce827f92c817a6b144be633', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'd54901441be5cad5c2583f71c2f31e6d324233e9' }, 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

@@ -17,7 +17,7 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'b2e3ba29b127051987aab4c16cac6e1e003557d4', "label-position": "screenreader" }, h("input", { key: '7fd83f1c9074549f42d826988359a435e6028568', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '5686dfea1ee25f84b0896075e54ac20d2e10124b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a9be88c77128492af817e9c7021d1987e087c29e' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'd681d97468b0b9f63a75f3375a70687903641552', "label-position": "screenreader" }, h("input", { key: 'a532d19d23d1af106c4a38babe1503ab8d9c6dd9', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '55991ed38a191f1ae9cb0450edd7879dcc5b20bb', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e487e377d37fb8bb961bba5c2d4feb5d37b2652a' }, 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

@@ -98,13 +98,13 @@ export class GuxSortControl {
         }
     }
     render() {
-        return (h("div", { key: 'a8b12021dec9e22d783ce6347460da5dff2050c9', class: "gux-container" }, h("button", { key: '2807ddd46dccacbe47d0941e5c7ee2c9c0c0704a', class: {
+        return (h("div", { key: '5f7e190347bb99e4abc61a78350f5e06fc7006c5', class: "gux-container" }, h("button", { key: 'a843bb6d2e6e3b50f1a6c72bb33799c9a27ffb43', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '684f0dfd90d9ea7d7a62addc8f36989374adaf8a', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c16595ea28a078b9c899661e31248020bc7649a0', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '7aae241d3f39665c6f95a983d733dd2f167111f6', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '4cfd75b06d5d84b4fb232fce0754b8297a4f4ec2', 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: '4781137665ed57ffa30ef536e3644a3ff1d46367' }, h("slot", { key: 'e7860a955646f7acf079c7b8fa1ec68e8ea6371f' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'c74845c2ba8802f78cf866331240fd08389630bc' }, h("slot", { key: '9083d83e7caeb6ce53ee294dc881ea46a9c332c2' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -269,7 +269,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '554ee0db8bb7ce07631bd045e30a3bd701841197', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '142dc8a95e5802904630eb0e4b7be466a840875b', class: "gux-table" }, h("div", { key: 'fdef0cc34220201f5e3af611281db98e6b3e2a68', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'd490e2decd05ff16eaf0b1ab71431ee86e133b1b', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '92766bcc0d454655a0fe1381dd7e1b14863e4010', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '835d1f245abd92f74fb1769668d86eeafa67a152', class: "gux-table" }, h("div", { key: 'a1a1231bb441722ab2ba37cd62f06ff3f212044a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '71773d7eb6f159b869a5c519fc894ba42ad47958', name: "data" })), this.isTableEmpty && (h("div", { key: 'c9a571930a9a6253bfd03b13e949a49e805df874', 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

@@ -42,7 +42,7 @@ export class GuxTableToolbarAction {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-table-toolbar-custom-action", { key: '43d5c9284962b2819371397a1e7c7540c0ee1eea', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ab15917af056c1bcb4f01cfd2007bafc422e3f0e', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '3fcb4376e3f9a430d87916307c081c89265cb5fb', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '7c41ca3773d200182c3a7c5ee25e0ba5e960a9dd', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '7fa8c49c27f797f907c51a8803e2f92871f25a79', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'efdf4058878c8d99cd7e7fd9989fd5fd0dbfb94d', 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

@@ -26,7 +26,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'd7e2f61d15f86f12af660996d2bcd9a0b8c4c99f', accent: this.accent }, h("button", { key: '82bdb2287fffbb5ac435f21bf39ee35a6c155754', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'bc2f0191804b2b856d8d57ff171d915da996ac84', name: "icon" }), h("span", { key: '8c3f8a36be21e9485054dff9dfcc0783ebae0183', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'af55e151ef2ae8e457328c9ffa0f66ef01d349ef', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '0ff70c93609b99917344d1f735990383ec9de9a1', accent: this.accent }, h("button", { key: '6436954025f4d2466519627539119b6d4d20a0ac', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '1728d8658b79e71b566385d606b4367631b8aeaa', name: "icon" }), h("span", { key: '49725734f0b59c40ea39e977179371cb6c0f5559', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '9315a820bb11d200bfa3be1689764cc5b07f95b4', 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

@@ -85,7 +85,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'b7b05eac0bea2592ff06d8d9249e52a4f8360378', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'e5934fb8f06036bcd9e97394639937c16dd12319', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'd39d6f14d15f6b95c1caa955eee48bea08b20ec8', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'a1b893c9e23dc4469707819aafb139e41b6538e7', class: "gux-menu-button" }, h("button", { key: '246d500b283b7989b4d2815b9dfd030ca2eee788', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '5d2c512ca4a860d5a0fec5632e86ebad0cc2cc68', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'c116969333fa070cb5ad5e0c1504f1d9c9186dc5' }, h("gux-icon", { key: 'b2628fe77db4b69e5f2ff510bcdf5b1dae6e0773', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: 'c47227dda3df9430cfbe3972f9087fdbdf46ffcd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '4937b6b5ced9ac436441eff4a85b775223d239ef', ref: el => (this.listElement = el) }, h("slot", { key: '1b469315984760b8eb81ec9d2709ec888d179c2a' }))))));
+        return (h(Host, { key: '274f7fb6d01de9b490e666732a0e4c2b5d21dbfb', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'cc97aa4c6de35900361b964526b25b9859266b1b', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '16c37cfa53fb42607145c35ad0a1b5007e3b81e1', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'f060eb243819061464cce829257648f40b94de1d', class: "gux-menu-button" }, h("button", { key: '22b948e4c19ee39f7f2ba006524be472f05faeb4', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '60810e6732bb7a6ee24b2649599012f472d8ba97', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '5415bafd4640329eee48fd30d8fc377103a1f48a' }, h("gux-icon", { key: '1bd37ada9db62cf6e1f0d99bd303993e0ec2ba60', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: 'fb3803671ce7df9f90e622338d49be7af30e2609', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3015f722711301eba9aae5ab40dd9cfacfa6b2aa', ref: el => (this.listElement = el) }, h("slot", { key: '10097273fc34a649e6f1d2581ea9144f5e0cbbb0' }))))));
     }
     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

@@ -192,9 +192,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '83eb93d711f931607860803456cd5ee8afee8bf9', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '9700aa6a8359c95cd44d80425a3aa61bb9d714be', class: "search-filter-container" }, h("slot", { key: 'c18339a645a00933cad4b187bcae143569eeb84d', name: "search-and-filter" })), h("div", { key: 'a29c5561c8d3f2d49d5e605958d825d1bf541395', class: "section-spacing" }), h("div", { key: '4dce21695161caaea30969bf21d2e09d2cc83aa0', class: "gux-contextual-permanent-primary" }, h("div", { key: 'fa409826d8e702309272e43a657dd47707058d2c', class: {
+        return (h(Host, { key: 'a6e14d167d1490135ce03a95fb868935edba393f', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '4b53a5a4c732bed1b350aec667346ac636b70954', class: "search-filter-container" }, h("slot", { key: '5c89ce2c9479033bb920a65147e967116d3f5043', name: "search-and-filter" })), h("div", { key: '95679462cd2c79994f5b5364b011f951d1e2be65', class: "section-spacing" }), h("div", { key: '1dea4227faf0d1fec9a84706ed9cd1621334a7a0', class: "gux-contextual-permanent-primary" }, h("div", { key: '992e15611af97c5c879e4c1553bb2f965c566328', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: 'efd268a4ccdcd7d2fe03378cb763955e1fb9ee1d', name: "contextual-actions" })), h("div", { key: 'ae348fe246f4e816df260a27bd81f44a7bfa6519', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'd3c7b044ee3b8722ab0601760b656adf540ecefe', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '533982ff6cd4cfb40ce1df593421d34dcdb7c8af', "show-menu": this.renderMenu() }, h("slot", { key: '688a0b63512e32c413a0c83312319c2b0662efe8', name: "menu-actions" })), h("slot", { key: 'ddb820c68f7a3a47b6d5f1960d76378b5cb18cef', name: "primary-action" })))));
+            } }, h("slot", { key: 'bd128e930f1c084184ee10f9a60df2d1e8803d7f', name: "contextual-actions" })), h("div", { key: '0c76f0861db3e6c9a647e183529c65c2a5859a9f', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'a590b7d7b253361477134a663b426b0330bf08ed', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '4d55217ca6826ae79fae883ba73acf833dda0298', "show-menu": this.renderMenu() }, h("slot", { key: '68fb7795e5e70492b24c9dfb666cfeb9e7236d7f', name: "menu-actions" })), h("slot", { key: '41aef9a95e497f404ebddb37d61a23f8fc5d1833', 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

@@ -34,11 +34,11 @@ export class GuxTab {
         return this.active;
     }
     render() {
-        return (h("button", { key: 'b089c7e70d3259cc75309f0601da8419a1fd82c3', class: {
+        return (h("button", { key: '4311aa04ce865d43c15fb2dc6fb2afe065b3e781', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: '604ba6ba1a5e8f183f01b00801f866a8b935ac4c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '8c4e9918319ccf993f38e430647c433ee8ae92a8' }, h("slot", { key: '7e3a86fb9fb47ac38e1ed8d970e77ef8d77314b3' })))));
+            }, type: "button", "aria-disabled": this.guxDisabled.toString(), id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.active ? 0 : -1, ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'f7c778f463b60b59842c59fa7ea74ca80d055952', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'cfdcfa93a347cb368985a7907404fca48694487a' }, h("slot", { key: '86f508d9968e92cf30bcd8a04699ca85943eeb68' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '23ff08507a84aab9b24ddd4a3de5021eaeb7808e', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '391821184788dbb1964fa843c547364510e2186f', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '470f6a9bbfc9d69892154db72423c7c637276318', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '8d76bbc692dff96720e563c7a6c7721f91cdc124' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'ef3b2c5ca044754a868924ab467dc5cd75be01ff', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '5deb71d51924ed68ac64c29e863f957fb46ca9fd' })), this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollRight')
             : this.renderScrollButton('scrollDown')));
     }

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

@@ -17,7 +17,7 @@ export class GuxTabPanel {
         }
     }
     render() {
-        return (h(Host, { key: '90ce032c2d3645190486359993444532a7003b3f', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '1bf63e7ea1559834d7c1f4ef8ff8b97a9d4da449' })));
+        return (h(Host, { key: '1cb7bcb0a51a128c98771dd34c6c843b5e5aff68', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'f92439ce99ca58122cc0f47717f6956e0f2bab82' })));
     }
     static get is() { return "gux-tab-panel"; }
     static get encapsulation() { return "shadow"; }

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

@@ -45,7 +45,7 @@ export class GuxTabs {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'a5fe55c35c0a1517f3081e51df9134f7310026dd' }, h("div", { key: '659f6ff5fb0736d357fb5ec60bcd304596ca4989', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '0362f2a7f09340dcfd4f1c988261bf4705ddfdc7', name: "tab-list" }), h("div", { key: '4e010062cc543aa9d1e52613b5431b53d49c097d', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '60260000301e7a6d28d6a869b265d3b5c3cfcf53', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '7aa6d39be809f128ba1b851fd9a51d42dd5cb17d' }, h("div", { key: 'b7b87f47c3a08ff574cfa1b3fb124596e133b92e', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '9c8dc312a0118b16e2dd8ce73e3b4e0f5a5b54c6', name: "tab-list" }), h("div", { key: 'be2db28e97a606fc24984e0dff8f14b5163f842c', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'bce112629a27632569bd70aaf9bcd2130be489af', 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

@@ -152,12 +152,12 @@ export class GuxTabAdvanced {
     }
     render() {
         return [
-            h("div", { key: '8efaa99db83e2f2c73a2ecdeefcf23632fd63c89', class: {
+            h("div", { key: '2087debcc6b867605152aaca70ed99546d64f533', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'd91326cc98fefa010baf2a27de993ffa6025b5f6', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '97c1423ec275e99603fd4ec6ceaaf96d3bcd1dd0', class: "gux-divider" }))
+                } }, h("div", { key: '9e5e5723f32cae885c74edcd9d6c989aabaebf5b', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'e93f90a75cc38cb13fe83d7e28b591477a07a7a1', 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

@@ -415,7 +415,7 @@ export class GuxTabAdvancedList {
     render() {
         return [
             this.renderAlert(),
-            h("div", { key: 'cd8ee967bcccdb0eb1072504034764a245614162', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'e7e016939584c16727c86747bde51ffbe8caf82a', class: "gux-scrollable-section" }, h("div", { key: 'ec7c07b6b925afd268e867ea725a2585ab4f1c0f', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'b0ed8dbabf6e783c73be087b0e5416e6298f8087' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'c640705dbaf87e37c008674156faa8f9d1901da2', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '1710807c9386d7da21fa0b8810ef0d27f74ba542', class: "gux-scrollable-section" }, h("div", { key: 'b02443f427e9500dcb553465ce4300005adfc273', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'bc389257f0e9a8f088cb56f3a64980e7e02177e2' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
         ];
     }
     renderAlert() {

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

@@ -17,7 +17,7 @@ export class GuxTabAdvancedPanel {
         }
     }
     render() {
-        return (h("div", { key: 'b33334b7e944f1e022f5fa6b586ffc4ac9ebcb60', 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: 'c11c68aafaf907a4bb17f1872b305a2405d37e74' })));
+        return (h("div", { key: '967caae014d07da8946ab08cee6ed40974cff0f6', 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: '8ce0217146c3ffaa0f5f512cb36edd4065d9251c' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {

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

@@ -46,7 +46,7 @@ export class GuxTabsAdvanced {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '8bc281c47a02a4e0ba090491862daa5931b756d3' }, h("slot", { key: '657c7b64599490b8b8a39f87ed374c5c80d1041e', name: "tab-list" }), h("slot", { key: 'fc6ce2ee35814dfbc9749ec21be87d2e0923284f', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '95f7fc2da1aeb19c9583cbb6db2175d2ea3cf2d9' }, h("slot", { key: '67b40a6828cdc96b96731f4c0a3d312f367695ad', name: "tab-list" }), h("slot", { key: '02aa1ce15ef08662dc1f3679aa66098755e111b5', 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

@@ -55,7 +55,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: '4cdb594bfb8d077fbc855366d6e2bc8aa9840e83', class: {
+        return (h("div", { key: '5b8c83cfa5d4e5e88a335f6ac0cf2b4a263b104f', 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

@@ -210,7 +210,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: '1b098b314a215ab6bec288d67387f79228c575a3', class: {
+        return (h("gux-popup", { key: '808f6194bc3f0303106d96947eec91af83b1fbf1', 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

@@ -43,9 +43,9 @@ export class GuxToast {
         return (h("div", { class: "gux-buttons-bar" }, this.hasSecondaryButton && (h("gux-button-slot", null, h("slot", { name: "secondary-button" }))), h("gux-button-slot", { accent: this.hasSecondaryButton ? 'primary' : 'tertiary' }, h("slot", { name: "primary-button" }))));
     }
     render() {
-        return (h("div", { key: 'e8daa84d82ab233fe8354b924c106c7263ee676e', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'aca2df1e3c791e5f73bdaf43979a3ee5ad1111d1', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '1b78b84f9bbf1e76a03599d837b531427ffef5c0', class: "gux-content" }, h("div", { key: '47505729593280e95a0eb7c97e6a99dca84d31e4', class: "gux-message" }, h("gux-truncate", { key: 'f16370a48f58867d5d822bda24b00249589faced', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '00b7c75b5aa68d996a8a3d5cf7a638f7f35cf5fe', name: "title" })), h("gux-truncate", { key: '5da444593bb96b9a13e421710561a0f2e99fe369', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '40e1ae27b867493f2e84e4f254dc525b820c1942', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: 'bca55671e2e7f16471e556e4fd85c75992fa13ba', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'a5409d95625165ba4e69752474afeeaabb3b4ab4', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '7dde6384d557724ec22cec495f7fc756a450cfc6', class: "gux-content" }, h("div", { key: 'd03224398005b807561b053cb3b30ac9e3cffe41', class: "gux-message" }, h("gux-truncate", { key: 'defd5d9c08dfa01060ef8d5d782136a7315d9122', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '0d5d11acf015de1ecfb69425ccb2f4ff6d937a18', name: "title" })), h("gux-truncate", { key: '573aef583263681963ded618a7bccc621ebb0b2d', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '878a3cd9ca20e4a37439540abbc798c4b7c5c53f', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '9bacd12789eee57e3dcc8d46a091b2309c48e0d6', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '7e11a8c78c69b41e26e41497555806e46a2efea4', 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

@@ -21,12 +21,12 @@ export class GuxToggleSlider {
     }
     render() {
         const isError = this.errorId.length > 0;
-        return (h("div", { key: '09781e0cf2a74cb3ced78292fcfb25aa8627b72d', class: {
+        return (h("div", { key: 'b060346bd36b97e1f82df12b9ba315d060792f5e', 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: '625eef1f6859b45478f08224a75de3b0666f4aca', class: "gux-slider" }, h("div", { key: 'cb70261876cddf2149eca40e32499435580361ae', class: "gux-switch" }, !isError && (h("gux-icon", { "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: '53d17c575b5f98b76d78f5ba5d3392f05b5d4b4f', class: "gux-slider" }, h("div", { key: '24ba9e4dc367bc2240867023e3c5712a3dec98ec', class: "gux-switch" }, !isError && (h("gux-icon", { key: 'e6bae9bc6b64e42373e726dcdb6faad6d80a2684', "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {