genesys-spark-components 4.74.1 → 4.76.0

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: '6077d5d7a8733173f0f458f672d1ae622fcda538', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'e6ba6b2fd910d3c196ae828d4622b48ba8dc4242', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '753a27b3808ce25cee8b4a678a765563aee6462a', accent: "ghost" }, h("button", { key: '1bd15187bdd31d6e3458ecd729ea3a00e7483f8f', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '791045bc36f07ce5747390789faf8da13c6790c0', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'f00ab41911e14e137a2ff9a66a09a8050eac2638', accent: "ghost" }, h("button", { key: 'eb883910d0b70db059ed81583cc48ca7fe1aa40c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'f83cdcc9ba7e2b84583ff77a8d174f54cdf6b48d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '8af4fe8e7168b7ee48239e2cf7f86ada87dbaa31', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '235bd8445521917cc9b33e1b487b5da062e8147f', accent: "ghost" }, h("button", { key: '8e485f7cc90b2a605caa7befd9b88a27d8e84626', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'd653525bbe00637361a53c09c14168d7c815482c', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'cbbd38d427e9e0a3a8913a38ad4e2b8cd43eee59', accent: "ghost" }, h("button", { key: '5ed3c37b5daaef588ed9972c21bd498bcbb9fd5f', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '68a1ebde96f853dcd2c5d38d7b0bff60e654173b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '2315c7e3eb52584894323e23683a5e326aa92937', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0e1f9edb026f513834430d7e1521278d535a2810', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '812b9e153087c30c0bb4b8f1752a49726935cb77', accent: "ghost" }, h("button", { key: 'e8a30e1df9ead8783d32d36162b5f8a077bf2505', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'af5aa1ce256d73b46ca8166ec7128c8163923f52', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'e2bcef18d214405f2961e48f1f3f846f06050e77', accent: "ghost" }, h("button", { key: 'dec33a851a230c19063c0d0580b9df0812749e5c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '8dcfe6c80a54fa34afefb39aadadde76a27836b3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '0116a2f91a6e70bcfe04ca485cad9679fae40b97', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '69995951810e2512497bac219c9d7fc3f7351096', accent: "ghost" }, h("button", { key: 'ed5ee27b51d3b9a59a33c26f9920a1626da1630a', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'ed0a2a6dc3c0fe9d1bc99b97fbf0045b8026dd81', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c5dc7e9bb824b60c8d30e428ec64de34e9798efe', accent: "ghost" }, h("button", { key: '1ee595989fddcd483feebb50253cfafb46e50ca0', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'ab3a566069727764605e7f4cf34583bf443149a5', 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: '1b1973bf7e5b9ceeed131348126878ddd243c30a' }, h("button", { key: 'f53e15cbb6f48f40e4c807849806a3e649996d43', 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: '6a253d97059655330bed5fb9b6bd9c9e9916c7cf', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '40032813d6625f2d76378ca98e3b9703ef0650c8', for: "popover-target" }, h("div", { key: '8b7786cce1bdbef521155aed2c9066f06d0c16a6', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '988d6070839e6243569469cc86904c0e9c9bda5e', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5b98aeb69c0cbfe7023cf4a703f139abbd461f82', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '1d5df32ae0c86d15d785c39e19fb2a0f9a082312' }, h("input", { key: 'dcdfbdff212594f8c3435222fa72810adc638f07', 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: '02d7c5779f33743983401e68456ede0c9c6ff259', slot: "label" })))));
+        return (h(Host, { key: '26ddbf806725d7a37183402f295d0b691077cd26' }, h("button", { key: '51bfc967300a939ce7fa97cb8b6728a8c3e4f41e', 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: 'bc55f43227cf4e9eca5aed718f74f294571e4e3e', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '1fe33e2e49391ecc58ef42917cf55c1253779037', for: "popover-target" }, h("div", { key: '757d4ea7d0aa9fff1bb7ee6dec4d987308775192', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '2c04761eb219129f965d82f43f9462deb1555b0b', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'be7b75b7abc42e55fae21afdb4adf10a139233b0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '1f8d509cb99ec91b685283b9ca8923e152f9a7fa' }, h("input", { key: 'dec101e73c752bde13275fda940f0744c9350abf', 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: 'f6ded1908892aec05acb4e5f039c18f29f9e3c66', 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: '00856d47739f72098dbe2581336758981248a6a4', class: "gux-pagination-item-counts-container" }, h("span", { key: 'e8c23da59eefd22743d6ac0374c5e9f22458912a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'f08d505bdd5c1e6f24577b37d905e0836fceafa8', class: "gux-pagination-item-counts-container" }, h("span", { key: '7182128798a4d10c819e9cc29f0328f0435d8264', 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: 'f3fb8a72fb7620c5d46eacccedd8e9511ef06cd9', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9c44139f927c1f5bef9f99642b43e690e36ebb49', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'fda6f5c630de1138f2f3100ebb5fc35bad127dde', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'cea537794b5b1a55626c7bbc8ed1573a801ea415', class: "gux-pagination-items-per-page-container" }, h("div", { key: '553a0867b0cfcb95eae7561e975bee6c55b64f57', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4680bb2d980db9d65d715ed0b50efc2097ec55f3', 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: 'e2032a3195b4224a6276d890ad6718a621d33b6b', class: "gux-pagination-container" }, h("div", { key: '23f74ff86c371bf0435b80442e56e136066a9d4e', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '2542142e8c326b0f646ff8beb93a679dd42263f2', "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: '3ec6a22c4f864c702240ce5566f22c332e4ec5a8', class: "gux-pagination-spacer" }), h("div", { key: 'c61dbf8128d5b8ca4f7f8453b54fab282b72a9eb', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7bcb53c640ceac841259dda8b20dd3272fa97e2d', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '3577a6fdb512eb72b2115a72e1dde3e9af23f472', class: "gux-pagination-container" }, h("div", { key: 'ff66e0e27f4d7071e4c73b7b5e7f7da33dce869f', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'bc983187abac498b7722edd197b296318e0d28b7', "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: '1562302c201dac233cab29e6932a1b700511c7c5', class: "gux-pagination-spacer" }), h("div", { key: '53d36d5c1a88949d8c6bc10b09f9db2b395c06bf', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '713734be6c0ffad2df6cc36076c1bd85069fbc8c', 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: 'f953185ba8b34abf585fcb7318687330339f1e2a', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '4ab7f3338ddd3fb6b7c789fe194f6fbae5fec514', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '2b393fddb97a4d5c44b0068a1d96d63939bfc991', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '25f3011393d77faecad651ed76e3e145e193d65e', class: "gux-arrow-caret" })), h("div", { key: 'e27ef97e697f6ac07c8cd5e3b2419d22951af4ee', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '1121d07f05ec8074b531533748b73d9291d9a6de', name: "title" }), this.renderDismissButton()), h("div", { key: 'da7b6a3d03d4ccce86b6d9e3695108738c0d8d37', class: "gux-popover-content" }, h("slot", { key: 'a5ecabebd81143ad0ccb8ae735b26ea0d84da383' }))));
+            }, "data-placement": true }, h("div", { key: '0ecd24cfcb871084ce571b2a937044bbb80a5458', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '49e1bb315b77d1c23652618c1a63377d008aa4a9', class: "gux-arrow-caret" })), h("div", { key: '4bb13e189e4421ff489e76b4ff4cfb667eb3faad', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd2fbaf08c2787230eb77e81acf14cb019aadcda9', name: "title" }), this.renderDismissButton()), h("div", { key: 'bcead8ef779fd12b3e7343d55c7759f5ceab628e', class: "gux-popover-content" }, h("slot", { key: 'cee2b739f73448891d9b5eb2f97a9c35a04647eb' }))));
     }
     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: 'aaf42b8c22597ff3b58f779a8259ed428261c089', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '07a0a8a7d42698b708b4cf8ddb5791bd434ed79e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b0bfa89ad58df922acdab9615ff19c8deeda9009', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'b911a03f1ce6c6210547418b10c37517132b5aa0', class: "gux-popover-content" }, h("slot", { key: 'c1af835f23cd6169695eadca8f5f6381aea2f338' }))));
+            }, "data-placement": true }, h("div", { key: '04902e1f99e4b5bd6a8e87854bceda8462573812', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '5a66b37cdbd967110a98044e7321d38bc6e1709a', class: "gux-popover-content" }, h("slot", { key: '262ebb4a6a126d35419248d5efcbac124e479a44' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -87,13 +87,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: 'f2cdca4cfdd937a9d3cf8682574a5f76621b937b', class: {
+        return (h("div", { key: '95bc01904949ad9c343a0def265754b1749a900b', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'c7ae5a9f78c505c045d7bec68ad6578ca0190f9d', name: "target" }), h("div", { key: '72402d0085c3c58b8caa84c878e654407e8971df', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '67d5c9fced34dd950a45c1171982efe24c592484', name: "target" }), h("div", { key: 'd8529c320e87c23ff986209fd85829573a3abef8', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '1926718edb2c1900f576a83a86a265f7348ec8e2', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'ef1ed5b60d77bbf4c2d5127d48415d4d564e479e', 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: '2a2332ab38a9ee04e608d4e7b5bbd5c873f82a55', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '608e09f23a61a3424d59f50be60b851f79e5b463', 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: 'eab4a285de4ad24fda7e039e4dcfcdf866d77c8c', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '390929f2cfbb4abb5d663dfe6e80bdce85ade733', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '1cba3d4c1edc55e15cba6e5956757a9358881b41', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'b379115365b27caba7177adaa86caeb96949ea89', 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: 'ac7eb1ca4103db9ceb87bb2253de834545eec67c', role: "listitem" }, h("slot", { key: '601d4bda3c38f9c5a0328e297ebe53e91288e72f' })));
+        return (h(Host, { key: '417ddd1b36606036645c863d45a525b55de2322c', role: "listitem" }, h("slot", { key: '00a42f456ce3b14e52f2427215f91c03bc2a8d7c' })));
     }
     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: '3978590d77fd2434fff4438be8eab23c171fa481', class: "gux-container" }, h("nav", { key: '251418bdbd8f7b2ebedf9ecf13c6b5bf49f0df36', "aria-label": this.i18n('navigationName') }, h("ul", { key: '21423b041708188886ab7fa1ec5e624184bf98b5', role: "list" }, h("slot", { key: '829d83bb4302c6a84ce3818483f375978e7f0724' })))));
+        return (h("div", { key: '93690e390781a91a915b338cfb6831b3c46d08a2', class: "gux-container" }, h("nav", { key: 'df2d8a2f81f32ca1f0c080f937651f9e89486080', "aria-label": this.i18n('navigationName') }, h("ul", { key: '6a0561eb8108672d313f9b579ee0677cf11b0909', role: "list" }, h("slot", { key: '2bd006e30c0f994a4f5718df3ab9ee4295c32127' })))));
     }
     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: '21657f20831a6423c3fe69a1270e8c6c57d3a96c', "label-position": "screenreader" }, h("input", { key: '96cb4f89e7373672d338da7fabbfc45f60e729af', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'ab80eb58ac69765b43d5b10d167761a1116ef2cc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '3f276227ef209731c68a52a1eab8b9f1398e0e96' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '19c31e6b543a07535dcb9d9e5e060cab0042ce93', "label-position": "screenreader" }, h("input", { key: '88d2b53aabb6ea7e91515a1d2ade9c2713be5366', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f5074d82198b8537e15998b8a137ace9f4567ff2', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'e9175cf90f2101e76e73c550a1bc2a0d004b6ebe' }, 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: 'ee79925440b7aee35f222c1fb08e77a7c5b9adc3', "label-position": "screenreader" }, h("input", { key: '643e6e83fbd1081dec1c009d04abc796fa425fce', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4d506e1dda6121c6bf4f539d739e76e3ecbd3937', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '6855726afce26f49f6051fa1ab2018cfc827f28f' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: '65c6a79ee4638fd2e28e1d417670a73f230a5fae', "label-position": "screenreader" }, h("input", { key: '6f7d1e0f2aa0552116a2534601f0ee95dad20c18', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '68491ed913f7d702d03f12496c3fd1c3193e2a7a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '83612c1f216d48b1545570e0c4a0a73c32fee528' }, 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: 'ab9bf99338c13138af33d5de8181b64097b1c0c1', class: "gux-container" }, h("button", { key: 'ac50dbd00b511ae686242001357ce2f150be56b3', class: {
+        return (h("div", { key: '7531c6e68763802a04c5d8879840c00ca190d1b9', class: "gux-container" }, h("button", { key: 'c3780d162b0e3c1ce2aa21ccce0a46f17d1bd4af', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '95b9a00a7cdb6b5eec25678c968514f02f7502be', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '4057f27ded5d111ca7b4594a950c20d1f5cf738b', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '2c179b88a0bed4a6d58b5438d5a1042e0b64c989', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '3a1d685313d98a1488bee56f887c8fd4200c8161', 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: '3661144146959bd1e017f4c32a39b69854488093' }, h("slot", { key: 'ef50ceee71a1e0f29fbf65eab47335d568cdc049' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '9107fadb474226270828c79c83a375b9215c7416' }, h("slot", { key: '590fd03a638af10cf7224a2c1e35d07e1efcad45' }), 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: 'd604b2e1c99dbc631801d198e88408ffa41fb152', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '6f352c6444b9269fbc564e70d8b8dd1d75a354d0', class: "gux-table" }, h("div", { key: '94fe1049561d56975b4698ab0bbff49041c51ffd', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '72659fe4dbc41fa53945d804ab1e572443f9fcf4', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '14c6b8d3ee32c01c508dadae57832a77ac48cb0e', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '676eeba57f40d6e811ede3913cced70a251ccacb', class: "gux-table" }, h("div", { key: 'c2fe6603f2251008c375a7eef56c9afd058c130c', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '84c34799fe2acf9f018995aa0b38e238c4e80458', 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: '95a1e1755b50464d99529fd015069a7365688290', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'a2965cd3c204f9052a10d1394cfb41bc5d6a3ecc', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '9054a2f1281eb051b35bbadd4fe0451a6123512a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '43020128adf29edbf4a4d3f7b014e09736ee4259', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '012d0ac6b667f49f59d2744df8a183c751d6d0d5', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '39e29fbfcfdf8cffa967e2730fcd8f06e1361cc6', 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: 'd8310d3a3aea38d8ba3841e5c98f3a00bad5bd98', accent: this.accent }, h("button", { key: '4a976649603da94632082091ab3c9d0c5c7c302a', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '5b40fbf4db92dfbf252d96b693f77fb4b955141f', name: "icon" }), h("span", { key: '255e05c9b6f092b6e265ff71cfab62f006d6bcaf', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'af737bbe47276035b8e4ca699cb6e4705e421e24', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: '7d17cf9e1394e1174e59464be933f016393395a6', accent: this.accent }, h("button", { key: '2ce4d4cb662e685949347b8810fa3bd919135ac2', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'c06efc54b5800eeb048da995fdbf248e97589baf', name: "icon" }), h("span", { key: 'b14bacf5440c27f9a81ac9f23eaa487b3c1772cf', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: '29ae6c05b6fbfb774f3b9999bdc4fdd5b14a093a', 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: 'dbca533b54f96829dcd965b27aed2b1889ed9015', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'd4cf26c0f6b56bdf9bdaeaebc4173f5e0c6e5600', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'cadc62775b1e2cfa6dcfca03d739aeb4365715b7', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '0fc9910d55ac0c0bba4d676cf4a6dc724a507fbe', class: "gux-menu-button" }, h("button", { key: 'fec75883bb16775e9b87115b60150cc6cf0fe850', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '1611a5219fb15470466faa8ff4b056582de9504d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '225851482532b89d60a92cb0853c01f312f97fdd' }, h("gux-icon", { key: '8bd530694cdbdbac48971394465ceb47a455ad94', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '6c9fa1e6c1dd517ee3253a611dea2f750646952c', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '31c695820b555d5b1248b96227b651c7197ad48f', ref: el => (this.listElement = el) }, h("slot", { key: '454df0015b0e720409fad10cd505893840ab3b8e' }))))));
+        return (h(Host, { key: 'a61552bcc94007bd75cae730268ddb15712405d9', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: '5f80c26d1aa130f37bed774027016fbb4f382bb8', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'c0f39edd89d3f3604cfc4d1bea2ee2b59bf9525a', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '051d4d5514d8c818aa55f360da41c90a73ca203b', class: "gux-menu-button" }, h("button", { key: 'e0af2fb4c4ba2ced7bac75b9d6930c78dc70bcf2', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: 'fc242cc572fc6d59db0e2bb8ecd8b9654eac098d', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'dd4cde135d379b0bc5bf0d1654bed20c5e815c05' }, h("gux-icon", { key: 'be29f2fd5564b4877d5b8d078e8b019f6e3433e0', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '38f0f024a8722c936646c4b79c8c3564f9be979f', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '2ecf4950d47233d71d358e9317b214b3ce3a5c2b', ref: el => (this.listElement = el) }, h("slot", { key: '3e5a26c2322f4e409eae8b61a7d8c18e01318776' }))))));
     }
     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: '0e37a69ee21bd1fc30c78a8adab1b4f826588edb', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '6c2ff1521d21037d729f06b483fcbe97a36f5f0b', class: "search-filter-container" }, h("slot", { key: '2dab07ca842ef0ad77148af1e0c4706536ffe3a5', name: "search-and-filter" })), h("div", { key: '04d357e501e11f10d15d89847cb5539f7c81b757', class: "section-spacing" }), h("div", { key: 'c6f45141b171f99606cdac9035cd8188c9a59850', class: "gux-contextual-permanent-primary" }, h("div", { key: '5b23eef242a908411349dacb4d0660dc3c2946b5', class: {
+        return (h(Host, { key: '0cc744b7db53376ef96052ed47655fd8d89152b9', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '572d58bca76ed65e5a087ade85e0326537cdff2c', class: "search-filter-container" }, h("slot", { key: '26a444f4f6b2c2c232ccd0565c75497390762adb', name: "search-and-filter" })), h("div", { key: '0cf390604f6eec841f4a36687914b8a7b81f228b', class: "section-spacing" }), h("div", { key: '4ed7fd99e6118d47f766529d955749c5675212f5', class: "gux-contextual-permanent-primary" }, h("div", { key: '0512e069c51b42c412bc4025c1a0148c4e833788', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '3326cf917579213d54b20d3eaf220c7fb1ab0c10', name: "contextual-actions" })), h("div", { key: '5b1f9be1e756c5217223a75005d6b189efb2b252', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '5b85e310830db5977b455d942361a2770baf1845', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '8310d788220fcdc44d820829f34abb474a099c70', "show-menu": this.renderMenu() }, h("slot", { key: 'c57dda5ae9983301aa28555e8be490f58b75daf6', name: "menu-actions" })), h("slot", { key: 'c279a738e2d32c292321621073727f33ed35e41c', name: "primary-action" })))));
+            } }, h("slot", { key: '72d2510ff84b94a1e1e2854707a02f8865a3b7c1', name: "contextual-actions" })), h("div", { key: 'ecc95ba443548fa37dbe6937a3b20b0545d1896b', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'd8ff8a5dcea41871c2b7ecba6eb06c49bfdcf95d', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'c12dcd3b14b300f173d139db6f72513caa12d7e7', "show-menu": this.renderMenu() }, h("slot", { key: 'ae4782abf310653c8c2f053d4a1cbf5d41b1f9a8', name: "menu-actions" })), h("slot", { key: '67d6722bdd21a4ce5ea5d8e2fbea4b5ee51f9cd7', 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: '361e65390e4be8921647a26350196cda2cfe0f0c', class: {
+        return (h("button", { key: 'bfcc5c3ac6dd1e0f76f1939e0fdc39c388c0fafe', 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: 'e23704e7704ed3a1cb25cf9868ae8f62da635c23', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'bce7a8ead8516d724afed9ee218f3c0d97ca7823' }, h("slot", { key: 'c1380d29ca6ca9db746273230f149373f5f89a6f' })))));
+            }, 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: '71bc30acaf0f3be418e21519acc37b33fae562ea', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'cf6d32567a609d18359db2840ebc2ca7376ce920' }, h("slot", { key: 'a9d40b9edec963ef388b5da3db5152e694de5f76' })))));
     }
     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: 'b32f188c3f1d9ea07b8c8475268f3aabc57f3ff1', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '919a7b0d12aa805c1cdbfd1076c95f668702e975', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: 'b57f80c836570869b97817579d7606319ffb0e76', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'e55980ba380656fc8a73b724620b95aee9a22eb7' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '1642bfdd98412e3b4814ecf1f1e00bf27be31075', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '4cc24e2c30bd1c9d0a69cce23c2dc27f5a5b477e' })), 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: 'b2c5ffd69a5e37201c7d1f203d451f57e19dfa02', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '05e51203720f34183a05670ea3413e6884266fc2' })));
