genesys-spark-components 4.38.0 → 4.40.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: 'fabee33fc575f13c96d745447338ad0f630ba439', role: "option", class: {
+        return (h(Host, { key: '1c591279c2ba98403887a45cfabf49f943183bbd', 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: 'c001777ea65e42db4f59a6b577f87d03c9cb43ac', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c60da0eec7002d2786f8d6442ac528c90707fb8c', ref: el => (this.truncateElement = el) }, h("slot", { key: 'ed8505eab5790967f5161c88dfdeb9dc291b4218' })), h("slot", { key: 'fba46212c08d55351028e06da944bc99e10a31a1', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '04278101c42efb140ef3267796e28468e07a031e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4699e053f1e2913b29034a4a3582f2c09da6bf77', ref: el => (this.truncateElement = el) }, h("slot", { key: '40d5ad86bb7a3cf7746b07de42ad1ee8081fd372' })), h("slot", { key: '3e450b678e4567cdeb4810111cf63003e1a977fe', 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: 'acbbb1e96d5b4bef38aaaccdafc48a3d81fc2d30', role: "option", class: {
+        return (h(Host, { key: 'a86aa2697b351d9aa4d2abe7d5933554338757b9', 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: '64537677cf89e18b5868801ecc3dca4102e88440', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '61c20dde56bdf80678e718b06e3431bbb82bba16', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6f5788a2e30d0bf83a70e660e60f646479c176d8', ref: el => (this.truncateElement = el) }, h("slot", { key: '79b4084bd61bb03801bc06c69a3622e348bd87bd' })), h("slot", { key: '718edf6a7de8ea2789a53ef09c58f7837248cb24', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '64167f2bd088c53469128a58fd8b8e671d90c337', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'ec57363a8d68937dfe14bd57e2deeefffca1b4fd', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5c414cb80fff1c53c39c383b68dba5901dba446e', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a816c429d83ec49934911699453abc619895a11c' })), h("slot", { key: '0ee2a4d58440830b741662b3566dc5d740abff06', 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: '6232b8a930fc80b7713da51d24ba2cdbe519df9f', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '432569335df044f19d37817e351e06559e320a47', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'e8202a43d2aebeb320eab8687cbc1b636bb51cfd', class: "gux-option" }, h("gux-icon", { key: '6ca86f3412fdf2e78db35b22c7391e9911d4a861', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'd57e5dd5887fb753e63df5d05960e66463b6f157', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '010490efcd0974fc7335af5f52173573aa1ed418', class: "gux-option" }, h("gux-icon", { key: 'be5552d5076bdefb608e9ed4f608164bfcb91433', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '0bf47ba74f284d024600e9a87a07f09cb8f87d04', 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: '6c95d52670bd783817c3856dd77f1ab8d1286afc', role: "option", class: {
+        return (h(Host, { key: 'ad48f3760d6024b4dc7b9a44ef3ac6a01905a0c1', 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: 'a72e7c9210835acba4b64a307f1122cfdc0a1d1c', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c86b9fda967bd571d52b4fc69b62940902211ecf', ref: el => (this.truncateElement = el) }, h("slot", { key: 'e2434f46f4a6c6f37d6f88a2235d449fe63935f8' })), h("slot", { key: '30e47297dfe421f510a604ac457e6cba71fba681', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'f2b0fcaa4c1fab636dad83d73a339f4b273b803a', class: "gux-option-wrapper" }, h("gux-truncate", { key: '376e881035146ee7e061de2143c3784c386752bd', ref: el => (this.truncateElement = el) }, h("slot", { key: '11720a7b53179026f98622df4e6f50de65189f5d' })), h("slot", { key: 'f34efc2b992dc8fb58750522dd71d5e29984486d', 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: '73f7866c91ed5358d7521ebeb228ed1db861b32a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '69d0ba46731db970f7b5e6cc3d8f713cae585284', class: "gux-progress" }, h("slot", { key: 'bc4e0dd2655431cf0f5a164b0ecc876dd097a6d5', name: "progress" })), h("div", { key: 'd5674a832c40ef03c0e705629fedbc61da6bca6c', class: "gux-primary-message" }, h("slot", { key: '983be88ae42abc6cb675c68bc9ce43865eabca68', name: "primary-message" })), h("div", { key: 'cf526d7c71b3abb28fd8f0d3ae01e4ff817a2629', class: "gux-additional-guidance" }, h("slot", { key: 'd4788d251b88c0c07626c67941884df91e39d311', name: "additional-guidance" }))));
+        return (h("div", { key: 'db95d3329c7c49946742c28052b1f4d2163dbf55', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'ef6170afd477822f64cd0dd8091376ddc8d9a785', class: "gux-progress" }, h("slot", { key: 'b824b5e14888fd5b7df4e6d587d77f0d3f3654d1', name: "progress" })), h("div", { key: 'b3efd00f28ed39c205add4e2a469eeb42fef8495', class: "gux-primary-message" }, h("slot", { key: 'c4d1660ecbb56b4de017466cdcd818be7368d612', name: "primary-message" })), h("div", { key: '5d9a2d37af7a85fa270021bd60c919fff4b5ac1d', class: "gux-additional-guidance" }, h("slot", { key: 'c2e767c6dca773bd8aa776380e59826826ab5d88', 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

@@ -57,10 +57,10 @@ export class GuxModal {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '339a7dce94e978b46f27881d74ed0876fff04f0f', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '35d37da100a63e776d7ab595de8805ac2e23d4b2', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '8d87f41cf7f94848a5dc4985aa76b5f354292136', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'aab96123495a762961cd9f88d29f24890e7e3b7c', class: {
+        return (h("dialog", { key: '384d8556d0e79080d14c14bd77b8ad24fa3e7426', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '1ddac64c7bdd77577bea78ab709d3beb62cc2caf', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'd45fd1d2147341d47cf392dc07dda38dbb485e21', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '54b897f6238ba5ddea00ce031f34087cff856e73', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'bdd46e0ebf5c9ef9185b27c75c650ac2f2a7cc96' }, h("slot", { key: '9274c2fb419ab8f49f9fe418182d3ab3f3b0b34b', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, h("p", { key: '0c76de9bda798bc0ee4576b042e4657f07752295' }, h("slot", { key: '9f76785f3076ad29f199b7f224678a57d8869f15', name: "content" }))), hasFooterButtons && 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: '385ea6efe57d638a7a82273a3c58f162a9e8ab73', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '32fbfcd31034222e6a6066a8aa6c80604f7419bc', 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: '6e4afb7fc14787ecdc79fee18a11f33522886802', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd050d4e50a9531ab55e2067aa06ddec1b305a9e2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b24534e2552dde379d3efba4483f3d27c6670218', accent: "ghost" }, h("button", { key: '423c29fdff283d30ef6147f326758ee7c93fb31a', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'a7fdfff0dbda1a6d2029dc13e84a85d6564f1376', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'd9d3ab133bb592197408f341065e2dbb2b8753b4', accent: "ghost" }, h("button", { key: 'ddb8325a937e7d2946c5f56a26637fb2640bde75', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '1e747e734c6cf6d317b5218e6fe7b8a8596c3fd9', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '67e0eee4f4debcfdfffaec8b7b943c59cbe8d30f', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ac1d387f0a766e4a3941e2b2c34ee4926f233e10', accent: "ghost" }, h("button", { key: '1df260c78599dcd514839cbee174081eaf4e7961', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'f8034d5d949ff294ed31c4576e33c920042f0863', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '9e23bfea370a888bb6bd6f5e562299524ad5bb85', accent: "ghost" }, h("button", { key: '55147c99e00e601e8a29160d3f0801f029097578', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'dcfe9f61c9f775427f98244619cfdeae88e552c2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '45100f3375b4d3bc6248bdaf4f3a5f19d0343b0b', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7c2b52ba5c9e43de2213df8183a5197751249d4b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c34328f06f22e700fa26bf8fc90219f7faf5e66f', accent: "ghost" }, h("button", { key: 'a0798d70f1098c19255b44df29085f2f34006d36', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '7fdae1bc2e4b72dc60d9576b2d2e0100a58eb71d', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a13cee840effc2d86d163cd190018dd345030beb', accent: "ghost" }, h("button", { key: 'd385a2de26d53786cd40a49c69c669373149b4d3', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '8288c2727740e55f0bc3b851702bec93ec14a551', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '8a4e7f7d0e904187bd1a619a2321bda0189fba7a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '972f2ba87d9bb2c60d5dfc31631f4fa7614f2b97', accent: "ghost" }, h("button", { key: '5aa6a7752e359565996f162abf6eda03c0199c47', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '70e3b754d3fa5e9c7602f73f8a106d9771eaeb25', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '41356030d74951070258b0a807e29d4595968fcd', accent: "ghost" }, h("button", { key: 'c938e80a109e5c924a568dc2858951561f6bf49e', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'eb002910cc9ee53bf0c699ae23e97defa17e3227', 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

@@ -84,7 +84,7 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '27f46ece4cba80658d3e8016f0b84f6c64e4b089' }, h("button", { key: '4bb71628d7af04c803cbaadcfc8e094ec3859545', 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: '9db61cc7df8c1788f8dd3c30cf7c1bb7591fbf02', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '8f41e3f2f037df02e13f1050c22f81273383d13f', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '1c2d908199ba430a62fcc814503e9a7057f760b7', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '7c615f40c01a34de67c2ed3d5a7bd193dbaab569', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6804b5a7365fbfc26c81b1d927f891c54e6ddb62' }, h("input", { key: '72e0949110862fe60978dcf29f9414e716bdc088', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'fc21a0b6bcb8c1e74fda436aaa8e8bde2f0a2cc1', slot: "label" })))));
+        return (h(Host, { key: 'ab978e3ccd347f6efa6e0eeffadf27192ac12189' }, h("button", { key: '2727bdacd20748fa2d193ea9fc54df1459397bad', 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: '42ba22626fc336ac510345d7aeb581972c8f169f', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: 'a7b21a577af9075c1d80332704d021792e613b1a', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '13ce1b013c33fadfd010308520d07a48bd1b6a43', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'dc6a07690edc69bf950713e2f9cb98b8bfedcfd6', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c766915eb546ef42b32db89190af4ecaf70cfb61' }, h("input", { key: 'c7608a943f161504f06dac309a75a970b3c68f5b', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'b46f6b218298ce3e23a406c2bd34e34a7514258b', 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: 'ee9d0a4bbe433a495f8f1e5ac80b73365f2a1b87', class: "gux-pagination-item-counts-container" }, h("span", { key: '7ec24cfcd96d14519266aea89a7a2b3e88b3b599', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'a10e5fd868ba68c62113ff1c724321517cbca501', class: "gux-pagination-item-counts-container" }, h("span", { key: 'fd717e99897bf74f48fea9e7ef715c59ac13f4ae', 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: '2105763eb78b005dbb847626bb4f126f52cf742a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'de5a87fb380f4a775b346aa592f7a93501a0426b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '40039c4e84e5e50f005decc4ac96bda16d8eea41', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '8bd581515ef9eb4c907a1a0c44c14052f88e049d', class: "gux-pagination-items-per-page-container" }, h("div", { key: '82c862cb941dca550e119e0163419693e14f7036', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'fc0cee0cf716098f3738cdb52f02b70b1aabc178', 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: '9498de89d479091d7c528422d9401b02b7142d84', class: "gux-pagination-container" }, h("div", { key: 'd0474d5c38369580a50e990b1ae0ad8b3e22cc83', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '8efb699b339945caabfed3d5adcb196858ca4e60', "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: '6e97ed0fc483caea26fa300f27c8c4e920a24d18', class: "gux-pagination-spacer" }), h("div", { key: 'ff371cdce264e6b336cfd99147c9b8182d351f4b', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '45eff5a2e14ee5643625bd300cc246b44b428e80', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '3d7c3ddd6c23ffbef7cad8bbe0ca216c868b5d09', class: "gux-pagination-container" }, h("div", { key: '7bd4c2c55cd8188e0c6e249298ba2d14276831a4', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '9970fc82e7d569663d850bf9f1ebe7dc972b35bd', "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: '6813fa73e796ad4fc35363b06f6d254819200d15', class: "gux-pagination-spacer" }), h("div", { key: '2376b3c5df8dc0fccc9de8cdd973ba376af78122', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'f9d5c36d5a7e3c818c00e3dd23f1fe7f1a83c3e3', 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

@@ -135,10 +135,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '8f5b7cfebe4481fa8248473d20433f9f56a0ad13', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'e957afb69a900c56dc14741e574e3909f9f43a6e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '3baf7a504892aef49c78f4c9c227341554b2037e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: '3369119d45bc4330e70abe72b917ea90afc7e275', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '7b7c1a2aa2126a8118be1d829152ec2b8443b544', name: "title" }), this.renderDismissButton()), h("div", { key: '99bb19c0b2c20bcdc11fd93e870e8b4b036b7933', class: "gux-popover-content" }, h("slot", { key: 'd2b6ba0dc948e0faaac740a9ac71410516b6a30a' }))));
+            }, "data-placement": true }, h("div", { key: 'b7d160b94dd631d7f061f09c0991bf1cf5e62b46', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: 'f1aeb9fb32a26f0e6095168773ada0fa3f66bc37', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '63f1225832ec3e8d55c35f119563287ec5154b66', name: "title" }), this.renderDismissButton()), h("div", { key: '549cd52615c4b456c3d21f0f7081f57dcbd0da5e', class: "gux-popover-content" }, h("slot", { key: '61346abcaa5ab9ba4da4e0f18378c9185becd785' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,6 +26,7 @@ export class GuxPopoverList {
     }
     onKeyDown(event) {
         switch (event.key) {
+            case 'Tab':
             case 'Escape':
                 this.dismiss();
                 break;
@@ -125,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: 'f5b4e19889b421bbf0380179b433ca4730e582c9', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '21bd8df70a9c8378933aa1deccab0f587319ebc6', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'c4122ed34710a9f980eecd7a5d18c3b6f42951db', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '8f81f5c0cb72d8f72f0502202e3e5310b9bbbdc6', class: "gux-popover-content" }, h("slot", { key: '6b1b38e7161ab4250c5ad1b7fd00dedf949f5c8b' }))));
+            }, "data-placement": true }, h("div", { key: '6564b9595794d1d0574d76da708b298eddb356b5', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'b9643cf5e182a6cbcfcc77d55ab78930717e60b8', class: "gux-popover-content" }, h("slot", { key: '521680f7258dde49777a1b12f6a87d9ffd88daf5' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,13 +89,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '9e53f22cffb93df1eb198af2e647efb2c333353d', class: {
+        return (h("div", { key: '6c5608e245f2d32ba39b733185ec9223f96005bb', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'e109aef172032431187e7c8afeedd5e3b37879db', name: "target" }), h("div", { key: 'd9e8fdc4d6efd0126b7fc0f15269203470840c4e', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '78163edba7c8cbc608eb960a5cd640f498802ac6', name: "target" }), h("div", { key: '1f871e1a5512dc506ccbb2337ab9cc6b8e92de2b', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '744054dbd67ddefcdb2ec4b858237b40bb0c2db8', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '18224e8e6ad423552ca7463532af48c063c6d104', 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: 'fdd0d9d74de23d49b892702b8902cccf1eb532dd', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '5353463549f7761c8a208f6ac5b6000b4cd532b3', 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: 'fecd04606d7e727ef519f3de997d6b7f8d206eca', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'dc867cc0c04febe6613c8c2094edc9cc2899b7d3', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '43caa5a186a3095a19635ba7e1939081eb58dd6b', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '2bf707e39cdce1f3eef4fe82dd8cd0675e05f74c', 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: 'f1271efcaca68dc0392e64bb14397841d1d6ac15', role: "listitem" }, h("slot", { key: 'a65791c674cf1dc0883ed1070f99d18dafcb8e54' })));
+        return (h(Host, { key: '4bf995ac7117ec85813d94e57dc8572de8df9e3e', role: "listitem" }, h("slot", { key: '98523230bcd3c07ee729f970997bdbf5700bf1d5' })));
     }
     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: 'fcc3e554ca1e3b43dfdaf580e6d0a1ab2d56d98e', class: "gux-container" }, h("nav", { key: 'dfa68f810a4231c7c9dd829486599e7092689657', "aria-label": this.i18n('navigationName') }, h("ul", { key: '43c6a8150eff916b47aab0fb49ef0416c7d7a6a9', role: "list" }, h("slot", { key: '49f8432f1c7b4ac1fe60fa68ab2e1424a46e49e9' })))));
+        return (h("div", { key: 'ee3d3a84882c60e76b2309ad5a5d736df16c77d6', class: "gux-container" }, h("nav", { key: '93e72efcf2794f14c7d81585cd8c6a7c6a49d63b', "aria-label": this.i18n('navigationName') }, h("ul", { key: '1a66670bbfd0a09165cd59ed44d016058464fdd5', role: "list" }, h("slot", { key: '43130e35f4d83be3f36e003801da219cbfa4c323' })))));
     }
     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: '788fff501eca9b109699a379c0aeb0172ae4ff7f', "label-position": "screenreader" }, h("input", { key: 'a5d2ea5a820c74ae99c892b534d241f67aedf396', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '57fa4cbc191b2ea4d9cea0e55f86a1876884aa2b', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4e356416029b7e040aa98415bc80a577b485fde6' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '122d7d1e523bd229134f02e6b243f2461c886383', "label-position": "screenreader" }, h("input", { key: '7519e94526b9d7a012e8c8c25d6fd9e733fdb984', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '34293dbaab99b0acec34c19dfdee5e10bd365678', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '6f563e53a6b2ac95f3150e43ffa9efeb7470231f' }, 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: '7145bd889aea8ded6757667e8ea0daca9d12aff7', "label-position": "screenreader" }, h("input", { key: '9dda4bdd783d257e3c7605863dd71b3f84ac0653', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '7d33e387ee248ddf1434f65a260aae795fe8aaf3', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '73e804d56eb6923a6eec8b76d89e3be711dc5746' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '7be367dd957e4ce998b7831a710533877b4a57a5', "label-position": "screenreader" }, h("input", { key: '9e31e17cfd0053ac3ac2c328ac32f9b7e2f70cc5', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '5bad33bdb9146bc3e24ca8fc254afa8fb7d325f6', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'abd39377a4e4228e66c53f7a83e0632235905610' }, 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: '5c11a34d74087a904fe4c09b6b8739a65e528b1c', class: "gux-container" }, h("button", { key: 'aa90eb9697542570a0fd118d2f02ba00d36cf223', class: {
+        return (h("div", { key: '5061a437e430076dd9b359020f26c2d831501af1', class: "gux-container" }, h("button", { key: '153586b2c7dc69275db2d385b410a68800706eca', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '3d846402e9e02a7f68f54aace12da8c6d280b9aa', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '8593838c6bfffc4e99cec979ac3f803e3b3675e0', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'edf166b4add448bca733df7de64871286b477f48', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '238dda48eba1784756db27990dec3520cc074c70', 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: '7876e3d6951100997f6425bba787a98f33213719' }, h("slot", { key: 'e280661544f8cfc70866e5f8861ff6f81798fe97' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '92e1223598997d4027db124fe3ab9dfff72638b1' }, h("slot", { key: 'c9603deede8a66b01e28b963149b976f1ea5a90b' }), 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: 'fd3110730767b58b63661bcf250e58623113207b', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '32957af6b4e022ced566cfdcc94c3d491ff28f2c', class: "gux-table" }, h("div", { key: '7e8b0d8450ecb91d2cdd31e7750e6ec98ae627ae', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '23260b29e090bd686788cad3b49f0feb210978c0', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '0983c36b6839d5505879074a27e9561167bf1c05', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'e18a45195167ba6c6a1fca243a9c83714f578483', class: "gux-table" }, h("div", { key: 'bd26a12441cf00b542d279966613504ce375e74a', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '933ef8477e474dd834ff7fb05b625482903b3889', name: "data" })), this.isTableEmpty && (h("div", { 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: 'ea1c8170c48417ea0e4ba177f9eeba985a25c2dc', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ca2a9d38af84224c4d30e70761d319a27eafae3f', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '1c2d36a8195b38eca94d37d4dee12d740d44661c', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: 'b0849a2b4045acaa8a47a84ad44a33b159891a48', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '9b1760e4ccaf39092c3aeef579885fff2dc70c7b', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'c3dcc971f7e114e07534bf452c9c6c1295dc7216', 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: '7427b20dffe6f533f3e23fde50871018bc3e2b49', accent: this.accent }, h("button", { key: 'e2a597c17f2e757841f49b95975f7558b8198f0d', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '7d3b75390a7ba6283577f9fd56be7c7ede9c48f9', name: "icon" }), h("span", { key: '2ac0f96317c5b177b09c251a6d7a98c49137cd4e', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'd87bce1af18b66911b3fb9a840342d107d28a011', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '974b86b36fb2d44cc4f0b527631e667def6d41b8', accent: this.accent }, h("button", { key: 'df4c83d6f12712d154100fafb5a42cc3a524579b', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '5fe23e516585d0159c0309275438e24167eda4f3', name: "icon" }), h("span", { key: '6eb375a179fbca500f97d1ee1f097d5f2c73e516', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '8c1a28af955fe763ecff95d96f277d828e299bf3', 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: '0faf4b030d12e4d1dc788f694b612597a38ad811', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'eac90a764458a196b30204725b78a6049ec5d3be', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '46ec29e96a9c69cae190c923b94d310de5c9088f', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '926affccf7d55780b5be8c91cdf15f01c77e8f33', class: "gux-menu-button" }, h("button", { key: '1546a325c2f4f722dda4112e7028e5aeb5c2de6a', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '132f61419e934f865ef1cdc6e8af377889241321', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '67e83ce29989259dcf2b2abc9f8e04f48c4dee3b' }, h("gux-icon", { key: '743acdf950e0ce21efd34427ad708440aac1ccaa', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '270599ba63bb7a419fc0baf1f224899fb2a674a3', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'e8ae26aee3abf333a1cc646ab66d6ea4e657dc99', ref: el => (this.listElement = el) }, h("slot", { key: '51ae5191634769dd200ad6ebb89ec5c5a1973d03' }))))));
+        return (h(Host, { key: 'ae421aa40b78134155e1be1568655ecd3e254b72', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '8b51d8e4e0256e5487c1d1cc01beeddecf8b8040', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'b66916300104c23bbe2200804277f60e9124628a', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '0a2148361760a2b45f21314cff3e2858477967e0', class: "gux-menu-button" }, h("button", { key: '4e8a1762f6aafbde0b9423d15f8ad7b9e734f387', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: 'd3da66f847fafc1d1605ee6bad47e1f82f2e1bb8', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '9e72c7339e8e5f2a878ad20aa8441406a9842caa' }, h("gux-icon", { key: '3c3af71054d35884390997ecbe9580f4617d48c6', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '966e81dc16473e7782d018a21cc8270b8e1da6ca', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3ffacefa93eab0de00e9db8d4d2b9157a01ae79a', ref: el => (this.listElement = el) }, h("slot", { key: '6d45cecfc042ee2fea04a80cc654fa9472fc8866' }))))));
     }
     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

@@ -185,9 +185,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: '1bfbbe22776ea2625dc83036dfa9894e9a3b683c', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'e18970bedd257a9ca70930cbe30f4b1559ff6e8b', class: "search-filter-container" }, h("slot", { key: 'aa854bb622487fc0897ad56bac18d8bc3b7f96f4', name: "search-and-filter" })), h("div", { key: 'de4e908ce0bc9004428619ba24d93e16628225a7', class: "section-spacing" }), h("div", { key: '34676c8560b781effb8c823d5ad24f4769a120d3', class: "gux-contextual-permanent-primary" }, h("div", { key: 'da16ce9cacf582fb694dfcd40c4a5de78ca5a33e', class: {
+        return (h(Host, { key: 'd1c848fca7d2fc938503bd21682fe4d0a3f305d4', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: 'c189b5d23fef232e6055e2465403ff8f755abe20', class: "search-filter-container" }, h("slot", { key: '4fd6ae4fc69f00eacc031b2d1b359ed086556593', name: "search-and-filter" })), h("div", { key: '9a5c5bafc5cbb3cb3827459f723306e1917357a5', class: "section-spacing" }), h("div", { key: '3646f204c6fdcf17b9d9f86d4cd9633d5b28cf60', class: "gux-contextual-permanent-primary" }, h("div", { key: '70ab3e37063864fc714e88cdc3fa427dc3d0dbec', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '7cbaf22d40099a6433a138950329ae65a96cb555', name: "contextual-actions" })), h("div", { key: 'a55268974233fe963b39466542917272d7497029', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'd5985b045cb4961f699b1e36eeee87f824c3aeee', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '6dc462349682549c6d1515f9e05bf919c236d992', "show-menu": this.renderMenu() }, h("slot", { key: '50e58075e6f39f78b512a90996f1361c2e732490', name: "menu-actions" })), h("slot", { key: '44ef077548c3c2d30ffbad0377e163628278cbb1', name: "primary-action" })))));
+            } }, h("slot", { key: 'c8407d156fc43d2ca8d8cce8afd74b9575732c9e', name: "contextual-actions" })), h("div", { key: '7177fe183b7cb897f68c5fd2eae169e9dd7843d8', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '57750963d513088b0877965f9383afffc180e2af', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '2a1c49bfc6c2b26e1dfedffe46c966e78e1981e5', "show-menu": this.renderMenu() }, h("slot", { key: '4fc84bc24273570ab777a4144c832ae9e9500987', name: "menu-actions" })), h("slot", { key: '1b5f9b830464b83d57b60f29d6078b0794646733', 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: '3de6431d4ded8976dc3979860cabdef75fcf4502', class: {
+        return (h("button", { key: '12b4385a7cae582c3acda9ba182564dfef5ac62a', 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: 'be9ce95f2a6151c3bbb69a910cfc4e8d41367c24', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7bd5c538be7cf313c14e4d5a2fda6dd20f05900a' }, h("slot", { key: '877b504236e84e8689611ec71023f33daf56d312' })))));
+            }, 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: '713b5dc23f9a9b6241a302380b1bbd3b52cced1f', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'b0d721d39123ac5d276ec2023d48e51edd55ffd1' }, h("slot", { key: '5bf34dd225e31be61487d7aea037396cbd2d795f' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -247,9 +247,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '0dda7a3415a1167480f39a917343da9bcfd70d38', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '7186527b3c9556653657823916c81df0517e2b9f', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '5e15f0d1c1dd19c3f337885559bd43946894afb2', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'f0bb1c361232a99ad987fc50a20adde7a6dc125b' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '88a56c6f6051cd28eb41b84cc73ec5bab4c096fd', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '8982340fc7ddaaf53815fd123e9935a3bb299e51' })), 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: 'b2f83aa052f3494729a40d7786f98f14f976cf0e', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '1999f5b5f2a31ae2125a88504f3fb9ff3087c526' })));
+        return (h(Host, { key: '9e49d3b8389fbfefbbd6295e939e1d6b730b1537', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '79f8ec239a94776ee84a51c66eff02898324ee6a' })));
     }
     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: 'ad73693e28cf0f6caf5c5908a4dac674f9a1b3aa' }, h("div", { key: 'f79243096a53893f351d35f12872141cda299f18', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '4c4112ce6a4a9faa163cdffe7e411edb6894c7ab', name: "tab-list" }), h("div", { key: 'f8a87312d854113d529f7ef5b45f6a90f18a64d5', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '3957425874f6647eee2cb039af2ede7ae4adb844', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '8815f75b8c095eeab9c44a44ffed26caa011e791' }, h("div", { key: '51aca23165015af69f8decd572a03493f690d19c', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: 'b88e41149b896cd399ae50293fe0fe424cfe3d02', name: "tab-list" }), h("div", { key: '7dcd465de63c6d4d92627f5fc1540618dfd45d48', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '9e07aa1d7e2b63f5718d31ee0ed79a9d8ac23fd5', 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: 'a557fee082f4047069320f0b7b78ae50d1a1fd25', class: {
+            h("div", { key: '6da6a0a303a961c3013befc98add51070397e988', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '2b1a58e5393c6a0c88a07770c1f4f5506b4bdca8', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '076796a667cecc0926f01316d0fe043aab31d3e6', class: "gux-divider" }))
+                } }, h("div", { key: '6f2ec7144195b36c5bcc90cba5b31f4c702bb383', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'dfc248974c5f894b2b260574fcfbf196aba6354f', 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: '62b25ee09c4bb35a373e9794ecb7860141842387', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'fc70bb4f47e2790857207cef0b717d7775c8d5a5', class: "gux-scrollable-section" }, h("div", { key: '5dce715b6a3653459e0f5dd9e0f8b9baefebdb90', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '34599ef3bb3651febd223a69214e25e481e4fb8a' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'c50e23d90981ed22af60e8fbc358909b5838a5f3', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'baa2568aeecf065bb2f39ea89c60d18616101d51', class: "gux-scrollable-section" }, h("div", { key: '62d3fb9a5b4227db0d64ed4546611ce084fbbc41', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'd1fb855300f2a0156b88a1ea59663aa23762b502' })), 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: '6080e0aa57e73a72ad3cb854742d30093fe5ef5f', 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: '534366259b787d3b77d9c3d0c279d515f28d477f' })));
+        return (h("div", { key: '193eb08153e8c27701713636a28b39b138094d4b', 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: '44652699a43530edf9a07ddb3f01fa536b055da7' })));
     }
     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: '9c5aaa1ac9a6bf7ce10b0a1b2d776f39dc114d2a' }, h("slot", { key: '4538fd9bc677601e9e9dc1c9609a9d02f9ec3880', name: "tab-list" }), h("slot", { key: '0ff099db92478485e9553bd1e160b941a219cb84', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '62d088e947aa506a3b7be72fcf748f53617f36ba' }, h("slot", { key: 'e56ff7536c97f230a042e58c3140318db91f6d7a', name: "tab-list" }), h("slot", { key: '43f81f5ba8aeb50275ff7b9d3f3b68b05e2abe14', 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

@@ -53,7 +53,7 @@ export class GuxTag {
         this.i18n = await buildI18nForComponent(this.root, tagResources);
     }
     render() {
-        return (h("div", { key: 'b8ba3e0d87e756670883f8c9b927615c9cb0494e', class: {
+        return (h("div", { key: 'fd7bdf22d49b32026271b590b302d4fad05c6a37', 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: 'a1a6bd6c210932d788ba2c078a8cd1e979b40e75', class: {
+        return (h("gux-popup", { key: '6baeae7a91973683b3cf64f7c1a4245f4bd5f96b', 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: '0763e332d9fda2b27cdd5aa953b239b3a66f8a91', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '81f31dcd0fe9ce0661b2af07bab75d1db5b0cde5', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'd54eb0d7a2df742e5bc5a134e4e473c91e653fd2', class: "gux-content" }, h("div", { key: '1eed2c500bce666a345d6075d3c994f7f54247a6', class: "gux-message" }, h("gux-truncate", { key: '3f8e5886d0605dfcd328c672b5a138700a148d79', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '1a132d93a1c839dc697745e28fa97cab26f965b3', name: "title" })), h("gux-truncate", { key: 'c21dbfc5346fe069e4292d8ac1a44f667f4ce827', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '81a80ef194c6288a1968daabc5b43a9ad05dc6b8', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '239ecd616eb448f71ba18494903ba93ba46a033f', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'f6eb89065eca0289f2f4b918a21dca6bf29d2e59', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '7b101af7f04d3251547bcdac1cfb81507b85af73', class: "gux-content" }, h("div", { key: '07cf0f0213a6dda3ef37ef8db507e0cc5fd31f43', class: "gux-message" }, h("gux-truncate", { key: '38480feb5635c696e910bf2aa6413de6579b53bf', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'b21a417c14c5c5e90741913a7fc8243220772f78', name: "title" })), h("gux-truncate", { key: 'a6c7d63043c809e0a7a10e4f5b88637323e51326', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '6257236d5d444776db8591ce5a2f96a4bc6a3314', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '2c7a98e3dfc110a6e2762f1587995f7faa5b17b7', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'd38123737d04d0072c02df597d008052ff5cb25f', 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: 'a522cdf5f0efaf20befe3898d7eafabb6b272814', class: {
+        return (h("div", { key: 'cb1ed85d4f8f56c5426aac100ff327a0603d87ba', 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: '024410df38b88ec9c895377ccef2c900e520ec51', class: "gux-slider" }, h("div", { key: '9c515bc4038062a923de9372daf8a1e9b66fbfd5', 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: 'ea396cf269c9cc91c6345c6f84c375cb9a3f8bec', class: "gux-slider" }, h("div", { key: '95de3ff778a5253be6b245f3177035ebebb9e2aa', class: "gux-switch" }, !isError && (h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {