genesys-spark-components 4.68.0 → 4.69.0

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

@@ -93,13 +93,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '7c9cdf972242636d7ca21606aed9c8885c3074b9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3dd1921c496a944a3dc3d995c51dc2199bd979fe' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '46e297ea834c042e82e575d3b3f9d666544a772d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '89acfb4b30715fd14d5211cdbf65da4dbf0311d9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b14f3a840839c9f54761f31e1d9f5c84dc004dc6', variant: "required", required: this.required }), h("slot", { key: '2307a27a9371b2cbab76fc739920ad9a19c23a09', name: "label-info" })), h("slot", { key: '26b09106ac74ea4a21030d3650ccefb7d4578a95', name: "label-info" }), h("div", { key: '596a53c25c2ad965e11cf93b54f801b983b6e04c', class: "gux-input-and-error-container" }, h("div", { key: '61a292815d2bc6245191a0190a220052d5c378ba', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aaed04625be46bf1c196187a9ab2650ae15d6d63', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '95cdcaa339f2459b5f55e1d516b28fded340ec54' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'ca9d26b09254bcf1c10f85eca465f06d672c69ca', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9c4d98a79533c66cabbce393f6f2fb6ba2243858', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '872419e46229275b793a8e44cc5137054e62809c', variant: "required", required: this.required }), h("slot", { key: '8f5fcbbda9de2037df6fe4c233ff0d59b8767b77', name: "label-info" })), h("slot", { key: '7ab3cb49085ec078386e47d33be85e4862a56e8a', name: "label-info" }), h("div", { key: 'e0d3c3d5445c9a94d75d070a4bf724b201b06d44', class: "gux-input-and-error-container" }, h("div", { key: 'ba25e6cefde4e777afa7e0e9f60c2be7e4956aa6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f825d9a58b63a9e9dd4fc4ee6d53b41bf0f03690' })), h(GuxFormFieldError, { key: '194d79eea96a18ea94a312603d9dca4b65dc40f4', show: this.hasError }, h("slot", { key: 'eafb237fbf041c7b404526e3e3e78bee076e14a0', name: "error" })), h(GuxFormFieldHelp, { key: 'af6d9731e3995bcc9a07218fc15402772ad21a8f', show: !this.hasError && this.hasHelp }, h("slot", { key: '047aa0aef787a88ac0c11fef661cee33071dd8ae', name: "help" })))));
+            } }, h("slot", { key: '2fa5abb19ef77dd31c72726f59eb1e3fe55700f5' })), h(GuxFormFieldError, { key: '8ebcdee23d8ea6a7088031ec16bb571a67f9ae77', show: this.hasError }, h("slot", { key: '7ea86ffc59c1af8f4a355ea0a6788b47c1eb4659', name: "error" })), h(GuxFormFieldHelp, { key: '649c1eb4580438bc8f7349ec77b13cbfe530b1b0', show: !this.hasError && this.hasHelp }, h("slot", { key: '8cbf41877937041046c62a9648982b420a2dfbcc', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-button.js

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'b63d7d6a1a795cbac8b13a541fb74c8b675dd538', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '5f4ce1d8150acfe8e888b47ac8c96ead4a6ea08e', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: 'f16b595c0688c619aaeacb7e7c099fb1530ad489', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'af8f1f7813fdc524978215781fafe1832e29895e', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '4bd061ac62a0c4db43a5a82170a99ca02fe31376', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '11e42c61e6b6a268d4f3202b85587865a2777469', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '084eb00e05f62a6984e5d1a7a4ad8658db5a74e9', class: {
+        return (h("div", { key: '95faeba1aaab0d904b76e35881843a0545d12ed1', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'd7405f5ce9d6bfbd30800c3b9e231043ea8514ed', class: "gux-message-wrapper" }, h("gux-icon", { key: '832e03ea16048cba1712f3564452045fa77b5a77', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'f2329d284e5fc50e6db95377aa2f40453a4ef7d9', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'c09c0a657a842e36a10f34f5ab6e4e09eafbb97f', class: "gux-content" }, h("slot", { key: '4f41d7f9089241cbd7d9b21a75f6bceff90fd195', name: "content" }, h("slot", { key: '2207c3c13b1ff3d6b63c4dc8716054478db3a35d' }))))));
+            } }, h("div", { key: 'f1cff94c3340682fa4f9b731b861246d2e5a95fd', class: "gux-message-wrapper" }, h("gux-icon", { key: '541abfc392b63e7cce5282a549118487490de8e9', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'f6f39c9cdba87b0d42ec68e53a2b404181f1b6d9', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'b8dd49744c9cf3a960aefce0218737eb3e7bbdef', class: "gux-content" }, h("slot", { key: 'c499e3f7f7db4ca0dc4118785c9fbf23daa99781', name: "content" }, h("slot", { key: '2e45fa9242e98ca1ea5a9408df89593238fe2106' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     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: '7150a8db3a41794be9ca5594735937cb41bcc871', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '5507e6f5844bd0bb31e638fc0f08addcae6c5c65', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '995eedd6752b1a05fc20dd9d63104022255ac431', class: "gux-option" }, h("gux-icon", { key: '7caf0a4a9d311f89844b95adb538d7df66c1faa1', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '26a21e5c3eccdea1f7483ff89c2ef7d652d2c12e', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '60194b159f145cb8430f93847bc62dd0bf14a245', class: "gux-option" }, h("gux-icon", { key: '435f196fa8679e19c1e77d5af67565b4b2bd1c2d', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '3c98825cbc6ea36b1e6bf71e062075e76166e369', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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: '1aaad61061ed60c322507d66def10adfb3e77506', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '45ac02937f45e3927e7825b3e142d63201fb3f02', class: "gux-progress" }, h("slot", { key: 'ebb718adb910425c89fd37cdd9e44625f7f43e32', name: "progress" })), h("div", { key: 'a0564b55f04dc00fda6ce82da0b3305c0f680835', class: "gux-primary-message" }, h("slot", { key: '75b979b5927973a270632f683f6f846f6c4b50fa', name: "primary-message" })), h("div", { key: '44074ad8f1025b945f52fd657ac6a0bc0c719aca', class: "gux-additional-guidance" }, h("slot", { key: 'b243110150b520fc53e4e0f7bc063e61d4841a82', name: "additional-guidance" }))));
+        return (h("div", { key: '2a6b29d75ee80df549e6f16231aba1665d3ca154', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '45c224c9caac4f211a30f89dca30645cf3c68cef', class: "gux-progress" }, h("slot", { key: '99c7399f7575ca1d63a354b6c2ed6b8c0e5c6728', name: "progress" })), h("div", { key: 'fb7eadb66e7be740661ea040eae4614f21109d93', class: "gux-primary-message" }, h("slot", { key: 'fc31e49622c5f1b581f17df0da1f0de3cea9132c', name: "primary-message" })), h("div", { key: 'cc876268b8c22ab58c548201c076cf58519df58a', class: "gux-additional-guidance" }, h("slot", { key: '8fae572e194d58167a55c68c6b9db4a9eada969f', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,7 +59,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '6db2428b44355f2dc64b292c8bfb5dfd14788569', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '95602d6a9f8d7c923d432a34e59901d1f56e8cb1', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '2f47a5d13947859d7ab1360eeb3bc8fed072131d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '91a75a04efcdcc926f49c63ce80b770bf356ec88', class: "gux-modal-content" }, h("p", { key: '14a4ec313ed5ee89838ac193242eb5087da87765' }, h("slot", { key: '9a504ff8bdd46e23e2c887d203370c3d8f21d70b', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: 'b21f66fea97ad825220bf1f7cb607c2b028530cb', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6f9f15215b90d95674356b3183f1cb73695500df', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'b2cf8c0bbc3a35fe922187395bdc9a14c566be9f', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b6be54d55a19922d444f43c83f8daa60b91cc299', class: "gux-modal-content" }, h("p", { key: 'c68709bfa8c21e50e8e10fe382843a0dda63beae' }, h("slot", { key: '1e6316fd283c5822b0cb77e00a9f7fa3134770d3', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: 'fed357d62922902ae0fe762dcf5430ae08f236d7', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '5f31bcc969ca3437d020f601e939b56c416f69a4', 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: '6d5146370a44f00973496a75517ef7d56dd276ba', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'c28120117602c1c66df595f7c4277b1b45b184b9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8ddf86f65220a3da41fd14f60055865abe1a9a45', accent: "ghost" }, h("button", { key: '4d12fb15eba0ecb45f06f9b971653da00f27eb6b', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '3f98f9c1150c15e5575d4a5140b87c2b60bc1264', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '9424c8f5fd6df80c28e97884bc61e1ed425f941e', accent: "ghost" }, h("button", { key: 'cb239799f19f35382d269197eed2cd6c9ea05454', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'f40a9a6fc048e6bac3ed026573e9f0c32e06d55c', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '644168a8c9f1fd9f0cdd8da864e8c407b342bdde', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '73f9336c7dcc20c635f039d7abdb756f0d8b5a6e', accent: "ghost" }, h("button", { key: 'b4d7a8b4620b398bdb1fe79dce29dabbc488731b', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '185d851ebce39c739a9c4209ed1796ee316e9ac2', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'f1b4e73f7fc92d5d59ab30f277b3f0b2efb11ea8', accent: "ghost" }, h("button", { key: 'b349826adb9f9acd88fec71f47a9278b00dc022e', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '9213440f3d5c17cd4945914e699dd9e7cae66b1b', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'fff0cf262b9c1bb44ea53fe9a000085b3bef3638', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'efd4ad576ae28db57058c5bf09f1bc3cc62a8e70', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3bf855a6ab89defbb74b34fb44698754ef089f69', accent: "ghost" }, h("button", { key: 'adb7b226b7b45569b330e17202da8401015522d0', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'a5336a58ff01300b1f78e46a3fc511d7da262939', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '23270e5a2e0cced675581690cae4e12e00ea2c79', accent: "ghost" }, h("button", { key: '332b43a4cdb6c59a06b6bca31ebc2d59bda67bd2', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '112db61c6fcb73233d01ff89456f5cbbe7c7e22e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'a780c379e89ae73afd4fe00c014f7d3795006cc5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '23150e772b34852ae3927be5b1c62c84804e5ad1', accent: "ghost" }, h("button", { key: 'dc0fed5842c2046fa0b491144bc5ef0189e28041', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '4c51072f7ef5066f62c8f74b9c7052fbf7e27bce', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1d74ba84367677727c6e26a6b75fbffc961f8400', accent: "ghost" }, h("button", { key: 'a6a8a25686a77e41b1bb116dc5bbca419943aaeb', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1667a1ab84afcf4969e04abb0c05d62ea1952ef9', 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: 'd6e7432da7241b1e32e3e34ecc13c02fae794954' }, h("button", { key: '0b0554af4a7c1609557c3c7700f1b5075c3158ac', 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: 'd28cfdb9e070d1461cf3e3dedb6b99eb25fc0574', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: 'a9c53ce8bcc1a900227298f97ad7ecb6078a6492', for: "popover-target" }, h("div", { key: 'ff5e1d84f179dde70f3cc750f8c7e9efe7fb5366', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'd7b8f404d4bfd44bb247ddf09337b7e89a1d4abe', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '67a348e64bc44bedbc6becca814e462f35605f7e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd7c92f5a21a66f30f9f26c5203427546e3247b9b' }, h("input", { key: '7e81e2081b222818fde83546791802235d1afd4f', 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: 'd321ec8e5204fbb816958422413e85ebfadb14ce', slot: "label" })))));
+        return (h(Host, { key: '2820c182b85e0299720d4abbc157a8604586736e' }, h("button", { key: 'f5281a55dfa45a66d70a94c00b500398cdc802e4', 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: 'f76d0448816482e93a94735df84f9461f921f0b5', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: 'f4cffff7d04b8940ce6481533f27a16176e93489', for: "popover-target" }, h("div", { key: 'd8415ca69b5d2a30430a29e3aa199429f96c4559', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'd242c1ac2b74e7ad8f3e3ac263b3f25d2a410544', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'aeada09ea4194538e1f7c784f06c0305632e283a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd1fdda287990b81432fb0ea1fba701feaa0313e9' }, h("input", { key: '71523be8c50ee40138a4560574523060f3c8a834', 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: '3a0c0d349584f5e8c105c1104c654aeb8077a8ae', 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: '2535ff53f3c85e9beab5bef5d1cce00d0974ea4d', class: "gux-pagination-item-counts-container" }, h("span", { key: '7963c0fbdc954991b8545ecb0a30a06443b29d1e', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'cc214c663bea74f291e97a9a8b41416696b17fee', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c7863d7e06bb7c9d5185c1bdbd052dc87754c050', 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: 'c3f72cc17b167424a5af4f513dc4c3014cf6a9c8', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e5a7f42c0889d6348bcab32200827f2bd17aad31', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd6427d647b1c19f700fe5c0d03a92de6e9e6e74d', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '0d75571f0a46feebad6603b7abc75ccf4f8d285a', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'b2c4417a1a39dff20c07215e9ccb2f14e59663fb', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '86bb4316e5702ca0c98c00d320bfce7bfd3115b7', 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: '4a6c07fa5743fa3940cde04edb79c747bf65de1b', class: "gux-pagination-container" }, h("div", { key: 'ae3894182c9ec272a18c0835cf2452471cd4d9df', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '4943f58a546414445da4cc767130c66cf4a7464f', "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: 'e074210fd92953563f7c0f4096a72a1c75f9789f', class: "gux-pagination-spacer" }), h("div", { key: '3e3d1d119490fea620ac71fc16030a8117f5ef94', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '737c34760f4fc271d0d302103083887d018f46ba', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'a9c135d289ced1d1652d4903661b5457a73b4d82', class: "gux-pagination-container" }, h("div", { key: '3cae00b7cb4d53acdd1ad03e7feadfa521090451', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '21ae33ba6ced409092abc69505d6bbfb476c19f3', "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: 'bda75173e7bd3b50d1fb28df57bad6bc72404940', class: "gux-pagination-spacer" }), h("div", { key: '7e029f98e38d1f4cc46ff9460c4bc3b294700992', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '2a589657711bf2ef9968f774f2cda18cdb66301b', 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: '444c2583793aa85b86a74a37b2dcc42aa3dc9037', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '73bc102bb15e3558f9ce9bf3d0d9a227c7c7d066', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '865aacfbd91e5667682234276dcaa2a56bf77b99', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '1978bd54cb3033943414aa049506f0f659f77a2a', class: "gux-arrow-caret" })), h("div", { key: '8240de5a2cd2b27ed63ed3386001f5bf01d3d565', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '319131eadce4c1d106af83c40398a7807b1e7b40', name: "title" }), this.renderDismissButton()), h("div", { key: '503d7a1ba3a294bff08451b9cdcb6c1c7bbe54f2', class: "gux-popover-content" }, h("slot", { key: '3f9d318feddcf5a0f9e6a9448ba21da628b88660' }))));
+            }, "data-placement": true }, h("div", { key: 'b4de1be84cda8c3ec3648e3764b91ba9e79c430c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '61e3578e40ece777e9b361a10c6595fed291a402', class: "gux-arrow-caret" })), h("div", { key: '92641ff8f3fc763886a1a94b61354339938124d8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '9c544091c84b663706ea62a4e39a659947fc9a31', name: "title" }), this.renderDismissButton()), h("div", { key: '42d1a067d01bc84700d055c76764c68c2263bda3', class: "gux-popover-content" }, h("slot", { key: '46b29b5905512f76b5e3f25a3d7978e0a4cfa4cd' }))));
     }
     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: '56369dcbcc379cef82bfacb99053bdf47ba3c9ec', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '32312d0a95b355418abfa3c6d89f9d0b9a0190fd', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '0af764483b443ccb294f8d720ff3566cb5db8653', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '177ca9470cece727f489134d53d4bd7adddc2233', class: "gux-popover-content" }, h("slot", { key: 'b0c1dfd0335f1f5ce8d8ce572e08214d74fdd032' }))));
+            }, "data-placement": true }, h("div", { key: 'b43bf7778333eb8292720cc873fe1513712f0308', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'f77f2d7f90526b996b5cb47fa7991cc5ea4f23b9', class: "gux-popover-content" }, h("slot", { key: '8dbb8b2e5f25e48d5c82831bee3c6d09ba21df7f' }))));
     }
     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: 'accb08bb2adb5c0decbc1bf9f8114e4b57245e82', class: {
+        return (h("div", { key: 'f385c4140f4eccd1fd7a84a613df049e2a272e64', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '18f414275d6f008722285cad1f3138d2f7906633', name: "target" }), h("div", { key: '091c9442146e4c6c6de45ca93fdf182371385cdb', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'bfe0fe177d904e6c3edb6da07e13683f82048f09', name: "target" }), h("div", { key: 'fecab29baa929c7fa63258a125f14804f6bff0c0', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'd8f27901d779874d2227ae4274bcfc63e59e0d4e', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '97f0063ed493f5de9f62f8e8cb59628c3dfe6ba2', 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: '968af7594dd93829ebe769cc7f0158c503a6c4b3', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '0f87d6fcaa745d2dd26ce30af8fa60dbd9be8e2e', 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: '691cc337116ec6e6e42269d5a496e67433567ef3', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'f0fcb3bc30fcc6c1ff53b123e73e370bc64670ad', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'e185108c89248b7ff1bf90687b11ec7d6614952a', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '18972a9af1512e1e6ddc48161b2dc3ddc0c7d824', 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: '5e7f6e51781f8b2f46a84cc337e667ea4363c991', role: "listitem" }, h("slot", { key: '91866ca98ae12165a473040ee1455173805dce23' })));
+        return (h(Host, { key: '007d9a9f343d3586c97ae507a7b25567cd8dd391', role: "listitem" }, h("slot", { key: '07a7133be97eaf59a044c4173d4a2561add2a043' })));
     }
     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: 'd4492f9e8dec93c146041f1000aabb0c13337b64', class: "gux-container" }, h("nav", { key: '2722db41475c3e2167c324f144830980013feaac', "aria-label": this.i18n('navigationName') }, h("ul", { key: '7d687af54b14b8d0ed18fcc5e25658909adc2c4e', role: "list" }, h("slot", { key: 'dbd430db5add4954ca87d48c4b02839869158cbc' })))));
+        return (h("div", { key: '861cfb0779160bf2870c91b5a75c1d4552c2f329', class: "gux-container" }, h("nav", { key: '751dbffe6e3c318fdf8f2b5d4ec902e51d117e33', "aria-label": this.i18n('navigationName') }, h("ul", { key: '354ad26e8cc020472ec884e46af41cc3c911f5da', role: "list" }, h("slot", { key: '12059a5b3efada13b60542cbc172cd8d2f6812ae' })))));
     }
     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: '3e5dafd0793cd6e3658505b6e9aa1b5acf0b500f', "label-position": "screenreader" }, h("input", { key: '022a1dd86af3c663589375f18b5624126c892261', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '100b631ce01251ff2d45f00e9c9dcf20d3a21c7a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a114849e07b2e635332a7e12a3545126a95a8eb1' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '545787c0f426ae3e7b54749b519da1033aae2b4b', "label-position": "screenreader" }, h("input", { key: '01f91380085cab1f2ee87516c11a280ab7b308f5', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4f540aa1ed46cd76037de13b0ee2140e87bcfc8d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '75cf6d0a1cb6263cccab55170f3c089a985df5b5' }, 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: '4662fd97d1e4c2daa7baba26bc018683151985d5', "label-position": "screenreader" }, h("input", { key: '959f63a3ad50ddbec365639e03c7fca2b5e4a902', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'f4d0410659f05206c5b050f078d6d59c781e5235', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'f724a7017c7a2f25e50b76a7883024bc0aebd641' }, this.i18n('selectTableRow')))));
+        return (h("gux-form-field-checkbox", { key: 'e8d0d60a271567a74d32a78aa7da97226776efbd', "label-position": "screenreader" }, h("input", { key: 'c6fa597e81785c9bdfde74de7c445162cdeb7b76', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '187b2bf7041b45468109c0b3fcd7744d1a8974eb', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '5a460829db64a69c8deb49988615982f95a91e1a' }, 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: '44ec7eb63d0766e29220b7050392ec25acc07f50', class: "gux-container" }, h("button", { key: '758ed733a3fa3dc677f542894cc6edbeca784369', class: {
+        return (h("div", { key: 'ad2c16a4cb0e3ad535770fe09cb8aa7261b09488', class: "gux-container" }, h("button", { key: '4a35a6bc0e9dd545a6601ec981244e945ac53882', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: '0a8227b9ecb4f352034080cff9adac1dd40a499b', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'c3f947fa1d7d885b0bb81124b50f1b380d4d5e16', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: 'd8cd6f07f90701564a1c9edfa6ff7eb7220dfbf4', class: "gux-resize-spacer" })));
+            }, "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '242170322255f24d10d6bf3ad42bc4e95ee5bbdf', 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: 'b61fb204288e7ec877e554982d1e630a888eea9a' }, h("slot", { key: '75130ea7818ddae583f48720f94e152aa8c405b3' }), this.renderSelectDropdown()));
+        return (h(Host, { key: '20db4257ea49e02f7c0838d192b0a3579550ecf8' }, h("slot", { key: '177130d715f3f70869ed4411741269ab78947350' }), 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: '640c23826326a9804fac62f1e3c949069bcb9a8a', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'c15b8f39da42ab8e0ed515d897d13be27dab9005', class: "gux-table" }, h("div", { key: '44437a2bb97e9c8ae45670528cf2f4118998650e', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '457ae02bc48c90ea86ce17c7c9e4f7acac0294c9', name: "data" })), this.isTableEmpty && (h("div", { class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: 'f5558b317d97d4c545b987e5eed516d43389eb57', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: '7994753aee1e14330c684e0c4ace9181e818ebe5', class: "gux-table" }, h("div", { key: 'ec0c8b3a8ba56a44ede705135c1754ce074d34b2', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '3139e1cafbaf7f75522945065a928a4d7d523ed5', 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: '85983c56028e5af68f976e25a605ced835eb66f6', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'ee601ef0afe1d3c8db8a213cf301f7c736f7629b', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '5a5359f57ba4d0686a3943bc34577611a9cefef4', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '52b7e5d8d3cdbec48ad5c9062c628b672dc2ff1f', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '7da5dbdf9ae6cc600708563f886b16a1fe461f86', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '7b059bc33717295186dba7e010e23e855af58c5e', 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: 'fbfbf4032d111626b70dc310cf69fe3b236a67ba', accent: this.accent }, h("button", { key: '190d7decff0a8a2ef8168e98df9c84b44ffb462a', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'b88bbb89d46a797487831280d83d9a9bed6f28d2', name: "icon" }), h("span", { key: 'c91f4bd831eaddd5627e00efc6ff9c5d59cb714c', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'fa8584f8f4467e7c9a7ed722ab833fa15e2f0448', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'f9f92beab14454164cd57f5d7152185fb169805d', accent: this.accent }, h("button", { key: 'd3eaedad0a53fca42c919c52abf75b7f3ee395f1', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'd8a1c289ac52458e96084361330b43d1d8e7265e', name: "icon" }), h("span", { key: 'cafea5d2bf21f6ebb48af7907014f47ac5f6b0fa', class: { 'gux-sr-only': this.iconOnly } }, h("slot", { key: 'ed63d313c4f831c76fef6cd7a58a2bf15eb82e2e', 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: 'b3e8926b4d845872ac9194310cb7e00653fc5857', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dc4781a1bcb2f2fd1ac6c5d471b3060fd0d3c9c2', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '99b746f9410b27b754bd118865093fa71b6385b2', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: 'f98a4eccdba550cc80724d379488b5d44209e2c2', class: "gux-menu-button" }, h("button", { key: 'bfc2b7c522c448579d7c812ad8d77ff093a9b4c5', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: 'e668438010b5e751750d5df61acc5506af876fb3', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '7fd72a8a148368b9205ff7d39495d0ceb7981756' }, h("gux-icon", { key: '7edbec1bd7aba1c7fc6b0be4572eba4e5e82906e', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '7f6773295264d18125bee3c743f56f6f2ee54c5d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '003354bb43a1a2bcc9479a04401b1774d474d55b', ref: el => (this.listElement = el) }, h("slot", { key: '0fe4890ec05994c61c2a233ff17ba580dcee916a' }))))));
+        return (h(Host, { key: '740eb843a17f0eae90c045bffe957cb649273d9b', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'dd113fabbc90fdeedaa41d34f185da1fb87ee8e7', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: '8181db7ad0cb2b913a2383981e426e722efc9edf', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '2c54741c1b676f1d35fef80059f6c91886bab855', class: "gux-menu-button" }, h("button", { key: '6d565adecece1f7cec532453447e15b1d96913dc', type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-tooltip-title", { key: '65f4d35543c9330b0e52eb97d5a515079a0b751c', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'c13972003633dc6d0d353f933a97008ba8c3566e' }, h("gux-icon", { key: '42788806d05d92880020350f41b9722d5b469fe7', "screenreader-text": this.i18n('additionalActions'), "icon-name": "fa/ellipsis-regular" })))))), h("div", { key: '68b20d4aaf4491bb633657c7d729227d6aa9fca2', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1257a1bb52780dce7138441725744fb40c6dad57', ref: el => (this.listElement = el) }, h("slot", { key: '5a0df6cac6139c589e0d0daa58bea76450a87c25' }))))));
     }
     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: 'ef083e4d8e805c0396ea4479691996d8b87471ca', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '91b493ef138435880eb5551963d7c12f53fb0d9a', class: "search-filter-container" }, h("slot", { key: '605612cf64ea0784e142f7483e26fc9b43769280', name: "search-and-filter" })), h("div", { key: '0eaa154224453549c31f79efa74ed1e3dc93744c', class: "section-spacing" }), h("div", { key: 'e9dc5a30cc5463157f52ca33fda8829a9c0c6b70', class: "gux-contextual-permanent-primary" }, h("div", { key: '02f7063e56f1efecb087b7ad26acf745358b4034', class: {
+        return (h(Host, { key: '6fc21b374fd74a4fab1c05f2249e5e3bcbf7d386', role: "toolbar", "aria-orientation": "horizontal" }, h("div", { key: '276c80c7aec3de02a5fa5818bf0fa2e8739ccbf2', class: "search-filter-container" }, h("slot", { key: '730b76b35b2c509183152428e048316b3120ddfe', name: "search-and-filter" })), h("div", { key: '92bc2e709a24f0ae605e1644a7e10c37d8a6fce4', class: "section-spacing" }), h("div", { key: 'ee673e4d9407551ed443c5c9b0ed9cdb80934f69', class: "gux-contextual-permanent-primary" }, h("div", { key: 'cb92abc2a6809b09187c67cbf657ff4c4c304d85', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '92f650751d1d50a3e0e6ada98eaf0b260976e129', name: "contextual-actions" })), h("div", { key: 'a047f9ed773c0a1cfeeba0a68f0b7081a7b9e72f', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '6f458673b413e9c702ebb67502fbc5f41bf66499', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '51bd44587c2ccb050bc9d14510f5f6398c3b074a', "show-menu": this.renderMenu() }, h("slot", { key: '542dff36e79f15198411a40f9433989d311cc1bb', name: "menu-actions" })), h("slot", { key: '3bd755dbecb96dc5bac2fa3873a7673a08c1e3fd', name: "primary-action" })))));
+            } }, h("slot", { key: 'c4d1fd928a9c6097993061e76cce8a2ad2a15b8d', name: "contextual-actions" })), h("div", { key: '40cec3218b64b5415536b6fb7d0cc0c33050039f', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: 'a18d17f76911d1696be42630245816b1d7630a8c', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'd967becf6df9612d271017d31aeaea69e831e4d2', "show-menu": this.renderMenu() }, h("slot", { key: 'e20123d6b0424e7f2b60350be266e7cb22df4756', name: "menu-actions" })), h("slot", { key: '8ee83629fa3cc7d9aa8fce86d275de8f3d2ab512', 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: '81bdf9447ca8ae69863bd544b1f9e73e553cc816', class: {
+        return (h("button", { key: 'c54dc95e266f152943199525cde726bf6fdd1d1a', 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: 'fc5e1c772687a82be564099b8108f073bc25ca5b', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'f33adfde825a821d70f7329ee7fa3d5d48195d16' }, h("slot", { key: '820d7cc7d7bfcbb6b873b839d3e8af5299bc3a88' })))));
+            }, 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: '92080b0a5847659160f8d1789fd929d4733bc890', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: 'a9380a71f2c92b6cfe568fa2e7e72cff7df02c02' }, h("slot", { key: '324aa107d5823f3a0e9ef0bc42add6c31b105d82' })))));
     }
     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: '2e53d555f423c59f458e8f8bd3f1236371a1e9b3', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '680306423a224a9a1646ba5f67fdb9f31e2d0454', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '8c6dd7bfb1a3d82607a1aa57b8c5e55f6b98ecad', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '0ceb1a7325b9e9350cb58b4754b59d4dfb0e05a2' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: 'b86e164ab68080f6510abeb70310c0458e7f5844', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'ec4815defba142048face3b67c1eb6ee092ffb14' })), 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: '286d16c51085bb2a66c9896b45aae24b6c21f6d5', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: 'fbcfec427ffd7450eb7fc590ed6a082057d0df14' })));