+        return (h(Host, { key: 'c07688ff761f881ce191ca454637b5bd37f852db', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'f9b688d108df00d5012ee7fecc57572042e6066c' })));
     }
     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: '6fa2aa2de4e7ab045b7a496ad53354a36e28e7dd' }, h("div", { key: 'fddfc9c0c211a577b64fae73acb0d8a648991606', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '5361a8c792ade97ca1f8d49209ae966006a85409', name: "tab-list" }), h("div", { key: '5ce9626fece413a613540bb55ad21002e68ec3be', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '6bf18650284e98db7d1a9565fab0d0d0db20b63b', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'a3c1605b20862c6eab392e17fe6ea273968f861b' }, h("div", { key: '8eaea15d34fa639be9f15b4f054262316bc959e1', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '92718d5b81213e50fb13554c709e9f6d5c1c2733', name: "tab-list" }), h("div", { key: 'ae6fdfbfdcea8da992b78916a2c656fc9b8d833a', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'f3b76b5c3756c2af6d50162673cfc282237702ca', 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: '76e7ebd76e0952471574aa4d32a0e6fe343cb846', class: {
+            h("div", { key: '508de1a07d3c7d1cdd8ff40025dbeaec17ffc87b', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: 'acf96d6f53893fe3c90c5b40bb673cd77531fd6e', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'ee8e380c9f2f77deb8e7616d069b2e0a51dcaf27', class: "gux-divider" }))
+                } }, h("div", { key: '3febf09f7c25f10b9119c6aa1d3b33c2193951e0', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'd1a1ca9e9cc77f28429bb919b996b567ac33d06b', 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: '12d79775cc74f739dfcd3b17993a78dc248596bf', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c56696c1ce2d6ca4f518428ea633572a9e819235', class: "gux-scrollable-section" }, h("div", { key: '4602c748a69c4e1dd252ea2f89f558a8cd95a7e3', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '487fecb0538f8e36312283edcd14236061a0f2c3' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: 'fae9f387d4522af3df8cf1a30ed535a0f239fc60', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '01cc51ade62ccbf06c83882e52de40e0e26661da', class: "gux-scrollable-section" }, h("div", { key: 'cce22d47cc35bd6c8af82fcb819c8c412fc4b217', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'cd403e94b6042a1468902de4fa4882159fbf3c1c' })), 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: '0e6f3ca9f6d0921da65ac037769adbad0dc122a1', 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: 'a06376e6b7b9e47cbf0ed6505cc75be25b2dcb94' })));
+        return (h("div", { key: '917f411fe10a22ae3775093461bc51751702a2a9', 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: '34c08db6da42f14ce25c7b02197f20f45616448f' })));
     }
     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: 'ff3b818bbc63bde7b58f11bce6d87a91da21e044' }, h("slot", { key: '3139422ceb6e0a7384dc2704cd16ac6f8783bc74', name: "tab-list" }), h("slot", { key: '7c363f07a3077856bdce3bd50c2606f9cc91cdfd', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '390f7a0aa1860b7483b6c915a8bcc5191e5cf2ae' }, h("slot", { key: '623f01cb6f6c11d0b98f0389348c801c8e2aa89b', name: "tab-list" }), h("slot", { key: '55efbdf2091d5245fc711039c65f81a462690e1e', 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: '4cf65db85dfd46ff3c08fc30c89dccf2055a0e3d', class: {
+        return (h("div", { key: '64f39a7a86e1a0ab48e118d1779e7cd55a7ee979', 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: '6d9d52b4133433ef5c1ed07402f0ef2091f0fe84', class: {
+        return (h("gux-popup", { key: 'f163329e3e303aa08885ee82cb372cdc8db208af', 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: '159dab441214430c189c85365cbbd6e6b6bc55fd', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'b637e30cfa26646d5de80d74f54dfb08159d1e00', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'bf1b2fba1d97b38440fe4c3aad8392336c6063f6', class: "gux-content" }, h("div", { key: '6ba3a65f73562dc7be72f35902e10d0571b81119', class: "gux-message" }, h("gux-truncate", { key: 'ea0fc916fd867f940749133e7101c9953b00e198', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '3fccc6e2aa91dab8f907f240f1e9a36c468202e2', name: "title" })), h("gux-truncate", { key: '874d1213e872232c2052aae1811dfa77d200c17d', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '21f9d26e855727df43b2c73bcad20146a5d0695e', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '7f59f8d743bc1a89d1f2da7bf23ed53abfb8183b', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '461ae0b12e7bd57b8028af61f3896891e4f20166', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'ffdaed399ef018458c6a3f4114b844f155653005', class: "gux-content" }, h("div", { key: 'cfcaabf7bfc79e77066c8ca805ebf5f0eb1dd5c4', class: "gux-message" }, h("gux-truncate", { key: '489e05ffcd58916df55a043e62625d25ce10b144', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: 'afde4ea038aa8b533acf8a58bca0ecbf7be1f927', name: "title" })), h("gux-truncate", { key: '049896c8ea6783dac55eee4633a9f29275915c0f', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: 'd65067741b0476b82ce07a9cf91c396079db9ab3', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '1563a5deccac141d595101555a3e3386f6f6bee3', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: '692f88e6fcaee663c9aeccba36f308437d8faa32', 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: '5a6094b7eb85416e2fe0f55af83d5cd8b7378568', class: {
+        return (h("div", { key: '43b9f2097e7afae63bf8946bd7ec4d4a1076d1c7', 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: 'b2b31ebb5c54842d89d7c7df56f2224a0eb27363', class: "gux-slider" }, h("div", { key: '4d419ce884ec5959038ac3a1e015ccd3ca053cbb', 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: '57a2ca36ce0c025fd2158d90cebab0f003df6416', class: "gux-slider" }, h("div", { key: 'd6b2a483b1cca28daaab50b42d2434d6feb6d133', class: "gux-switch" }, !isError && (h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {

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

@@ -66,11 +66,11 @@ export class GuxToggle {
         }
     }
     render() {
-        return (h(Host, { key: '54e70ef4bb5162a6e84792dbb58d7e07ead31f5e', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '309b4b2e3c7415b1f2a63ea9558b7eb70578d0da', class: {
+        return (h(Host, { key: 'c7b26844b74e990cfc505fd325274fd505e8b3d4', class: { 'gux-display-inline': this.displayInline } }, h("div", { key: '0edd817f894b681125c9bd1783db81e2da5021f2', class: {
                 'gux-toggle-container': true,
                 'gux-toggle-label-left': this.labelPosition === 'left',
                 'gux-disabled': this.disabled || this.loading
-            } }, h("div", { key: '53f1aa971ae6b6bab993debc436174cccc0eac8b', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '83f930a199299825c6a5bf75d20a2d54b9a9d051', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: 'bd0577e7b76c61e3fb95fed92d3573764c106730', ref: el => (this.announceElement = el) })));
+            } }, h("div", { key: '287a318f399706632947109b6ff34b42355cdf9e', class: "gux-toggle-input", onClick: this.toggle.bind(this) }, h("gux-toggle-slider", { key: '31504ec9bde46ee43fc25736b162e458083975e8', checked: this.checked, disabled: this.disabled || this.loading, guxAriaLabel: this.getAriaLabel(), labelId: this.checkedLabel && this.uncheckedLabel ? this.labelId : '', onKeyDown: this.onKeydown.bind(this), errorId: this.errorMessage ? this.errorId : '' }), this.renderLabel()), this.renderError()), h("gux-announce-beta", { key: '366ce2962e1033ddde37449c1fb40b7061bbd283', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-toggle"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxTooltip {
         this.disconnectForElement();
     }
     render() {
-        return (h(Host, { key: '58ffcb9d5bb8a5ee638cc4f4ecfa948cfb912253', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '4c250ba6ab30b89bf2a8949514047de03ec3db0c', class: {
+        return (h(Host, { key: 'd2a684d35dba5aab048cacabbf5d32d3222ee195', id: this.id, class: { 'gux-show': this.isShown }, role: "tooltip" }, h("div", { key: '4446655cf075999c3372f8d2f252f57a9887328b', class: {
                 'gux-container': true,
                 [`gux-${this.accent}`]: true
-            }, "data-placement": this.placement }, h("slot", { key: 'a0317a87948d0fb91f0a591ad63419605b5a6d34', name: "content" }, h("slot", { key: '43befaf01580296f7aefee7619cec57d00164b92' })))));
+            }, "data-placement": this.placement }, h("slot", { key: 'bf8285236a52b9508493a1901b42c8c6ab79a1bb', name: "content" }, h("slot", { key: 'd93af31c36c310a8a3b9dab54e920a475d8d5355' })))));
     }
     static get is() { return "gux-tooltip"; }
     static get encapsulation() { return "shadow"; }

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

@@ -120,10 +120,10 @@ export class GuxTooltipTitle {
     }
     render() {
         return [
-            h("span", { key: '43db830e2d6fd722183861ee378cf329032c66f8', class: {
+            h("span", { key: '94455a56969627fe1d0121866955b0939fd80458', class: {
                     'gux-title-container': true,
                     'gux-icon-only': this.iconOnly
-                } }, h("slot", { key: 'e43eb31c723518c2c2ebb0d94dd1618b63e75799' })),
+                } }, h("slot", { key: 'ce40bb32a0ca62e6e45ec71faeb15570678f652c' })),
             this.renderTooltip()
         ];
     }

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

@@ -49,12 +49,12 @@ export class GuxTruncate {
     }
     render() {
         var _a;
-        return (h("div", { key: 'de6756c4595c4ddd67fa39d04662bd230a92036f', class: {
+        return (h("div", { key: 'e0bf8a1d1cd5516d6d75215dd8ca753addbd4b62', class: {
                 'gux-truncate-multi-line': Boolean(this.maxLines)
-            } }, h("span", { key: '0573a02bb53db64f912f32cca2332f6f84dbf5da', class: {
+            } }, h("span", { key: '682a14a85a78a44fd1995f871e4c3f9df748ce15', class: {
                 'gux-overflow-hidden': this.needsTruncation(),
                 'gux-truncate-slot-container': true
-            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: '828a6af38381057b2ef32e199f5cb15bb081acc9' })), this.renderTooltip()));
+            }, style: { webkitLineClamp: (_a = this.maxLines) === null || _a === void 0 ? void 0 : _a.toString() } }, h("slot", { key: 'd18cec11d54bdf6384bd424bfa2533cbc79b5896' })), this.renderTooltip()));
     }
     static get is() { return "gux-truncate"; }
     static get encapsulation() { return "shadow"; }