genesys-spark-components 4.137.2 → 4.138.0

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-range/gux-form-field-range.js

@@ -111,9 +111,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '3a9d86ae24f4417515b07a36a91b5868c21275f5', class: {
+        return (h(Host, { key: 'dbc20f30e3bdb90b5897e9beb17f386aa6be098a', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '6053fc7c06ca39eb8a2ac69258a8180db1ecd437', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd7debbf04d8a1213ed52f2254c30962c8d48e47d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '750d165668195613298789a2f63baadfd68dbe28', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4200fda2a2fd1d180fff1b80f49085d13b3690e4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '01a6ec7dfb8024587409e26174442bcd37a542c2', name: "label-info" })), h("div", { key: 'e50938cf1ba30669a1cc07bedaa8c757281b3d8a', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'f1460b2e803bfb65ad9f2cc03266e4b2e972966b', show: this.hasError }, h("slot", { key: '696a642fede834abc471078f156cc2fb1cf71bc0', name: "error" })), h(GuxFormFieldHelp, { key: '039e98a56edbf1bd012f9f85ef5d01194d2a7247', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd15a52ed513a2cfaceab033b1d852b7cad264fcb', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '0c4b66113ecc2655befeeb1f980b32a3175c63c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e17c1e83ea6f690fb1fd8a5d8b3fda962197377f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef15f9874779f3433884b4a2188cd73414d2f39e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2969055d3844e7abb13fc60174fbce0829520836', variant: this.indicatorMark, required: this.required }), h("slot", { key: '47b2762f35f3019b3ebb4ca2a782d39799e08257', name: "label-info" })), h("div", { key: '9ce16c2b4cb80a3d2d3898a58a81fdd67c2ca6d4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2a1cd04249e5930ea6fac78ef7ff8d95d0169afe', show: this.hasError }, h("slot", { key: 'f5f13beef1573176c6ae505af40fa7f25255501f', name: "error" })), h(GuxFormFieldHelp, { key: 'e8920cece2d26bce657a0675f0aa411373a83b53', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b59416266cd30e01d6b3b673a7e25b013f214bc3', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';
@@ -146,7 +146,7 @@ export class GuxFormField {
         return (h("div", { class: {
                 'gux-range-input-container': true,
                 'gux-disabled': this.disabled
-            }, ref: el => (this.containerElement = el) }, h("div", { class: "gux-range" }, h("div", { class: "gux-track" }, h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), h("slot", { name: "input" }), this.valueInTooltip && (h("gux-tooltip-base-beta", { ref: el => (this.tooltipElement = el), forElement: this.containerElement, offsetY: -10, placement: "top" }, h("span", { slot: "content" }, this.getDisplayValue())))), h("div", { class: {
+            }, ref: el => (this.containerElement = el) }, h("div", { class: "gux-range" }, h("div", { class: "gux-track" }, h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), h("slot", { name: "input" }), this.valueInTooltip && (h("gux-tooltip-base-beta", { ref: el => (this.tooltipElement = el), forElement: this.containerElement, offsetY: 10, placement: "top" }, h("span", { slot: "content" }, this.getDisplayValue())))), h("div", { class: {
                 'gux-display': true,
                 'gux-hidden': this.valueInTooltip
             } }, this.getDisplayValue())));

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-search/gux-form-field-search.js

@@ -96,13 +96,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '02a98cf6a190bfc15fc1ffaa904cb38866fd3e27', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8241849f1b97e66348652ae0d2326cd7652b8d5b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c0588bc76c446340ae233dea2e1f3bb672fa2a4a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fefbe1c3f4546a3c9e1c7af62accd36145559d8b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '922ac20008472591b167081503028a0aa04f94de', name: "label-info" })), h("div", { key: '2167d6ab07fda81062647a8f00c0c6803bbb65fe', class: "gux-input-and-error-container" }, h("div", { key: '59ab49e86987088af0a92cf8ada8314b3e5e73e3', class: {
+        return (h(GuxFormFieldContainer, { key: 'd21f47e4158e59f11cc18bfc62f2cd19d9940e24', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '22fe759769a4fa9c403863ab4a5ba7be08340309', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3f236d73ea44814cb72c5a8e5a52fb20bbe22773', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '896993f043090714466313b4539cb7ba237e78d7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '281fffdbad31a072ca3d6d108a088fa390af7aa7', name: "label-info" })), h("div", { key: 'f41c6d4ee5fceb465944e16c16faed671a2dc03e', class: "gux-input-and-error-container" }, h("div", { key: '693527c71e04622714b3e64acf728fdafa22276c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd265cadc2df16421dd6645f0d182c40955aac151', class: {
+            } }, h("div", { key: 'a5eb2409440cba119537ba4772318144f5d66688', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'c403c4b95eba3969a25d863f0627e07b529c573a', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '738ab2ebddd9b661dc8bd6f1da81cfeddf451544', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '2c32ab342ad0eb3c0b453f0d01fa1b7c10b4c060', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6c96a752bd156463252b265c7a4c0fffc0756a98', show: this.hasError }, h("slot", { key: '9c3160d36bb24e1f947249da719c679a55c36d12', name: "error" })), h(GuxFormFieldHelp, { key: '13cf3e1b888b5bb72b8397cd294a163a86c8955d', show: !this.hasError && this.hasHelp }, h("slot", { key: '5a8bc3fa86f01c10c43f8f8469ee5e3f44bb3fa8', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5ca4d4208a06bddf0e9c8e0fea0a65a18908260f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '882532bcc88a3e6ef3717830bbc8c6765d85e165', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '75d3ae2eb0ac068d0e9c7c49b912cd05656dcfad', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bfb2321a37d5e69873fc3535c4f9d19acd97f2b9', show: this.hasError }, h("slot", { key: '640f29901bb289db2e4fd96db23360936080be67', name: "error" })), h(GuxFormFieldHelp, { key: '59f102e5ffdf520f1fc78a6d28767dbdd6e2bafe', show: !this.hasError && this.hasHelp }, h("slot", { key: '2aa34602b6bdaaa24298e2921ef4b3319bacd853', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-select/gux-form-field-select.js

@@ -86,13 +86,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9fee0c2c1df9d82e975af0b4b260903e0a4ba42c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '348644ef543e26f545444f4b3882e0e0c9e9aeb3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7f84651d608c15ed6246a320463ec14615096838', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'be63b221bdd832314e9f8ac8b93754422fe954ab', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'db385708c266251a9952d5ed035898d54a8570d6', name: "label-info" })), h("div", { key: 'b0eafaeb8e89b42e440d14107866fe62455254a6', class: "gux-input-and-error-container" }, h("div", { key: '03ec6e69c5a9c20ddc8382b5b4c23111e565c392', class: {
+        return (h(GuxFormFieldContainer, { key: '8fab666ed9dd8dfb34c3c9169b0318cb85ae886c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '67c189b8e8ae3c38c5d7600e92aaa931b73fe3c7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5931134fe8b4b588213f17c3a073e300d6ad380d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '164f4bacb16425c76face2e8c8d030ab9be6c1e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '69f66ea9a268e95d7e7db80ab86d1fa9eea27374', name: "label-info" })), h("div", { key: 'f50f9c67182be19f1f9d73d3577b2f5c8edb0d70', class: "gux-input-and-error-container" }, h("div", { key: '38fb0fb812dca5f250a743edcf77c6f7a44006f7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '827b651af97a9f9356ae2f9c6bcd620bb71d7e70', class: {
+            } }, h("div", { key: 'ce68e4c39d3bf617c406387857777775f8efa7b6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a7a0b2205741fca7cdc38e834e96fbc69ba4f000', name: "input" }), h("gux-icon", { key: '906755cd1b09d590e257b7b88c53133d9d2cd397', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'f94253f45135b2cde468c483d56e7ffe4a265e48', show: this.hasError }, h("slot", { key: '8a4035e1769683372585215c52e3580e519aea4a', name: "error" })), h(GuxFormFieldHelp, { key: '7dce9f919d26c64f0c8089f740b9e44df88e76cb', show: !this.hasError && this.hasHelp }, h("slot", { key: '6e46f3fa8182a4d586f34f069523cfc671c27138', name: "help" })))));
+            } }, h("slot", { key: '90cbaae24a5863e6d6bb65ec3e34cb09a2895ec0', name: "input" }), h("gux-icon", { key: 'bcfb3024085f44651148d515befb45c3da39926e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'cec22eac2942c4f37bcf10a5ea148a69ea128a46', show: this.hasError }, h("slot", { key: 'b884778e478663e3e4cff9b07fc48dcd97ea05f1', name: "error" })), h(GuxFormFieldHelp, { key: 'd373a37aec09d91e33e837fde1425dc2a35a64b4', show: !this.hasError && this.hasHelp }, h("slot", { key: '7d9c3445f573e585989aeb5ed5ff7ff8fb341e0d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-text-like/gux-form-field-text-like.js

@@ -111,15 +111,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4744482b739f41cbec612c82118220a5143959af', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '02d26f310ff8cf3723a389b74d5e337a95967cf0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5574364c6e1990e65fc83b789784914e5ca8b1bc', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '94cc5ba0bc2dacad9cd1beff735dc0523cd28a62', variant: this.indicatorMark, required: this.required }), h("slot", { key: '16af93a6da63e97bb45a96f06cfa18ab6a11e3a3', name: "label-info" })), h("div", { key: 'e0b90ae187bac1dac4d1a22e5c2a2acacb6e35e9', class: "gux-input-and-error-container" }, h("div", { key: '19d512614d5096538485c924719a0d65a1fc7882', class: {
+        return (h(GuxFormFieldContainer, { key: '4ab0a0ea07d5ee1c19bedc3a48a2a7abe9f7a2f1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '092a82faf8cba33aa7392e5d7ab8f9037e26de2f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'bbd30043f830372a7f8fd8525e2fc51c768ebb81', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd108992a46a66d1c535736d35d3fbefad4a77cab', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b64ce3311f7865920c71222212bdae6d1b6b16c5', name: "label-info" })), h("div", { key: 'cd91bb3cffcb6192ad2cb5b897ed3130f3686756', class: "gux-input-and-error-container" }, h("div", { key: 'e899dcff4c74e6ecee0ec3011c74ca1de689d44a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '24e97fdeb8d8a7dbf46d54ac8d3e70b77728bcb0', class: {
+            } }, h("div", { key: '60719e4f6d009d76717eadfb9f9a57467855c764', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '4597cee527f45e9526d4efebe89c11c5c81b4f9d', name: "prefix" }), h("slot", { key: '67193a8fcf47f34f5ce41e9fef73a8bc5c774943', name: "input" }), this.renderRadialLoading(), h("slot", { key: '7a90a31843daf532ba82cdabc1cc19792b2d0de1', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'c593f41a5e14a34333b2490744c4e223b832830a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5fde949fc8cf18fcdf24b04908a521e307f5f3e1', show: this.hasError }, h("slot", { key: '28c5d332257c7e83f1f84172889bc914a29c624a', name: "error" })), h(GuxFormFieldHelp, { key: '9563bc64926cd89dc3f8dd8faf76a2a7a4848f78', show: !this.hasError && this.hasHelp }, h("slot", { key: '0bffa6de4fc080948362c2bdc7fcf6ba5f78e300', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '74b0a4fe80f6fb9ee2b3c1a71cf61d40c4f7538d', name: "prefix" }), h("slot", { key: 'f8bd6992c15792bd1b88a01c666466934d55490d', name: "input" }), this.renderRadialLoading(), h("slot", { key: '3255079a4803839be03940a887f2b815a4b65359', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'cd61352f8708fc0ead57f495a2a4ce200935690c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '52912c34186d0daea296274c940764bac5ce2e1f', show: this.hasError }, h("slot", { key: '7aaaf9122005a00c6f2c7fe2bd09f06b3619788f', name: "error" })), h(GuxFormFieldHelp, { key: 'd02de684b7a70bcc6f03e55e6812aff03337d638', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b39867a7bbfa3d1ac3f795d1174eae3416b98b6a', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-textarea/gux-form-field-textarea.js

@@ -90,12 +90,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'e945ff765e6292b6a5ff48e50077835116bb3d7b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7d976ab0fca4a13bfb2011ce4b161ed7ee1f854b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8b7d68803b88b65d026327b7bf4ab0d67a1e6116', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ff7366d0c1cbca82756811fa29f948948d9fb0fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e40c47f21e9cce3d0b0866af7607ccf7e53d8153', name: "label-info" })), h("div", { key: '15391d96a65b4a0d212bba50494555824be26829', class: "gux-input-and-error-container" }, h("div", { key: 'd687d7ec0dfd3ce3820a5da0874934beff28c906', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'afc5b34188bc2429792a2a5be621d83392bef36c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'afd0785662dc28c6ec564375fc0e1512eef63dc6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9d3318b6a0242b629b83507272ffaab534cf0399', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3ce5a92d46d87135f2537cfa7e001549f0b46ce', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a9618dfdc3207b545d298c221921bf0e2405062', name: "label-info" })), h("div", { key: 'b512a08cda182fececa423e9f21908fa8d18d926', class: "gux-input-and-error-container" }, h("div", { key: 'c99fbcfe4f496b6666b00674363dfd7baf8a4b9e', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '411f72448cab25d4fa9b95b88c4ff4fd6abed90d', name: "input" })), h(GuxFormFieldError, { key: 'fbb5f164f6046729557dadcd4c1e6dcc798f0174', show: this.hasError }, h("slot", { key: '1bc58e0c9f0411eb75e05bec791ed230c0d2748d', name: "error" })), h(GuxFormFieldHelp, { key: 'cab6a7f3a7ab64d0d8bf658a3ea0d465a5eefe88', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ecf3572038534c6ee6da2a25aa763a742e97177d', name: "help" })))));
+            } }, h("slot", { key: '8933387ec8eb1e3363d132a9ef907341d4bc8303', name: "input" })), h(GuxFormFieldError, { key: '3250b2b484404f687e230c1d520a12fabe75e01f', show: this.hasError }, h("slot", { key: 'f31f7ecd263620e91e566e53603dccfd9c8f5cb9', name: "error" })), h(GuxFormFieldHelp, { key: '29439c754fe6e38252d79582379f4ded06a448e0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ef20a8407ceb4578d99fbffc27e8af59945aa206', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -95,14 +95,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'e355eae74c722779bb4d306c630af5d33ffce918', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2a5778a995d66b591cb05c7705b0766d941cd332' }, (_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: '91ed6dc50e3e5556e8778acb8b5c0ad894feafe5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4d1b1f10424b97c41eac6c5aa480eef883903d44', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3cb1efdee7952e4be0032988890140dcb6f3682f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5ae231d8faf4064471f1e59a2f91a23b1c760c27', name: "label-info" })), h("div", { key: '2b8e20b8fab21a7c281588e182600bab9d6f42d8', class: "gux-input-and-error-container" }, h("div", { key: 'ae1d9db53370cbdd2f357a74125d50d90694124e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '13c2a043c02f79af31dbe4a569bb6341f8ea0f1e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1576011c159ed182727d1af4271a034ec26813d1' }, (_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: '816fedfd9703d2426ef2c47356d635315eb6345b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'db3c6e39bf6f8ccc41ebd91aeade416782373fec', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '644014361d8550a003ce48829964b36257fed6e3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '556b7cc46c4568f2cfff281ee7e6c4ffdc29d324', name: "label-info" })), h("div", { key: 'f39a40253b5bc5323a087d590ec5ed0b4bcd6f48', class: "gux-input-and-error-container" }, h("div", { key: '2ea17a8cdbbeea6a2a179512deac54274914f3d4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '0e906c427f164dc467d867ac93620f194bf94d33', class: {
+            } }, h("div", { key: 'ed38d1df478cc7e0151c3a6310522e52fa96fa8a', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9ec01a76d2888e28a2b7c969f8d19e3f52ee8f7a' }))), h(GuxFormFieldError, { key: 'b6bae50dbcf0174e8a42d2b4f2d0a68ec4d5ce40', show: this.hasError }, h("slot", { key: '6d725d10d14f3404d84db47e049c969c44bb1bc8', name: "error" })), h(GuxFormFieldHelp, { key: '81922692b892db1db761e7fa6ca213039848c718', show: !this.hasError && this.hasHelp }, h("slot", { key: '378fdc4e1c2ec11595d6c834533152664628f092', name: "help" })))));
+            } }, h("slot", { key: 'f363d6a9ab0a05ba26f6dbe1a8f339368c5190a3' }))), h(GuxFormFieldError, { key: 'a86e6e626ede9244290470900c190c2dd01b0d5b', show: this.hasError }, h("slot", { key: 'd9ac7f78937bd27213ab8430dddd94707fb362a8', name: "error" })), h(GuxFormFieldHelp, { key: 'eb27a7ba6d697394217ca769760418a5c48fa156', show: !this.hasError && this.hasHelp }, h("slot", { key: '72684c8de51b461d0d384e72cb55b8829451a2ee', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -96,13 +96,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3e811a2cdd5e34dcc2e3306e058eba1689eaf056', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a38c582a83bd726d50038173cf7642944a17df68' }, (_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: 'e5b8c2d46f4b9c83b1ee94664b3f6d07178d54ad', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2ca8648aee07fc9934715035e7d9288e7b4affcf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9ca831589bd033552dee501e6d1d668468819f5c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '156ee74a3fc39d61aae404edea915b755d182dcb', name: "label-info" })), h("slot", { key: '1924fed3acd96b10a8cc7ef914d720c3445930bf', name: "label-info" }), h("div", { key: '7a410b7478a6eca695b37bf9b58f7f0a16eb6a4e', class: "gux-input-and-error-container" }, h("div", { key: '055940b143ca83bc20af0c1d53860af6d1636511', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '63fe764bd0305f73e98138f208194ea346dafa82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8f7cc3150eef654346cc49aa43f40d54e6e20c9d' }, (_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: '731d7e3a8f00df3dc894cd24988841419f6f09dc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c612bc191a188822b5a212a7a5132e64ed70be21', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1724057c6cf45d88e2a414479ddc66cfb5fe48ea', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5ead73514f396411ff0fc79499a89c874e2118cd', name: "label-info" })), h("slot", { key: 'e0887f800850c98f5e5b7ac80fd7d00ec7bdf289', name: "label-info" }), h("div", { key: '30068c15a89e9aa42a8610d0540e60c05a9681d0', class: "gux-input-and-error-container" }, h("div", { key: 'd3ac67e6fb2a0d79e0e33a177971b32ca4557d54', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4a26ac37a68d6e67dc268b63b4c3abce9f98ca64' })), h(GuxFormFieldError, { key: '143b6cc41309a83f67ebf3a1a044e9e2527f5e0b', show: this.hasError }, h("slot", { key: 'de04f06f70b453574933703000736e54f5e6228d', name: "error" })), h(GuxFormFieldHelp, { key: '0f6fe4893fd2be4b81952e02fa6c2628be8ea4f1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dfc44def69c83b88556c4f2acb7423ff4cbd077b', name: "help" })))));
+            } }, h("slot", { key: '0d855e2f1564c2e3b8736bbca24d24ac6a55d5d1' })), h(GuxFormFieldError, { key: 'f45773a01706d6ff6ece24fe897d092ac850edcb', show: this.hasError }, h("slot", { key: '80583c4fb2866590600059f8a913fa26bf630204', name: "error" })), h(GuxFormFieldHelp, { key: '3be673b6b92e7b12b07b67f0ba8cd7468b873fa1', show: !this.hasError && this.hasHelp }, h("slot", { key: '41c81c39d84bf560eb818c856d94a5a5a57d695c', 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: '706c5fac971a89a102c6613cc58838dc8914b409', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '0b77be43d208fd07996119c3baa663d99c75ef00', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '77f84eb9a74cd779b81ab929a801b444779f0eab', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '832e3b4435a02295473dd443b37757b818098d05', "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

@@ -68,7 +68,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '8edab6613c9291c5538cafe8c72e6a8932389095', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '4cee2f5e075acfa120f017ad2fc1f6fefd901949', 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: '6e7087b74891db4b6bda1ad80ca6a3209368762e', class: {
+        return (h("div", { key: '1415fdf4b452c8a7265a9ba3f87cb8b4268dbb5d', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'a0bfa20c65d4c103cd552e73da4ee530ef91e934', class: "gux-message-wrapper" }, h("gux-icon", { key: 'f531d6de9c1d71b6718d9fe1e366cef3b5fd07cb', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'e491f1e3ab01daccc972440f131e62bf56810601' }, this.i18n(this.accent)), h("div", { key: 'b32d97966b653cfe1ede8d02c9a02239169eebf9', class: "gux-content" }, h("slot", { key: '66f6a0c75dd9ae1a10fb04d91d17c1da9dcac71b', name: "content" }, h("slot", { key: '653786c5385f994c7db3ff812cfcde49f9a0fcee' }))))));
+            } }, h("div", { key: '8babcd543b6ffb15f223f364a89a95809526bebc', class: "gux-message-wrapper" }, h("gux-icon", { key: 'a3894fef628e1eebc22f3acb2a5037aaf4656590', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c6dcc56496a3c4ed8b105cbeab080f163c2e8e43' }, this.i18n(this.accent)), h("div", { key: '1db5fd900c4cf4dde8826b3254f8da1831316c12', class: "gux-content" }, h("slot", { key: '58726e3bce9ae06959d67478249b7cdbab9d890f', name: "content" }, h("slot", { key: '44766ba8e0dab916d5f3666ae47e9befcb62dc66' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: 'da0dad0a1e78fa76ba5b621aa6397adc23d24e82', role: "presentation" }));
+        return (h(Host, { key: '47874f242f9441edc3ad4139542262c0cd6e0189', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: 'f74aa739418fdc2970a81767f450edd6a64b5142', role: "listitem" }, h("button", { key: '2dff3b905c7bd23438d76d367f5a85386719b236', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '5b81509c42ef11a71a95922fa3d89069a9952ada' }))));
+        return (h(Host, { key: '949536d7408688b614f659cde8b693c2af33d45f', role: "listitem" }, h("button", { key: '4e655c8b3b92057374e3079f82a68a9dc9913c85', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'dd531246e67933896f548efc540fb7797f8f4b26' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '0334ddac16810c77e82d2465ee7af76352f2d62c', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'ae4d5b87ccaa780f8bc1e337a511563e83cbef31' })));
+        return (h(Host, { key: 'f73fd506d1d72ab5c5be99951f0a4ce7e1f0dcf9', role: "list" }, this.renderFocusTarget(), h("slot", { key: '084e73fa62a75bc3e0ae8bb738cc5178d94461f5' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'b9a36c48cc61843e4173c5e4ab99ab4b661bc66a', class: { 'gux-filtered': this.filtered } }, h("div", { key: '93bbd3fb4d25815dc9950a54cb593a01bb8186b6', class: "gux-option-group" }, h("div", { key: '38e0d4dd1637d8ce614ae23ffae0a9c88cbd8b0f', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'b932c129245210065be9e69916254cdae9da739d', role: "group" }, h("slot", { key: 'a8931119c378de768ffbe20e847b240f1b419e05' })), this.renderDivider())));
+        return (h(Host, { key: '747fb28263d3d054fbb6b880c044e93d6336e690', class: { 'gux-filtered': this.filtered } }, h("div", { key: '745c60fecde53593ed07ea3642b01110fd1ab40d', class: "gux-option-group" }, h("div", { key: '2fa7a88de2cb2d23f857707fac9544a2c9f1c4ac', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '73f8be85b27a71255d9b0a615fb0aa80af5882d7', role: "group" }, h("slot", { key: 'f102ec73ac02c14f8910e904f985dd5828297b69' })), 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/gux-option.js

@@ -41,13 +41,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'c401d73bd254a5684e0019fb0e9dc355ca222296', role: "option", class: {
+        return (h(Host, { key: '6f78c9d83bf543c9180880ace85a4997657b7e69', 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.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '4b8de042eb6e7f85c7eadb6e87cf322a6042640a', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd56b70be9a1bf284bb09ee828e9e5e0d90f9ca16', ref: el => (this.truncateElement = el) }, h("slot", { key: 'efb31d3b8e11a90ca595834d080a7470fb1af8ec' })), h("slot", { key: 'f80cf7db687bd2d62388b8a552b1bcaa967cf983', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '193241208837166f4e4c7c622b63987d71c0f7e8', class: "gux-option-wrapper" }, h("gux-truncate", { key: '32bfb64079ac38bc10ed96f988619c9169e7f75e', ref: el => (this.truncateElement = el) }, h("slot", { key: '8519af1e2a3db69836d148da048e8651ec45a595' })), h("slot", { key: '55f55c7614238746ebea89b8ddc7ff87f8059877', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -61,14 +61,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: 'e4d3a48d6ebcf92d716c34aa492456e2b8bf0c13', role: "option", class: {
+        return (h(Host, { key: '6d6dbc917e7de11fa224f2af2c599b0cedc62d3c', 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: '869752a4f9c4f16d9f1a5ee5ac454308c4e27008', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'fc13f37ebc3fc794f16beac9063b4677f423aed3', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a7e30ccbd61d0264ea3c5d4a2105d5135fb2b02e' })), h("slot", { key: '7706d972aea5f5c0668ec292c76825900d22728e', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '414651d27890b11df246a66b5643b83e2b4cfffd', class: "gux-option-wrapper" }, h("gux-truncate", { key: '310b1eced06895d3679f022de4615cc1d6345b81', ref: el => (this.truncateElement = el) }, h("slot", { key: 'bf902548d96fea4f8f07609de12e86de50a67f94' })), h("slot", { key: '23ad8e88113870a3e707f2c6dfbf821a994c3d11', 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

@@ -30,11 +30,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '315112b21aa45381661959cdc0cac9b6fdc3f4b4', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '9db1140d65fd28e74261308671451e71e32cc00d', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'cc63783640bbe10eb8781b6861bc0ace8671a421', class: "gux-option" }, h("gux-icon", { key: 'a51cd92d8590c0e752f2849d998538a20478acf6', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '89aa498fe094ab40700131b30da8e31e3b8bf6a7', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '219fd2ac6d3ca86646f58e669dfc49c626ef6d5a', class: "gux-option" }, h("gux-icon", { key: 'ede2a90067a61a6bec51f9897a81b4cd821e5a96', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'eb457b3ec2d80ece75b42f7176b0abbe87ca2912', 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

@@ -58,13 +58,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: 'ab6e95559499a5961eb16f69aca7f84342b9928b', role: "option", class: {
+        return (h(Host, { key: '30c9dd90df8fb1bee4fa88b4e06c8a55f48acf6d', 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: '49a5399c592f471acbc1c2ee860bf73b23c964bf', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'b1f3f1cc6ee9a6daca22ab2fdd319d299cd60da8', ref: el => (this.truncateElement = el) }, h("slot", { key: '59bc846d4cae93f199e5beb26becde3951d82e05' })), h("slot", { key: '6d7957a184466f9e436d2058a3a590d8a498b830', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '134c09ce054f544cd6c18b75247e683e1f707705', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd9156d87787f1c6eee96dd44461eff300700f513', ref: el => (this.truncateElement = el) }, h("slot", { key: '19ec692e09cf8f92ecfc3d34fc3d3a8639038f7c' })), h("slot", { key: '700b3f58200b16ad18547a2000bf634eca88581d', 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: 'b1c964b14b07b32ef327c81c45ec848c206abc19', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'd1e3312872130157210afd4e89d7b3a675e2bc7e', class: "gux-progress" }, h("slot", { key: '3b8969cfd73cc1b947d1b574d0bdb611daaaa2c3', name: "progress" })), h("div", { key: 'bc7a19f324d0fec6558dbaa0fb2ddeb5aae653cb', class: "gux-primary-message" }, h("slot", { key: '3801316e80caf8098f41de74428ac728a4eb0f21', name: "primary-message" })), h("div", { key: 'e8e3ebf04cc0293c650222e91afdd8845393a90b', class: "gux-additional-guidance" }, h("slot", { key: 'c3ced571034af338f8318164befec68c4f180a7f', name: "additional-guidance" }))));
+        return (h("div", { key: '70356553906bdd63057fa0e9c5ad6e715b470f81', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '281eb24bc1f0853d940a0847728bccd75dca5866', class: "gux-progress" }, h("slot", { key: 'a7be4b136d00b4a8c5b2ec81e298d1e95fd4d241', name: "progress" })), h("div", { key: '2b48c115e728d70408a3dbff44d5146270f923df', class: "gux-primary-message" }, h("slot", { key: '14ba47c353fe1dd986eb21641214d8454aaead96', name: "primary-message" })), h("div", { key: '3fb5684b3856f933cac3c1839f5b05e361308f16', class: "gux-additional-guidance" }, h("slot", { key: '62c4adfbe16f3aad8d7139a75ba8b68788ecbc0f', 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

@@ -76,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '170ec0d306c68141c010d994879d8722588a6ace', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '1f62ead4c6f0f123fb757e25ba079bc075710633', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f08e04f2d661fc9f39e5a70c03448688cb539e83', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '2c86a902382c4b8bf6062827c215e1973b3bf038', class: "gux-modal-content" }, h("p", { key: '9b3ca15c50846557b8506e7e0feefcc1fe8487b7' }, h("slot", { key: 'e76ccd29ba430e4906a8689169240e348e5feeba', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'bab5ac656e94ff0937fd128c414ed9f1cae8b46c', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b6080248a5a89f5c9e8cb5110358b65d6ef043d0', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'd28c34313e211024a1ad97a4b3be79bcedf52437', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '8ef94027f690c637df01edcc97639cb28b12f013', class: "gux-modal-content" }, h("p", { key: 'c3055a822887fa16f11fa3d38747b116dd26ea90' }, h("slot", { key: '951d14406c48af76ba8bc0efd277eabc7a0744b7', 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

@@ -5,7 +5,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '6b89501d3d4f9eb49435af16918725c6e6fd559a', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '309e160531c6d7333185bdf8197b0ad15098c56a', 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

@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '3c4e91286faae42137f14f5d3369dea259d8a516', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'abbd75ee18225dd1bc84c2542949975b6d067ff5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f2fa68aa84e239067016c926259f2746c2b7bef4', accent: "ghost", "icon-only": true }, h("button", { key: '7a1d90af23e445547ee458762908481720829ffa', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'f8db85916e8ddf99664e7e0a5f9ea69b972aec7a', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'c6a82b49563f9222d301092f8b8231a5daa8d61b', accent: "ghost", "icon-only": true }, h("button", { key: '94349878da29207d608c2a6b92537079f59fd282', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '78abd804c8c1f86b960af3fbe25b4e812f1182f8', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '850ffd72584e876957f4873267c60c07c8824263', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4a3b5c7f81870b0013d3efbc9259bbde44aa9dbf', accent: "ghost", "icon-only": true }, h("button", { key: 'bd278409032565ccd3675bbbc7f148eddcb244ed', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c7b74bc0eb25695a94627de67345d000d5398e02', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '4b84741b1183a9d0ec0cd129b7980bc3939726b6', accent: "ghost", "icon-only": true }, h("button", { key: 'c9da8b68d94e61b13c321ef888670de1ae6d755e', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '33cbe0e64f9a9711d08177fa3b22a612da7d7e36', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '2adf432e5c8561b88b47d64651419539faeaacdb', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'fe8298d4f799e7492132fd918ad8a14c31c39e9c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '607b0df667dc90c5e1aea01917a84d802e88b1e7', accent: "ghost", "icon-only": true }, h("button", { key: 'd72f33998b80efd44b59810674ec8baf8c8b48c3', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '47a7aea9eea057e7799c8d361ae3d664da4018c1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'ff72d4e40c0614d548229f789db35c079d77679e', accent: "ghost", "icon-only": true }, h("button", { key: '76ee67311429e3343530922bad3ec2d98c9260c9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'beb59b0a8e1812c18c9e8400912431bb1a9f746e', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2b6ec10a6a777fac2a1ad1b2742d56b7c83f5425', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '3515d6107c5a65b6a044ca5aa12adc06223086db', accent: "ghost", "icon-only": true }, h("button", { key: '3579ead5a7abab3ef4575c7aec7d49d088b6bb12', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a71bda9da92ddb4047b899156c278fdf3431187f', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '71eb9a560a4fab1182cb78131508a2841bb73a2d', accent: "ghost", "icon-only": true }, h("button", { key: '185d069f2424e873b521593bd4c5befbf2d5b05f', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f4b756e0c76c7071dc98f62493c0807143853280', 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

@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '7fc3446b96d0cb4daa84bfdf8f3d8e87f5065331', 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: '430f28a10cfb108352d3316736816b1d1110d5bd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '4a73cfdbbe765c4305bc8848936b9d7383529696', for: "popover-target" }, h("div", { key: '41b55b2d0efa8d819a863244fded37aaaa100c80', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '3fb440daed295dec09e9d25df94d8f03e455f2da', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'ac6dbb786e03bac5e315754fdcf0481657a58c76', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '5eee11def3d726ffe56e3b8435ecb41a6ffbc2fc' }, h("input", { key: '512552af3be9d9100aab94adb2241fb777d42275', 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: 'c11a8708e8096a73d3f9142ca1878eef8891642a', slot: "label" })))
+            h("gux-button", { key: '36985a051239ecb27a5a7f8ebdd58d266311e6ae', 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: '015dd7d23b3e45d8d526d568cf2dcfdcf0b4f285', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '31fb8d209a0a7d1359739984aeb6ec7c3ad8e48d', for: "popover-target" }, h("div", { key: '8cd090daee18ef9b221e2a31b6df147af174a996', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '71aa010b988fdfa78aecf6698d3fab22f1100fa5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3d5e610300b17f93546365df3cba7daa0fff07fb', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'babc6464e1d60a1ba11d924c1c23d3e678a41828' }, h("input", { key: '8785c8665e2572e9530b49ef4d5f58ba5bdd4691', 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: '4fc1d7c66dd62cb88711eb657944f595f6e22011', 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: 'ac4c19e723a913b2ef88df16bfa7287a58947466', class: "gux-pagination-item-counts-container" }, h("span", { key: 'dce35e702bef97fc062ddd61d51d662e7a449416', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '325a05d29604b38315f1a95318a691daad41d412', class: "gux-pagination-item-counts-container" }, h("span", { key: '4c6e277325a88e839ece1ef0ce21f638c7810dbb', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '4b133db4e2488f30c172e4f1fc33c9c7b2059e90', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '7c670909cd37292ef639c1fa993c8782c0ffc8d9', 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: '5cc8eddfa765d859c48ed3f1fc0861ebede27b7c', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8defb963f3dcf481894252662b9034f021917cb9', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '22b32140052cd93cd891777541e9310c503e7a21', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '56e33dac3f981827817fb7269ca2800806ec7f28', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'f2314d4e85a4075d034443ab4f90e17dd36b628c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c4e0d414394824783edd508c800797fe073ea294', 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

@@ -94,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '00754b0004b4cdc5053993aa9b5372258035f7fe', class: "gux-pagination-container" }, h("div", { key: 'ea5b685251893a1395cae2bdb1dfce9c41f540b1', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '6803462eb043535847bff1ea59d65da1cec3f440', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '5b4df10d4268fd6be35a70588b641c5d9743d37c', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'c39302007fc63615c75fc4d6066e6abe6779572a', class: "gux-pagination-spacer" }), h("div", { key: '48965b10b32f5668cbabc8d2295adef8d0fc47cc', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'ffd4c60d87b230f6246f0e25596f075007c6a415', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '9847ec11f3d6ce2701b45e37609a04a0cd817a1b', class: "gux-pagination-container" }, h("div", { key: 'dd201c74a25ec351b7c2135df3a78c1afa188a04', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '8fa2f803d855138268436e80406b387b7b6d46b1', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '7a9a67683d8f886b0bb4f746a859c9b453bfe9f7', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9cb7c65b1dfb7fbb7e0c982c4ab85b2ca29de9bd', class: "gux-pagination-spacer" }), h("div", { key: '7611f183470ff573eea93ccb51d43f4f135e791b', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'e322b2e19a780b3bf769591bfd3913a758b022f3', 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

@@ -162,10 +162,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '53f3acc8d7489d118a7d03f747ee1dbcf7937b8b', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'f78208956cac48f1ed92dec054af7c56f1483e27', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '022f37a2cdea6e575a178cbdcf91910507b5f4d0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'c60609a275d4927afb11eccc4ff9c9f2a26986e7', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '84374ea8377d12bb0139d2b9fddf013e8ef465bb', onClick: this.dismiss.bind(this) })), h("div", { key: '3bfb386197f34c802091acd69dd83513e63b0799', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '1ec2c4c8cb463f4cae48ae3dc3d1014a9eec2c9e', name: "title" })), h("div", { key: '2b3e986813eb4b3a261860a91d5bdf0db59a06c7', class: "gux-popover-content" }, h("slot", { key: '2d9580d3edd82da06e3e94bcd88be987bfea3fb1' }))));
+            }, "data-placement": true }, h("div", { key: 'd42c6192636029eed643bfaafecc0b2f80394fd3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9fc1f6bd146a4a2b6fa70fa8cab72972e24e2815', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '6da0834cb23232b1cea9834d1f4ada26eb9a6ff8', onClick: this.dismiss.bind(this) })), h("div", { key: '609540dfa3c0af738a57cf91c92d81392b5bcad8', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '2330c98eeea367966133574f062a36953f9b2487', name: "title" })), h("div", { key: '100c1123b7250fc755f58fdb0decdee00dfa3fd8', class: "gux-popover-content" }, h("slot", { key: 'e5d4780993a82f6d5cdb7362f7b9c29dcc8cea24' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -134,10 +134,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '6a61d090bfa4adbf8ca7f9dd856ab86df24fe807', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'c94e3a9d29972dd7de07153cf21370bf7009adb0', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'aae54918f650266218cff4c314bbae74dd614461', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'd5eb00f0eb6ff6f5731f5ad747ef2fb126c4d683', onClick: this.dismiss.bind(this) })), h("div", { key: 'b5d0176d9ce6506dd72bd4b20ae69ee048efae9b', class: "gux-popover-content" }, h("slot", { key: '17275078fa3a6159a9b72d205d09fb8e64fae45b' }))));
+            }, "data-placement": true }, h("div", { key: 'f0d18e1a7f180e7776eafeba0ebc7c8acf038385', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'df6952abca5ca57368311073e26d65f186304c09', onClick: this.dismiss.bind(this) })), h("div", { key: 'd530b83e81b9e62529ba2125f1d824a658f08778', class: "gux-popover-content" }, h("slot", { key: 'f8c9ced9b756e1d7c879a581792e33dc2f9e941f' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -112,13 +112,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '23bf138472548ee0f393ecfebfae80208c2bb3d2', class: {
+        return (h("div", { key: '8b457686247f595bc6fda8a16fa6878e1baf6d44', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '15b35965bfadfc14feb91f132b0cbd25f7044cd4', name: "target" }), h("div", { key: '7db29952f2eb3aba7dce910c55ba4c74138b6897', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: '415230f7029ab2ba2bc12ccc4fdca6bb6683fac1', name: "target" }), h("div", { key: 'a9c084eed9bb2664f8e75ec4383e3437c2316ef7', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '93194c7680c75994437f6faf1dcbaf89514922f0', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '84b4949477da973f148a47214fa0a64f0ca0c01a', 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

@@ -20,7 +20,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '76358d488c7ed7880b277c0f7b99946336974997', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: '6fd3f8e5101d5accb9be4e26e13118764a49831c', 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: 'c751756c654b8d48a9db39b314cba63fda96e1fe', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '13c83f2258c3bfab8722c03e306d719c6f37c647', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: 'ff9593ff50916c8eb9bd5a749712d2c232b66ac1', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'e73bb89716b389959d264e7344d55aa543cb9018', 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: '366f02d7e29df26890508a1b68349f6e246f63af', role: "listitem" }, h("slot", { key: '50857b737e105fa61bcd5ccabb95dfbda5bd1cba' })));
+        return (h(Host, { key: '1d89b7cbb56d339349d504ce9418dd9759e6f71f', role: "listitem" }, h("slot", { key: 'a0d78e553766eb92a7c82f37820af3469a050641' })));
     }
     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: '94ee7be5e4f0f14429b9c4a91fa70de7f3554320', class: "gux-container" }, h("nav", { key: '1d850e0a73af26d8403f7f09a0d5714010a8a47a', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'f11fc400bfe88192fcec14e02343203af8ec923e', role: "list" }, h("slot", { key: '8f8ede83e0be51dded8858fbe3d8afe07c12ca5c' })))));
+        return (h("div", { key: '55a8eae57770166538c9082f48e26dbf945436a8', class: "gux-container" }, h("nav", { key: '4d1b4d13c1ac6509071232e6663e4cae510f1612', "aria-label": this.i18n('navigationName') }, h("ul", { key: '3f8075fd33b396aa4dfc916e6e828d3f83f2afaa', role: "list" }, h("slot", { key: '219241c5dce7cde64656722cb7b04aeb2e55a8d4' })))));
     }
     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

@@ -20,7 +20,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '64cb16b862f00d992a7241753a832bec71ca243b', "label-position": "screenreader" }, h("input", { key: 'e3d1c04de37164cf82a4aaf8f7735dae7ac18ddc', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'faf1eefb6239fc402b7a4e581cf6f37e4a8751eb', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ac494b60beacdb90e8bd70e08d81316af75e5ea8' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: '089863781d5fc390f09394e9f767ad6ff669f06c', "label-position": "screenreader" }, h("input", { key: 'a6e31583fcbec3c64ef49572c88a1f9fc0917118', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'bf200186eb5833aa2f3679ca5e48a4d64ee0318f', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '4563c60bc47ff901e621d8028247ba012471a4ef' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }