genesys-spark-components 4.124.0 → 4.125.0

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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '5f2df40d248001de13b06b010c1d5c3d74ea9533', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '73f08b4cf28c4c0fab6f1586a61ee8ec5704fe2d' }, (_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: 'fc0e5b062656e8c9aa61b0e4d205a610cdbd9bde', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1fd86cac4a73a2eaf92fbffb70f68b6a1bba1d8d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9de2e1d3fd41888d9ac994f3f843024cc3c4a625', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dae5e33362c8b6cddeed25384d6215d8a833268e', name: "label-info" })), h("slot", { key: '753c4bc210fda0027e18348dd4ef0342ffe3133c', name: "label-info" }), h("div", { key: 'a93210ee6b1a145235bd7ce62a37d091558f3235', class: "gux-input-and-error-container" }, h("div", { key: '0883effe367d2ced9624fabe30bca32b68239793', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '66a014cad81d2af714850d1c37ec186ce1415680', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a6ab842025eb22c211e3ff951e4ba3bd3f9e7f61' }, (_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: '912d486ecceb54680b9e758203df2628e7d910da', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a7d6b452c7eb662de59726d9cfcfdb20e7e5b422', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e40d96c624781cf589bd516f536b16c3b125e2a8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd449ed819d6ec7fb134d7307aa42fa5befce43ef', name: "label-info" })), h("slot", { key: 'd4d8aa2aa5cb5dee2728c4a01aff85139b2cf189', name: "label-info" }), h("div", { key: '13c061701448190670a396eeaa5be216a5492ff4', class: "gux-input-and-error-container" }, h("div", { key: '2c8aaf4baf87590b8d22416ee7957dadefa9ac90', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '32a739793bb222e72b1976562b559e004c281b94' })), h(GuxFormFieldError, { key: '894e2d14a16fae861d53e58c85376041512052eb', show: this.hasError }, h("slot", { key: '34864e9e621d4e5e803463f94e98adbceb49c8e7', name: "error" })), h(GuxFormFieldHelp, { key: 'e64f0907c6cfa047fb29d89715b355cda94ec4a8', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c364f2aa010ed15851137999b0efc57fc1c2b2d7', name: "help" })))));
+            } }, h("slot", { key: '2cada6805c6409643ff0a32f35590e2e27a3c75b' })), h(GuxFormFieldError, { key: 'ae9d6501d875df48e511d8124c73a2da47e34e05', show: this.hasError }, h("slot", { key: 'd3fa45ca8be0a0afcca79562285d1433d8ead4e8', name: "error" })), h(GuxFormFieldHelp, { key: 'efbd80611f40852bc833f7caab19873e0d2fc5ff', show: !this.hasError && this.hasHelp }, h("slot", { key: '154dc0e44d32f2b43f1249f062de7412f0ac251e', 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: '2d85df6d5b7c2a2d5bf34a93b203ed828c0e1204', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '058247a5baf199d0bc8e96efd5df7431bcf748ca', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: 'a407a6ed4a3d2f1e37a4d7f4a4a0f697fb1f0adc', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2b682655688eb2746040f2f6b9bf7a963f613975', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     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

@@ -64,7 +64,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '07b503f973117949462547aa19626825d8ef5ccb', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '0a58368b3e37d3c2503947ea8cd507b22785d99b', 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: '37c95e73d07b1041e869c0576529f9ab312979a3', class: {
+        return (h("div", { key: '51b9b8dd9ba619e232e4e0a8ac876d52c4d96af9', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '6e2e50e1ceefc17ec4898916408946cfc8f3b96c', class: "gux-message-wrapper" }, h("gux-icon", { key: 'c1eb87ac02f1f5d406ac417e9aead0a9e55c2130', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '95bbe343fc1cdf34a3ff10aa376ae9a66a6c2d11' }, this.i18n(this.accent)), h("div", { key: '9ca46df0c33fc5f00df0729538930c37628cca21', class: "gux-content" }, h("slot", { key: 'a29d2193dfbbd3925aa806af18b92eec3b654771', name: "content" }, h("slot", { key: '3b2d6bc554766c31d3363ef4e05da99ba72ffde1' }))))));
+            } }, h("div", { key: '56a33f0558724575709b5a338701c583e655c8d2', class: "gux-message-wrapper" }, h("gux-icon", { key: '9b68a92947e93e5723587979778a6da9931fa7de', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'f70c59e1f52987c0b6658648035c6594b131842b' }, this.i18n(this.accent)), h("div", { key: '8add842420526ae6de0fa9b04829e5721756d6c7', class: "gux-content" }, h("slot", { key: '47bca6c221364d49391eab36033aea11cca9676d', name: "content" }, h("slot", { key: '30ae8819e3327c7a28d4a63daf34ce13cdc096f7' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'e1efc13975907d8d0efb7780e9a01bf8bf32034e', class: { 'gux-filtered': this.filtered } }, h("div", { key: '62eba4916504de3fdae4539a146cc8dfb78b442f', class: "gux-option-group" }, h("div", { key: 'ba0b59cf658d1c6e2c9158ce9515eae0472618b6', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '0a24351131954e25346507244a2afdc045f4e9cd', role: "group" }, h("slot", { key: '54fafac457a9235241a83aee7c3b148f51de73be' })), this.renderDivider())));
+        return (h(Host, { key: '250a68a43903f4d50871f97d73223c220af96de9', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'e6495a1d3b99359827aebc23b9dcb27ae215e66e', class: "gux-option-group" }, h("div", { key: '93b2fcb938e548ba55868a91eb9ad446adc320b3', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'bf365cf13379fedb3a141e2ff85cd39959c899eb', role: "group" }, h("slot", { key: 'a68ba73f48b63663bda936211c69b00cc054ab3f' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -65,14 +65,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '902601346eab9956082b32dc60d6cf7511d4c6bf', role: "option", class: {
+        return (h(Host, { key: '57ea0f30bab9cbbf08cd8d6c68ee1de285bd979e', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'eb6fc0aa8f3034eab1ee3bfbcf843526d2ff8eab', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'cdef17281f541da5f3f0826b2a82a8e10d31c0b7', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd52c436545d39e43e993b99cfdbf6577284fbebb' })), h("slot", { key: '23672ca4c866810ec28ca3e288fe0d2642a01d2a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'b8203db12a20c4b74f5520d021efd59ef80c6432', class: "gux-option-wrapper" }, h("gux-truncate", { key: '2a16d859f1911ac5bafa0d6c0084657cc2064d29', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c7896b178c4070a4c43b59c2c66f4ee39bf852d0' })), h("slot", { key: '9808edc2a18f0f16a61afde0d9cb307533ca2a3d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '8050d0a2a3038915ebdd3adeb809b5690904d82c', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'b187d5960eef36734480be15faace6b1079783d0', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'edeca4eee776ba323719997c31c16e07ba1afa36', class: "gux-option" }, h("gux-icon", { key: '2115a8f400dd67b02f050878b1eb94f1cf670f9e', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '79bc35c18e20d332a3a1e74dd7577ab5614d9de5', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '9ec59d6f440e2f1561657550f1bad767fb4129ba', class: "gux-option" }, h("gux-icon", { key: '0cbc724c40a9a23bba99ea1275065c7144ee7d3b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '5f4de4aaa90c7d3b9dc82160e1f7c8b740c5dff0', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -59,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: 'ed850a35be6944fdf451b06f6ac6da28d1576435', role: "option", class: {
+        return (h(Host, { key: '80aac9598e569077de3ae22b1c02e68766844015', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '20f9ad2c26485c6edd7d9be14290a69da35231e9', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'cb3ab45d14e31f1f7c443d503f0b6ada20dfdd51', ref: el => (this.truncateElement = el) }, h("slot", { key: 'da03321ce4f9a769544f2396bce1a55215a07c85' })), h("slot", { key: 'eb742f9a556dfb3dc3c0f3e7055d02544d39283f', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'fa4a90252b87e5e6f96e83d3eff99ec6bb0f54f5', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'fa8f8ceb36a61d3d042d67b16a1852808509408b', ref: el => (this.truncateElement = el) }, h("slot", { key: '77ed823cb8cbd099ced7b1cf6f72ad8dfc86da47' })), h("slot", { key: 'b5bf94e34b50de84286cedf180d3c4d09f806539', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'bec01bcb41c1d7c67b327a06c4004fd69610cb3a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '61fd1c41cd84bc3170b485409fc1f875cfae53b4', class: "gux-progress" }, h("slot", { key: '162770be6b1e4ddac98ba43d1cde295d8812beb1', name: "progress" })), h("div", { key: 'ce41002cfbdafe06cf7e596879dedbf0569e78d3', class: "gux-primary-message" }, h("slot", { key: '969c00afc1f9441e046f64c9f335f6212531c15d', name: "primary-message" })), h("div", { key: '30566e826ddf339d1bf65ce475cab14af48942d5', class: "gux-additional-guidance" }, h("slot", { key: '7f0c15ff42391a285379a7af5ae34d2a25ef48c1', name: "additional-guidance" }))));
+        return (h("div", { key: 'b2caa7a95ff1ba98716878a0581a3f2aa949dcf6', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '9b0bfafa872b239bae390ed9febcc6edd0c22277', class: "gux-progress" }, h("slot", { key: '03a676c0c79e3f64ab4faa7e7576fbce57d94ec8', name: "progress" })), h("div", { key: '7e95095555953213e46c6b0b019bafeedea57f81', class: "gux-primary-message" }, h("slot", { key: '3a1b4ac1113396c0af48aa566a081ef36497f3fe', name: "primary-message" })), h("div", { key: 'bcb563fc8e17b48570ca6689ec74b668f5afc70a', class: "gux-additional-guidance" }, h("slot", { key: 'eb1bac8cd1eeb559d1a29ca50c8df2304731dda9', 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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '21897759cd4ec962408451a2fdcdf2fb76a7fcb0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bac191d2c8484a27507e3e2e036520a74e290548', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '3c12f84d2ef4384067e367bbfd2463189a6ae585', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'ee041befe4913a099434d9ce39e7bc2cbb0966c8', class: "gux-modal-content" }, h("p", { key: 'faf2629874af248e6bdc9565332b64d9afd9f356' }, h("slot", { key: '389eabb524cccc6fbb81da8e78b807f1cb4955f2', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'e70ba90b07c3c27861574aa5c6496ae2d329df49', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '306dd1984109212d7c8b56f0922bac42b75e5557', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '0de4f38407fc5dc098e7bc5bbcb858c8646d8fa9', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b75a4b6182e1a935f713c203587bd5e482ff1760', class: "gux-modal-content" }, h("p", { key: '2e29db8f3ac4ce211e9f7a04f997c9108931870e' }, h("slot", { key: '5434a2eebedc0b658e022f5044a8ad61786f9486', name: "content" }))), this.renderFooter())));
     }
     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: '0a1ecda47fc13b251333b915d4d372fe5cc7d7e0', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '3490cd0fe2f819fecf307115038b4bada10b6d4c', 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

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '39f1c5eb5fc54d4d64a8f2ffa5f60635b8397332', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '19091a23b75cb029549435b9a158441d1e0b4d9d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3276cdb33a4335061621102b2112c3f0d2b307a2', accent: "ghost", "icon-only": true }, h("button", { key: '9f39024f7c175f4efed5ec6dba29ad4c0a8c0e45', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '02c1991859f02704e3c97e38d1e69fb8aefb6954', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '6b12072517bc7ae25abdb137d0e85513d47637d3', accent: "ghost", "icon-only": true }, h("button", { key: '1a658e56e1541949a9a2d7bb58fc37ee4c08ca7f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'a4a5e5950e2fd244f290b4295f12185adfdc6a08', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'f9d118f6c74bfd34f775bc14ad88d91636c5000a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f30a1f91fb26d46939702892f44e50436b93e1d2', accent: "ghost", "icon-only": true }, h("button", { key: '9c71b7f6fe2ac9d19b4d9a0ce11b71c1bc0a16de', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a11c2b1e0d24e75862266692b8a3b87e948b27e4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '4b171ae9736eadfb2681f103f0a0f41fe9c21f39', accent: "ghost", "icon-only": true }, h("button", { key: '744f7b35f9c860ed6baf90c30c13606693a02f64', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1ff11eefedbcfb363000aff2dddfdbb6ac4ff2f8', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '144dd5ba861ec6629d760b4f834175d260f0d160', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'cd4bf9336287ad6a7efd9307ca00db02a909504a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f703c23a31f90d8b226aef669700e940e6c169aa', accent: "ghost", "icon-only": true }, h("button", { key: 'bcacb426bee7ff610a2782c7bf8d748be9d193b9', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '59c923b7c3ad87e1bddd8c264f45d28319376927', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '491de9f90bea4cc7e1563935317a57ec00e6778c', accent: "ghost", "icon-only": true }, h("button", { key: '3bd04ac740853feda65d11e1a44c7adb9512d655', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '46b98adaff437843e0c03e793126e19be12850c3', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2565572fc676b7bf505aca4cea19fedfa4bb2324', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f7e06598859b74cdb9e41806e2ea242a022e2617', accent: "ghost", "icon-only": true }, h("button", { key: '306c9ce421f7301cc1ab99eb927982cc47c80fc5', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0213106392befcbeb396ae879491e69569b7e892', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c506d0c4fda7a7a7727337c7c08506e75ca8c0b9', accent: "ghost", "icon-only": true }, h("button", { key: 'cda5085b075c24d402253b893e2926b0252d5983', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '8e4ea05c515cf1a568a9d81711f1a3e9ef559a02', size: "small", 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

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '62ab4037917fb59d34665b737d7bd8254d8462d6', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'b0be461d7e0eaeadf58dd74c9ab83d8d75a9b4de', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '0603c9c49352e8ec47f30bbd7f2212217790cbe2', for: "popover-target" }, h("div", { key: '0c16baabe37e4133d68ed51e79dc903a5ccf703d', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'ce9f58b78f966c58641c35c27a33dcd93d66b684', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3e675c567dfce82ca509070dc51ddb52e9cf1559', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '9015d3d5d908bf44af101941f2e5d8bca801d502' }, h("input", { key: 'b9b26a1367b807f93bbe9665567f4ff3e8d008a4', 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: '19e9d3dd6c2ceab124a9a1349bca71b2706505c2', slot: "label" })))
+            h("gux-button", { key: 'ac13d13688e49ffac6c92bb32d5b65bcc2af6c6a', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '74f5abc97f48f83488d0be7d9437b7a90c854a7a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '6cfb2d06d11dc3005bf75710a13ef08b1175ebf1', for: "popover-target" }, h("div", { key: '7d2f931cba9bb9b9dcca2b53084cdee7cb448a8c', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '6acc59639ffc78b1a757def70bef49a8d59cbd23', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '4c6e8d8cbb17aa86ce912ec0f75e2bbe53ab7ec1', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'afae060d8d2d647c671f521aa184795156c49c7a' }, h("input", { key: 'ec40619acef2609e7889bfff20f08e0d1ff2d042', 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: 'f3b48f804daaedf1373018640176f15c4cda9cd6', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

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

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: '9efa083c1c310f0bca85b3d0a23befe236133663', class: "gux-pagination-item-counts-container" }, h("span", { key: 'ad06f05c45571c2b2fae1048d338a9dd75328bf6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3fa0138d8dff0e54c72deb8310898b8cd29d811e', class: "gux-pagination-item-counts-container" }, h("span", { key: '9a0935fdaaf35a9183a2d83e33e68853613dfb34', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '11623c632f0d19f28c8775691dc3543b306c1047', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'eb6852944573ae1e4ac957ff60e916fcb9ba59db', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

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

@@ -20,7 +20,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: 'e546eda4401964d6de83383acebdedaebe13e7d2', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8b2fe99b27692e3dbab6ef3d7975122b0908fb32', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'd6c1ec2f39b2efed90a947079da35bba09b9991c', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '8ce253b5b00367bd5f24b57fb6e28a317c9f8314', class: "gux-pagination-items-per-page-container" }, h("div", { key: '470ba363bea3d6a3bbbfe6eb83033d388e5bdc34', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '29bc362534aea3b7d5b6ec9bec2a4840ddf08134', 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

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '96b42e7ff8b649551a0787e5b609b977bde58a3f', class: "gux-pagination-container" }, h("div", { key: 'c6bf845840b3d608ff5ee0e0eea065850fb5663b', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '0b3c1652fa9211e313888f16d5cbe68caf45a88c', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f6bf5f2ec70d82a1b0833e35632b6633893fab9c', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'db42cf10e4aac6245b509ebe7b96a14de41f0b40', class: "gux-pagination-spacer" }), h("div", { key: '58b6ac129bc89bf6e80695e777ce3944325683ef', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '4286362b84b3fe0fb8ed4219bcb9c550cf50bfc4', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'ec6c20fae5dd514e4aced6f4fc1d06df00de1293', class: "gux-pagination-container" }, h("div", { key: '2ad08c2e9a373e51d47ee6e4ef4597cb4ee19c84', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '24e001a9fe6299421264f7fbf11745c0c9349083', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '8340a00c890aa3cf80b179bc0a0a3b12413f9efd', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '90a5210acc6b3b7b8b8ec62120a84ee525822572', class: "gux-pagination-spacer" }), h("div", { key: '19bca0f2edef52b8747dd7abdba7506f96b21ca7', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7e1cfd4af5d5a0a2875be819e784f9f984538537', disabled: this.disabled, 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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '593e0d4dc00162d267c770e3d852e6f98cd09ec1', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'c7c325dd268a103724a239223269f3c5b3ea80a8', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'b5e9cfc95642b71717c554422179919793c3f93b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '00d9c68141aee90aa2e059a03e798fc319e8316e', class: "gux-arrow-caret" })), h("div", { key: '08256b1de728e35a44eb3bf754f5896fcc9e0974', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'ac6a177631f319bc3546c30ddcf128e5708972aa', name: "title" }), this.renderDismissButton()), h("div", { key: 'b4cb89cecfd37a147c42ffdeba785f73b9cfdac4', class: "gux-popover-content" }, h("slot", { key: 'd2de26578fc354c803a454ac52a2bdcfbc93d101' }))));
+            }, "data-placement": true }, h("div", { key: '6720d3333dc97df058a14f3842ebc2bf8a4c0628', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '555b6abf14a6855c7bb03d92e644a8ded7be07f6', class: "gux-arrow-caret" })), h("div", { key: '17eaeb24bfd93779025539ad759e0ae3c77a0bab', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '6a10577c268b0d158bf41d0ef86a429b77520fed', name: "title" }), this.renderDismissButton()), h("div", { key: '58947f12697322416d3675f0f15d2ec11ec1454c', class: "gux-popover-content" }, h("slot", { key: '7e630b5805bc05e89ca62d22e1e991afb6ae5c51' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '470e65690b64a810a594af7eaa66e1849bd0b56b', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'bdd5dc87dfaef8fe7191e5fd02db47ca281c28eb', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '161410435476b12186c574b09bac019f09833161', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '6900494608564ca5464c0b828121b965de76dea3', onClick: this.dismiss.bind(this) })), h("div", { key: 'd83b181f27b7ec17a9dc6595aeac4c8041ea617a', class: "gux-popover-content" }, h("slot", { key: '2a0d0d1edd221e121816bdd64e3f4af98fb3d97a' }))));
+            }, "data-placement": true }, h("div", { key: '6b1380f07ccef415303b83ec729bce4a7c9d7c9d', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'e8a3b4f902fd30794b58eb8b0533d9223c2403d7', onClick: this.dismiss.bind(this) })), h("div", { key: '137a1bd756dae3e9e7885d561eedee0d797e705a', class: "gux-popover-content" }, h("slot", { key: 'e817387c205b6fd4e9f53bd60363191fba2c80dd' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '0eea4403321a74c7068b49043ba237c2149f53e2', class: {
+        return (h("div", { key: '632ca21ef759758b62d1392fd26f9722fb233957', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '4f8ce47279fe5b6610434ae0fa9bcc45fa8923f9', name: "target" }), h("div", { key: '744b3daf92557877bfb29088e49ee5e4bbeda7bc', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '1dfaf505ca415aebd889a4d29eabf6e7284e45cb', name: "target" }), h("div", { key: '03f8a8ec176ab4514f598b2abfe217a670c5a264', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '587be95d77f6e799be6c763083d52657ecd0bf6a', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: 'ff4ca226734db75194e67f8840ee268afd2c64b9', 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: '45a21de33b10cdcb56358c304fecf87f033b07b3', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '86c19ab1ad15d1a6d540e88a8685ba3f09fcefb4', 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

@@ -101,7 +101,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '0063a230bae95418463861634d21e7861221adcc', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '6cd8e226f8ca9facaa03a2f6c52c3e9d657337a1', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '8b6d6bd8a86c5421c488ef205f29aa258711832f', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '7088e09189873d496e640e449f3f391f23cc2d29', 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: '27c0030e2453af204cb0377da358934cdc96f6ac', role: "listitem" }, h("slot", { key: '2586e83f7e87df1dec29fcb88bf0ae6cbafa2f25' })));
+        return (h(Host, { key: '588d6ff12221dc7af146e3605f1af158d93407e3', role: "listitem" }, h("slot", { key: '5b7aded9f7e3387e2de8f96898c1c2b8f4abee92' })));
     }
     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: 'c1e6d745d73f309e1d06ab5c5cc0a7c27c289f70', class: "gux-container" }, h("nav", { key: '9d3e9e46d23809c1041e56da315268d85d13947e', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'dcda32ba4904b05c4a2cc35cc9193f999a60526c', role: "list" }, h("slot", { key: 'fec5585b42d0b940b2fa89653fff54686d11c9d9' })))));
+        return (h("div", { key: 'f0ae202d3010dad734bfc57b9d03669dfc996b1f', class: "gux-container" }, h("nav", { key: '2eca551ad20fab75d7868bd3e94a8e59da7571eb', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'b9bce41cbdebcf34f46137284b4591396dff48e3', role: "list" }, h("slot", { key: '74c060a5258c728d74d9f084532c6ba69320f461' })))));
     }
     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: '788336919c945853b05e75e70975100ad0986a89', "label-position": "screenreader" }, h("input", { key: '3210e7311daca4a03bce2c0fe3c75dd507752629', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'd94843a11043ecbbf88e122c8480be02ca45344d', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'b704de7183526b50e5046e170b887e0f2baf0b29' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '7f0c7fd7e928c7349b199c8fc73da677f08e809d', "label-position": "screenreader" }, h("input", { key: '60d02617191365ff4f066e00c426bc6ae2576d62', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'ea35b2aeff6a05ba0013698419b509f23b6fdecc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'a09d19fd12f445833c746b2e06ba38851130373e' }, 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,9 +17,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '113cb75b6226a4647a8fdc23e0977fa369eb904d', "label-position": "screenreader" }, h("input", { key: '20dfc3bc04df9ea6be8c897b89a775e0f90e12f2', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '5c6f4b7010c4506e8cf436e2708988243f1ad787', "label-position": "screenreader" }, h("input", { key: 'ef6eb5c1f754f21aad8a97f81781aa2829b0b608', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '4535ed7f72ea3f899a0e589227fc48c5c51bc4e9', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'dff9e70b886b5d4d8dffc2e36b76d65f66a2e7af' }, this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '75e5844d7fe5434311103644ed6666a69142757a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '199472eca3600a79d083acbc9d90a6bd85bf6ba4' }, 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: '2ea9f436e1bef1beadbf635249cebd45a8b51607', class: "gux-container" }, h("button", { key: '1e901b7e59f0213f63238c2b9c3236d0de186598', class: {
+        return (h("div", { key: 'c9333873390ec3aa21fb80caac03c99c2a11dd87', class: "gux-container" }, h("button", { key: '3dc4600fb6ebcee8c01bea5442c9385637fa049b', class: {
                 'gux-sort-button': true,
                 'gux-active': this.active
-            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'e57cf1a7d19e3f5c3b539cc25c3dbabd282687ae', class: {
+            }, type: "button", onClick: () => this.onClick(), "aria-label": this.getSRText(this.sort) }, h("gux-icon", { key: 'eaf1fde0071778e720393a31a4c15a25d145f516', class: {
                 'gux-sort-icon': true,
                 'gux-left': this.isLeftAlignIcon
-            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '6e2af1e568cce8849012e891b0fd8ae5b5db8b4f', class: "gux-resize-spacer" })));
+            }, size: "small", "icon-name": this.getIconName(this.sort), decorative: true })), h("div", { key: '47863f64979d243af28eae5590a6f0a3512c57ca', 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: '656a010b563fadb0360bd64666ead6622a3f7645' }, h("slot", { key: '7027d271cd5cf7d280b19b24b6004e62fc700ca1' }), this.renderSelectDropdown()));
+        return (h(Host, { key: 'fdfc72d4d9b944ab758c0557fd87295d2cfda8c8' }, h("slot", { key: '1ea5ddf56fcf49ca58344674dd4abaa46a6165cc' }), this.renderSelectDropdown()));
     }
     static get is() { return "gux-table-select-menu"; }
     static get originalStyleUrls() {

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

@@ -272,7 +272,7 @@ export class GuxTable {
         };
     }
     render() {
-        return (h(Host, { key: '80e66e95a86dad11b419bd6056208fd21b9e1c0d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'b90ba538c0f0c7919b73f09d5c430857c3f37aca', class: "gux-table" }, h("div", { key: '899edaef8cf1fdc49bbcb0096cb9f0a68ea784ae', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: '22ba53ee8b3cdf45e54d87090f28576053d0880c', name: "data" })), this.isTableEmpty && (h("div", { key: '4ad1feffd3c13fa7c4258dcc7ed744bde8e2bbb0', class: "gux-empty-table" }, this.emptyMessage || this.i18n('emptyMessage'))))));
+        return (h(Host, { key: '966ad0eef84d1453a06a596cff3251ef727cd83d', "gs-table-id": this.tableId, "gs-obj-table": this.objectTable, "gs-compact": this.compact }, h("div", { key: 'd804fbc1a450738996cb470849bced5c2d75e7cc', class: "gux-table" }, h("div", { key: 'ed28adbabe0bd3a8f4b6dac0d5d6e9de2cd1da1e', tabindex: this.isVerticalScroll ? '0' : '-1', id: this.tableId, class: this.tableContainerClasses }, h("slot", { key: 'b495f8177f5d1d04bfd46a3a0233e4b4c4590e77', name: "data" })), this.isTableEmpty && (h("div", { key: 'de774633357942c7613594dd62ddf21e39674112', 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: '33be8d51dd2f0bbcebd0371a0e681ac2594e99df', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: 'd194547800d92d4eb2c1e6e86393edbddfd95ec9', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: 'c6f0f52671b112ffeceec2c32bf374d815d00e5a', slot: "icon", "icon-name": this.returnActionTypeIcon(this.action), decorative: true })));
+        return (h("gux-table-toolbar-custom-action", { key: '37b206ad1a6fe1edcd7d0db5d6a4aa0adc1f14e4', "icon-only": this.iconOnly, accent: this.accent, disabled: this.disabled }, h("span", { key: '1286cb7be87339d669508d5c481fd02ddadbc223', slot: "text" }, this.returnActionLocale(this.action)), h("gux-icon", { key: '893d0b19679fae6600b77557d50ac2b80c11011c', 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

@@ -32,7 +32,7 @@ export class GuxTableToolbarCustomAction {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-button-slot", { key: 'e95ed88fbc315651c53e06bc6f240c7c19975d3d', accent: this.accent }, h("button", { key: '3a247124c4d98cfc192b5c8b56a3a797e4c26814', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: '8bfb89962a79bfc3cdd1f7012ab0aaf6964d5c1a', name: "icon" }), h("span", { key: 'a1660a93fb37bc8b3e3da7ec7b6689aa9a2f262c', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '63cc4299432223d86c90f98aeae5286955be7be8', name: "text" }))), this.renderTooltip()));
+        return (h("gux-button-slot", { key: 'd7d73a8698c0cdc6f8fb46d74c8268ca47f93c11', accent: this.accent }, h("button", { key: '8c97479b5be32edfa2170999a4287f5b00bca7ee', disabled: this.disabled, type: "button", class: "gux-action-title" }, h("slot", { key: 'e031ac1cb99ef2c3833a0407a4674d698f0a87b0', name: "icon" }), h("span", { key: '4c77b906a5fdc32d89a011396491076efe760cd9', class: { 'gux-sr-only': this.hideText() } }, h("slot", { key: '13e4ada0bd58ed9a127c1f59ce6c6050881eee6b', 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

@@ -84,7 +84,7 @@ export class GuxTableToolbarMenuButton {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: '5316c34d9a9070f8af183fe50335839c988dac1f', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'a31bc506b237d790797aa5d1f69eea411f5899ae', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'a2f011228ff4104be59d3fc4a386cff6a1c38269', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '256a3210c995b2651bcbf0678948d07f53621596', accent: "secondary" }, h("button", { key: '5da937b5c5651a485fa3b79d1e5475f0c6157cc9', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: 'd9935451181c2b9fb5f1109f448616d3efd1e134', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '3482180504826166dc45a12f54b8ba2c63f296f1', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '5543c40d788935522d4348ee7c013acbcc358e49', ref: el => (this.listElement = el) }, h("slot", { key: '377b27beeb85cf9a77e9d29e67d2fae08c88e7c2' }))))));
+        return (h(Host, { key: '93205ef076687dc2cd69d0a036e7124a1d0ed648', class: { 'gux-show-menu': this.showMenu } }, h("gux-popup", { key: 'ea00e275da48a29491b8f6e73b7075ee4b687500', expanded: this.expanded, "exceed-target-width": true }, h("div", { key: 'd17fa129bf93cd0664bb89a3408a19db0f258bbb', slot: "target", class: "gux-toolbar-menu-container" }, h("gux-button-slot", { key: '36167f5645c670dfcd7712f751ab48bdb7eb49ab', accent: "secondary" }, h("button", { key: 'f5bc3ad979cbf1478e7e4e01f23ab08d704e2647', class: "gux-menu-button", type: "button", ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.expanded.toString() }, h("gux-icon", { key: '8343b06d1354cc227b4e680215b0c943ca393821', "icon-name": "fa/ellipsis-regular", size: "small", decorative: true }), this.renderTooltip()))), h("div", { key: '3fec7833c83e63dfc4436f13dcccc234e2b52c41', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '3fc3b729564c5bda282b27a3088b0897531f5b8a', ref: el => (this.listElement = el) }, h("slot", { key: '4ce39c19431b83b9dfbc75004b5b6823f2d6078f' }))))));
     }
     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

@@ -195,9 +195,9 @@ export class GuxTableToolbar {
         });
     }
     render() {
-        return (h(Host, { key: 'c242271e70f69fb8b585257d86b50dd1d7bf7e61', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '064798446c9bd5d777c46caddb7a1a8c64d3facc', class: "search-filter-container" }, h("slot", { key: '23cbc2ead3fc0ba47ce6d43cfd5b9ac20db0abd3', name: "search-and-filter" })), h("div", { key: '2e02f4769dc58c1091791931895b86dd276e534e', class: "section-spacing" }), h("div", { key: 'e6c3498b142c9e2175d1d815f94507a8ddfedb6e', class: "gux-contextual-permanent-primary" }, h("div", { key: 'bf491607c9f383850552cf31a281664b85dd00ca', class: {
+        return (h(Host, { key: 'a23b728c0a4d1958b0446ba7f9a77815f8b27be5', role: "toolbar", "aria-orientation": "horizontal", "gs-layout": this.displayedLayout }, h("div", { key: '0a99f7d012a62ee2e18fd157337da1f8b1f8d2c2', class: "search-filter-container" }, h("slot", { key: '4f6b1347af322d14ce5bce545c9acae19748ca9c', name: "search-and-filter" })), h("div", { key: '5dfeb6b458a6d728db1d5d63cd9eedb2f8f87039', class: "section-spacing" }), h("div", { key: '30ea1af6c04c6ff261e2053bff13d334194e7c7b', class: "gux-contextual-permanent-primary" }, h("div", { key: 'e75366075c68a6fb0d80a73f63468f0d3f102864', class: {
                 'gux-contextual-wrapper': this.hasContextDivider
-            } }, h("slot", { key: '81feb20d964e5f661d6ff22da329b1dbed21f6aa', name: "contextual-actions" })), h("div", { key: '2d3af69770be272f642de2100817d2a243336d41', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '96b40bc8fd2a216c02ad70f70418b32896c8ace5', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: 'e38e2f679c13ceca8988654860d905c55ed0584f', "show-menu": this.renderMenu() }, h("slot", { key: '3525fe6fc02edbfa63d818bf5a5dde4ef0f5d904', name: "menu-actions" })), h("slot", { key: '5e308e8a00656dfef1f1ac0586db577405b50d54', name: "primary-action" })))));
+            } }, h("slot", { key: '2899e19d0fc4010bf418fb51c3df119f1b67e6cc', name: "contextual-actions" })), h("div", { key: '90b6ee004b495eb7c395bc671890bf68d13f9b40', class: "gux-permanent-menu-primary-wrapper" }, h("slot", { key: '350b7b79f825af305d25850928dec7084c5958b7', name: "permanent-actions" }), h("gux-table-toolbar-menu-button", { key: '85fa7a386bafd06a2e5732bdb135bf6d96e8098a', "show-menu": this.renderMenu() }, h("slot", { key: 'ad8f1dd4cf1fbd3abafff817704588d6f115358d', name: "menu-actions" })), h("slot", { key: 'e4c55a983321e93be4066309f0a2f3c054063cd8', 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

@@ -43,11 +43,11 @@ export class GuxTab {
         return -1;
     }
     render() {
-        return (h("button", { key: '8b459e4b2520b137c8b99dd1c2cad619e808abe8', class: {
+        return (h("button", { key: 'ddcac5ed451a6d93fb6da5a22a74c9020138dbc0', class: {
                 'gux-disabled': this.guxDisabled,
                 'gux-tab': true,
                 'gux-active': this.active
-            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'debb89a76f49647cec68f9172237f61d07765052', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '4e1d76c0307fdc8430190330b6914184121366b7' }, h("slot", { key: 'ee01e0ecd72af03426159cd719fe7cbf70b55b7a' })))));
+            }, type: "button", disabled: this.guxDisabled, id: `gux-${this.tabId}-tab`, role: "tab", "aria-controls": `gux-${this.tabId}-panel`, "aria-selected": this.active.toString(), tabIndex: this.getTabIndex(), ref: el => (this.buttonElement = el) }, h("gux-tooltip-title", { key: 'dfbdfcb5ec13d758489480946816102e3eebb5e4', ref: el => (this.tooltipTitleElement = el) }, h("span", { key: '595aba8f17ad10e117f26ea742bd8346113f6183' }, h("slot", { key: 'af82f16d20b7fd25817f443eb2a76a9f35978d77' })))));
     }
     static get is() { return "gux-tab"; }
     static get originalStyleUrls() {

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

@@ -263,9 +263,9 @@ export class GuxTabList {
         });
     }
     render() {
-        return (h("div", { key: '13462fdc74b99320baa46513d2f362a8f9243944', class: "gux-tab-container" }, this.hasHorizontalScrollbar
+        return (h("div", { key: '04f4e2b8bfd8d8eea4ab69514d24c55579e494f7', class: "gux-tab-container" }, this.hasHorizontalScrollbar
             ? this.renderScrollButton('scrollLeft')
-            : this.renderScrollButton('scrollUp'), h("div", { key: '69b9ffc0961c601edb6ba44a88d9fcf7d9ff50b8', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: 'b74735a55130d0842b08d0d9decf310050b37cc0' })), this.hasHorizontalScrollbar
+            : this.renderScrollButton('scrollUp'), h("div", { key: '1501d26aa5f0d386f7adb98e8d97538a9c65e88c', role: "tablist", class: "gux-scrollable-section", "aria-owns": this.triggerIds }, h("slot", { key: '4942f4a16a9ccbde008b3656a2749f86bfb09ce6' })), 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: '8a344bc511b268f6eede0dc8a0ee5a9856c866c4', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '50ddae0695aace3fb818f2e665dfb8c9f34b61f3' })));
+        return (h(Host, { key: '319dc8b6fa2109b793541beec04ece15e2848f4f', id: `gux-${this.tabId}-panel`, role: "tabpanel", "aria-labelledby": `gux-${this.tabId}-tab`, tabIndex: 0, hidden: !this.active }, h("slot", { key: '4867ad3e07fa037d3bdf7bf495bccfd617c67ee9' })));
     }
     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: '32ec84ca58ea68afe88ff71125d643a19b4c2888' }, h("div", { key: '0eca5eb0531d3cb61e6507037d5878fc6f824300', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '57a029d8b850fb6b32a6e43f830ea002a8910d4f', name: "tab-list" }), h("div", { key: 'ff9b5490b1208e95781ea14f35faba51a389050f', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: '55018d9a16e2cb4ca413edea8ffadfe6e416b864', onSlotchange: this.onSlotchange.bind(this) })))));
+        return (h(Host, { key: 'c910a79f2fea6db48b594e50020d308e815a127b' }, h("div", { key: '400157ce77a53f751db885599be1844ab92a67b4', class: `gux-tabs gux-${this.alignment} gux-${this.orientation}` }, h("slot", { key: '8ca197681e4d9d04e5ce0cb27c978d56e0e28e4c', name: "tab-list" }), h("div", { key: '90c2cfc993d6d7bb400f3d7e8b76f4b4c75e7f72', class: `gux-${this.alignment} gux-${this.orientation} gux-panel-container` }, h("slot", { key: 'e0fbdf56f40d3ce46375b6774761ddd637032eac', 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: '9e4dbe56212cec846b5c5eef62628bd1a1ccc160', class: {
+            h("div", { key: 'b0d2f48135738347e422c5991f32020029f8fcf1', class: {
                     'gux-tab': true,
                     'gux-selected': this.active,
                     'gux-dropdown-options': this.hasDropdownOptions,
                     'gux-disabled': this.guxDisabled
-                } }, h("div", { key: '1cf47008a8acbe1b7865b46d933a9a8dbc2c677b', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: '4d3bc98aa1692fe77c2d212831a9a54083c32845', class: "gux-divider" }))
+                } }, h("div", { key: '4ba213f062d5ea8f481e1b132dd70f0d8bab6401', class: "gux-buttons" }, this.renderTabButton(), this.renderTabOptions()), h("div", { key: 'e95a94c7f2ad758a5e6e5f041388f0796a5b975f', 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: 'c96a5924669355bec35bf700c5b31ff18291374a', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: '092d3fb8f257590f3a12e98ab7706701e499d250', class: "gux-scrollable-section" }, h("div", { key: '17933942bacbdaaf5f1d9d92ed5e63c74cf547ad', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '7415bc7893ddfa51d12b14caceda54c27919b4e1' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
+            h("div", { key: 'ec987b2de3bd83cf1f269a07e4f4b7c656fdb448', class: "gux-tab-container" }, this.renderScrollButton('scrollLeft'), h("div", { key: 'ced1b65ea2e4f793fceef72cf1c452e1f6567c60', class: "gux-scrollable-section" }, h("div", { key: 'ad4ae263e3f630c0fb452484ca6b54b0647e0212', class: "gux-tablist", role: "tablist", "data-gux-tab-sorting": this.keyboardSort, "aria-owns": this.triggerIds }, h("slot", { key: '204f6d1c6643a4ab5cdf7b048ac34c5558c8ee3a' }))), this.renderScrollButton('scrollRight'), this.renderAddButton())
         ];
     }
     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: 'a3fd0052f5ddecd8073db6f0bd228a5cd15d558c', 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: '51886f782a78a912856fbff5085a597dae879fc6' })));
+        return (h("div", { key: '510ef2891e55723a733f7a74f81fb0f24677034c', 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: '62bab98e4b268ee6e223e4f3a125f6b69107c289' })));
     }
     static get is() { return "gux-tab-advanced-panel"; }
     static get originalStyleUrls() {