+        return (h(Host, { key: '751e591e2c405b0a87436aa94d5199944b4c6d63', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '3d7e4df841a2610b3e0a915f5fc58c64fad3f9dc' })));
     }
     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: 'b53ec03973efabbacb8a512c283371e53c3fcae0' }, h("div", { key: '4a8734e51b6fec10d5f1758951c674b58a51bdea', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '8593e90845feea760226fd736c5bab4d8ef332cb', name: "tab-list" }), h("div", { key: '878bbc1bbdfcd6ccb15885fe0c60a13e17db32ad', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'df998e7506e3644378970b13e769ca93bede3a68', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: '32d1873a678e50506803977cc6a6ae8071134533' }, h("div", { key: '22a82c469859dd57778b1876a05a216eb22f8e46', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '191ba655d87b19ff016a0e47d9d791e72db47588', name: "tab-list" }), h("div", { key: '1fb64ce9a3bd2d8e5c68c329a99283b257fe22e3', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '3b258056a818878a6ba5bbe45bbc01e8dec748c5', 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: 'f72fef4bcb041e433c95eacf36ff3d43b8f46e69', class: {
+            h("div", { key: '2844708cc4539f43847e9b15b71bf38f0b45fc47', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '0bef4042194f54439788d8b8678dd93c893b785a', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '76d5fc3d31c95a43a385bc089fef860d3f652d0c', class: "gux-divider" }))
+                } }, h("div", { key: '01424caeb60688ec949ef6860489a416871c7402', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'eb947372340e56de538ffb1a2cd928b918b4edda', 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: '3d8d17310c168dfaf023a1cb30f43a50277c8bc0', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c59a213a334ef5fe8d3fca4a357a6785203f164d', class: "gux-scrollable-section" }, h("div", { key: '27156f10844d02d9b6ffe9122572c1664b44b755', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: 'eb42d2120aace4ee9f64fa0d083217078bc610a5' })), this.renderAddButton()), this.renderScrollButton('scrollRight'))
+            h("div", { key: '66e30bedcc9b25eb35ccd86df381306c6d4b1b79', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'c38b67538d0c667eb89dc943d6cf6b8896b2636b', class: "gux-scrollable-section" }, h("div", { key: '8c3df3908eec367a45d4204fa1186d59a620f962', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '9403093103d10f5ef32b33b156ee65234f9efa72' })), 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: '04e9e13c546e6445349c9fd01e8646b637d6257b', 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: '3c3321dfff172ac1c98cfad1a47bde80e0148394' })));
+        return (h("div", { key: 'aee1128f003127d25328e9efab3faa13479f9230', 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: '92805b21937973d619a03140a9f7b8fb9113b1a9' })));
     }
     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: '4266b6f3c71f38dfda8b84fa121ac1100e5f7a17' }, h("slot", { key: '9b89d767a0a63465a16ae9bb27b70e7fc26d7d10', name: "tab-list" }), h("slot", { key: '5bb6b307547f6dd9cd0bdec102ec955c0a89aade', onSlotchange: this.onSlotchange.bind(this) })));
+        return (h(Host, { key: '1800f9c906b4efbe291580582eb8798bfca440b4' }, h("slot", { key: '109ff47e12ebbf78b267198282974f0c56c8f1be', name: "tab-list" }), h("slot", { key: '7f8fac0199518c90587e714557e91b42f263a699', 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: 'c7bfc2852f079f1b76e8bd03078d979350c68ac3', class: {
+        return (h("div", { key: '4f18b726d9af48c8170ae42a25df2d728ca66ce4', 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: 'c477dc43f9d65a0b9596f2bdde0d1e50e6a9cdfa', class: {
+        return (h("gux-popup", { key: 'ebd9d425eb3b72f65ec7efb41c133d88d9b377ab', 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: '2ff36cc627db9cd1e8299184058071cddd29772d', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: 'ea1b4ab581190af174e87213b944051b26a72153', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: '5a0fc8e801f98b8c7dc2d70e37afa44fea96c421', class: "gux-content" }, h("div", { key: '5333aafe5e9e08dab1e64bd69bf0e8f5b01204c0', class: "gux-message" }, h("gux-truncate", { key: '5e83fe7bce37531dfc9772c8841cf5b4d29c1cd0', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '388a113c86a5225444de00205f90222d2108a96a', name: "title" })), h("gux-truncate", { key: '70d33b0e613286633a923113ea66b90071a6da62', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '142f405d78ab66b329a489355fb2a72d1a816578', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
+        return (h("div", { key: '7a6ab805bb9deec6a4ecb62520ce25feae807788', class: `gux-toast gux-toast-${this.toastType}` }, h("div", { key: '4b9890559de8cdf758e86d71fac14e2e78d271b3', class: `gux-icon gux-icon-${this.toastType}` }, this.renderToastIcon()), h("div", { key: 'd8ad1c246a7a172ad6c05cc43c56d8db08f13aa0', class: "gux-content" }, h("div", { key: 'c2e22bff4778ad05af0a9c503422e6995add4fad', class: "gux-message" }, h("gux-truncate", { key: '19ff372ca20c6110259bcf1c9e85611d17399a19', class: "gux-message-title", "max-lines": 1 }, h("slot", { key: '48ae3f518ddca0a6d92192f2e022e2eb583f3ec7', name: "title" })), h("gux-truncate", { key: 'bcb27df4a0db6cf8ce322edeebbb4809e2b3063c', class: "gux-message-body", "max-lines": 2 }, h("slot", { key: '4103da09dca94fc6b1b9c6e83b4cc869c5ef6a12', name: "message" }))), this.toastType !== 'action' && this.hasLink && this.renderLink(), this.toastType === 'action' &&
             this.hasPrimaryButton &&
-            this.renderActions()), h("gux-dismiss-button", { key: '0a81f23d1bb0caf6d8f41b782e4ad07ce767364a', position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+            this.renderActions()), h("gux-dismiss-button", { key: 'c7d2643ff6a3b16e1c4dd5d164ca2ad60c33d048', 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: '94c0f7c75636bcd132cf47b0100f1f22c516b34b', class: {
+        return (h("div", { key: '163c63d01ed716266b04cce6aa61fffaad5639a7', 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: '7e23f5e381ab3144bd430304382593cf4586f83f', class: "gux-slider" }, h("div", { key: '63244a602d673ddbc1dff6ac09a4ca79536fa9c3', 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: '0ec40270502235a02e27af7168befc1426e794aa', class: "gux-slider" }, h("div", { key: '7385482e2c967cb717ef2f064266d31d8c8ef110', class: "gux-switch" }, !isError && (h("gux-icon", { "icon-name": "fa/check-solid", decorative: true }))))));
     }
     static get is() { return "gux-toggle-slider"; }
     static get originalStyleUrls() {