genesys-spark-components 4.136.0 → 4.137.0

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

@@ -86,7 +86,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '5106e475f9a84b62ae34f2b3bff41aa2368ad25e', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'ef4068bc09ce66bb85a8553dfbaf2bf5f67be5e5', position: "above", required: this.required }, h("slot", { key: 'dfcd55fdf521b043db83861e0cd694aaf421bfd5', name: "label" }), h("gux-form-field-label-indicator", { key: 'd2155c32853cdca8f850d2baacf5e7c7f5144543', variant: this.indicatorMark, required: this.required }), h("slot", { key: '167abdf0c27de2aff94b4976a7d838e7b52d12d4', name: "label-info" })), h("div", { key: 'b3e8c51f55c183bd6a1363c46812012229bd0342', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '3d6c125100d389e785ffad6e590aac098ae5086c', show: this.hasHelp }, h("slot", { key: 'fa5393592bcbe856f2b2663c7265909a9a130fc3', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'cb9017d43bcea7a8769e27bf36993a88735cccf0', show: this.hasError }, h("slot", { key: '397657418c88e6f093f6feabede859b6cc084b86', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'f49395fbf627974ce18e0dd84e66915778beba67', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '2939741d702bb9b1c6d280d0b20b9a464acc4cdb', position: "above", required: this.required }, h("slot", { key: '82ac483008e9309a793eea123e7b1f1e15d6c8fd', name: "label" }), h("gux-form-field-label-indicator", { key: '6b188446276f05e553ad52b4adb20ebf433788ee', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c3e0bb581111375386c60f87c05bfaaada99d753', name: "label-info" })), h("div", { key: 'aeb311a235ee3bd2cb1c123c5d3ed0f0a7c2c6e5', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'f6e371315226687aec983ae1b50e8510cbfa2308', show: this.hasHelp }, h("slot", { key: 'db630f997f316f9df1d2af9faa435078d66a156c', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'cf357ba92b82f590588a3ed63bec065b9193d764', show: this.hasError }, h("slot", { key: '8c867f24169bca608c3b9df07b3dcd81028b6eba', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'bd883165e64e876ceeee22e71394f24c140b30e4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6c53c51e482aa8c9afabfe6bc55af13c4f590f20', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '21fb24d7f0f2d8725a05f6942ced28ee618ee804', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '426cacda6e9fb11794a330658879ac2ab186d146', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3a83ff17af8315e537dd85528530882027797658', name: "label-info" })), h("div", { key: 'bc8af0f8d8be8a09a6bc77da80230eb0c2d30ef9', class: "gux-input-and-error-container" }, h("div", { key: '2324554a3618247ffc24ce17a15d790b4c89355e', class: {
+        return (h(GuxFormFieldContainer, { key: '77761848659dfc40e4b60582937aeba94773d078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a0d1f6ad5d325d8087abcb763f78e7b1185c6d3b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '341099b5fbc78f70e1d97f58de7516919fd8f3da', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '275a70ffd8ca1a30908c3106e214eac5cbe13653', variant: this.indicatorMark, required: this.required }), h("slot", { key: '97f210ff1b1d05c5f305a1f69584c04554cc5a95', name: "label-info" })), h("div", { key: 'deb928d9faf220ee8f2647634fa66a7dbb7a2f01', class: "gux-input-and-error-container" }, h("div", { key: '280dcd53f717d05a60744c80f6792c9b5041d66d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '01e45b79be14d100ece4d89ef442fccbd9b1258a', class: {
+            }, part: "input-section" }, h("div", { key: '2123b69a048f35a757f4b019b0964da36519b6dd', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'edeecc422f2bcf8c3ad5bedec624f8ddf104a237', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'dd3985b2f5009055443bcda9b7bc296cbc07937c', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '2e69d595ba7d3b0381a3878384b1908999fe7b94', show: this.hasError }, h("slot", { key: 'dba2c7dc9604de4f58a0c80715bb422881df4bec', name: "error" })), h(GuxFormFieldHelp, { key: '835fe60137f35040b05e17e9deb9a07f1ff0a62f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cd421b5266370b9267948608d0ea9daf3df7a066', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '503aa94021e17f90a1194bcbc76f2fea4bd80173', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '1aff88a342acc535555526a9bd58bdae73e75e3e', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'b4149447835189cc28bd9561c19a25f6b699dfe5', show: this.hasError }, h("slot", { key: '688ff4b6041a6b0bc7940473e256275b500ecd60', name: "error" })), h(GuxFormFieldHelp, { key: '7cdcef3b9163a5fe2d184933ba23e20bb1a527e4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd6c2efe1d3021c56e152f8120db9ee78973c0a46', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '087189f3361114ed4f13434e822a81a8b59b8b20', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd8affd28b8eda3915f971608b658b6d953d65383' }, (_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: '94c00f283bde270bcbbcfc2062553a290fee4b3d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9833cb45b61a37a6205e6d2c306bb1c244ad8483', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c52319e2464390e6fe0b8d400d7a4f8efcfd4b15', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23bced1f69ff8aa40fa099fb8a375bcdb6cff7be', name: "label-info" })), h("div", { key: 'e6a6769c9aad15b22064d8d7e98c822a73ddd245', class: "gux-input-and-error-container" }, h("div", { key: '9b56dec4803a50348ad009ab606dd140e56eeaf0', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4b5ef6c7dabe330d233a32b89e3ac711c883f681', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ec4ee08f9ae45062b656a10880745816bfb52e5b' }, (_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: 'f1af723b1531b0bb9dec2341410192ec8d388a0a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '49ddbc409cea59b430562d5b0b03a2805e3a8845', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '55efdcefc9bd65d87028fb3f036516a1fa5aee45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '85e78a0b43be24690cc131987bdc1e28d06a6ffa', name: "label-info" })), h("div", { key: '5cde3c375f165b6a09f904529027c6170e439760', class: "gux-input-and-error-container" }, h("div", { key: 'e40b9674afb15307dc17eb23327872941f35335b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '453bfe88e66a785030f601dd536a092e5429ede7', class: {
+            } }, h("div", { key: '4010ea331f1d41c44a684f7b3c3a9da88e1c339c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'e65235dc28fc42e119149cc856f7d52fbf9b17ee' }))), h(GuxFormFieldError, { key: '52517e1615e9de2aa3059c7bd6fe056b2de956b3', show: this.hasError }, h("slot", { key: '590f11da0b8a968d691dc57160ea0cc8e5b880d6', name: "error" })), h(GuxFormFieldHelp, { key: '810c7fb5f43e9ffe0b36d26a09a2b27da6ee077d', show: !this.hasError && this.hasHelp }, h("slot", { key: '1a0f19b8dd00f83f6ad5e392637af5a61f7e9a05', name: "help" })))));
+            } }, h("slot", { key: '90da5212f26c62d516c5d97055dbabae3a5bb8c7' }))), h(GuxFormFieldError, { key: '38b0229a49ae2ac680ce6b80e118446be9be0e58', show: this.hasError }, h("slot", { key: 'd8ee703e5d873c1047a9300641c17ad9900d8a4d', name: "error" })), h(GuxFormFieldHelp, { key: '33815959f2c346c55976465765323defcf30e3da', show: !this.hasError && this.hasHelp }, h("slot", { key: '534a4809dbbd4b4e6f1736b21d8e3307528a1557', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '2644d850310c01f0e9c150ded3ce20f47a365a0c', class: {
+        return (h(Host, { key: '217cdc362fd9253a67f9f9af7eb24ed35efde177', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'fe8c4a22526fdb3f0e44cd5325d5822cd62ad069', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '40f8c9b2268382307c50dc6f5eba917554bcec57', class: "gux-input-label" }, h("div", { key: 'd9d3cd046012d138a56be5a31118f16e1406dce7', class: "gux-input" }, h("slot", { key: 'b0d8bc34f778a3d86c111f3b44a1b5ac6eee32ea', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1c9a13d93da41adce8ecb7e6646b7ece7c2eae23', class: "gux-label" }, h("slot", { key: 'c2917cd7e29e4648712acc7f17d4b93124eaa645', name: "label" }))), h("div", { key: '83dcee62fc37e3218768dfcab088d7c7b6ad102a', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '76580811e586a9cdafa5fa4da07a5b0726f9b5a3', show: this.hasError }, h("slot", { key: '5b26a80b1053c03f313adbdce961e283821cb1f5', name: "error" })), h(GuxFormFieldHelp, { key: '9198f91b10cba18c1d51bd39cc282b6a7338737e', show: !this.hasError && this.hasHelp }, h("slot", { key: '2a4172af46bdd301b09ff7c0eda3e41cc30edad1', name: "help" }))))));
+            } }, h("div", { key: 'ddd62604ff91274d0ee97579f06e1e4f32128b0f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'e631c4793c2f4372557563302614f530a93c3195', class: "gux-input-label" }, h("div", { key: '46d203cbd987cc5f74b0f8566898e5b3a7e62aaa', class: "gux-input" }, h("slot", { key: 'f600972e11c87cca0b4e557383089f67cc3cc48f', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2cafc25421165765708fec2b7ff62ac56a691daa', class: "gux-label" }, h("slot", { key: '3c5f9ca61023b0993bad200b0f85289a2da16688', name: "label" }))), h("div", { key: '6ab9d40616146854b2562ae2b3b0bd8fffa7d505', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '5742025abd86c207a608cccc5aaf45412ac18d61', show: this.hasError }, h("slot", { key: '2f91667688507c3f3f848b9ae4d44f7ce3dc150a', name: "error" })), h(GuxFormFieldHelp, { key: '50516d95e06b24d9f68b943733b73221d4ce4e16', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b99cb12563b6dbbde76b82cecacc2967632beec4', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '7e50ad9e03f8daa4d4948d3ac57271dd309eb7b0', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '5cbd6303d0bd85e160d9bc12039dc8391b3f2e84' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'd56f0b2f60489258d4c080c2497a6fc2f96da392', position: "above", required: this.required }, h("slot", { key: '965db1425f0019661dad213a378287587de98354', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bb33d495d3e13c42bb6e9946e4dae4bfd8190769', variant: this.indicatorMark, required: this.required }), h("slot", { key: '349b17a1832d31951ac5eb308766da74664715c6', name: "group-label-info" })), h("slot", { key: 'c610888099a640750848677b85dbddf86431701b' }), h(GuxFormFieldError, { key: 'c75fa80a5af97fc9a95bde0cfd0a757b8ce0016c', show: this.hasGroupError }, h("slot", { key: '8fc449fe09bf4c731953374bf4266f209314ce85', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a4ca02ce2425a1353cf25c1da9d1da607dce7e36', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '040f8e24394398513a694404b61c3d5c88d34ff0', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '766c331fb5a42901bb4d34e9fd11fe6bbc8e8b2e', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '95b56ee1b7e1c2af69b5c08aeb5869e7f43bd21a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '1d9b4f1014494a18344c8cc6ba1df40a9681d246', position: "above", required: this.required }, h("slot", { key: '681e3d35a1879568eb72b07ef834bb3521f8493f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a3ac9bb3343d32d7534b70402e250bf637b054b0', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c5622b83011f0f9fab113be937834d4e16459630', name: "group-label-info" })), h("slot", { key: '8b2bc5cd318ad5682625a076171432a26d38a729' }), h(GuxFormFieldError, { key: 'c1134db4f4bb69cfe7b7df774e23b37b71b61d96', show: this.hasGroupError }, h("slot", { key: '5a393737271417fa54d22757c6f6573fa8298877', name: "group-error" })), h(GuxFormFieldHelp, { key: '6269f9b2cc5b3b5dec85159cb1ea555ac7f21f66', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '3c589556bcbe71581d17a043bb49a343c60fe3ec', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -114,9 +114,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'fe6897dc2177b110b0204d1699f7283ca4ee867c', class: {
+        return (h(Host, { key: '09ec2b156acd2566434090dd7c3e32a5606edd29', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '84b82790791943d40761b019f84222a3b967e129', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '18ab67bad7756a4f35254591b9c3a9d03924f7b1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a4c254f56d69f6130cff3501a1a934bdce050164', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3dbc8974c8bd31f8e871b4ae016a7d34512a927c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '57bc576b43a85cf539c442858944fbf39babd6dc', name: "label-info" })), h("div", { key: '3f6e6eb109306af0c250e19e8e626574d3b6dbd2', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '464b92b9a8651767b22885cf3c8e391dce419336', show: this.hasError }, h("slot", { key: 'f0e458ffa085a4c71d57213d9cbaf078fa87b8dd', name: "error" })), h(GuxFormFieldHelp, { key: '35bcc5ecc4b98c776f87b1c1da6d37fd04dac280', show: !this.hasError && this.hasHelp }, h("slot", { key: '27eab5315d584bd6d1a02cb487c196a50b66d726', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '4e3a6c856f90a1bab2aa756785519cc745db32bf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '251a6a2c635e4417f288fcc74fa142271dc4f8ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e15896f2d40d8a2d9d754a87b9c6b2e329038bbf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7511f02475dd97c8cacde9d1b5dc92ca790f07cf', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7b4ada598a45da54ab202954816254f4dee987ee', name: "label-info" })), h("div", { key: '6cd594843d4b987ba9196a079978c11284a7d560', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '8fb8612a5fbefca1b8812b4af015efaa589f9bbb', show: this.hasError }, h("slot", { key: 'e044a1874d83da433327ff195b93ea9e384efbe4', name: "error" })), h(GuxFormFieldHelp, { key: '8e14ccc29e0fd3c7e969b6f9a656ebb40075c914', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e0b4b8710f41898318c7056f1d6e0b3670fcf166', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -94,13 +94,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '03416cdc34423238d95134899d4f445a3c67a87d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7971e0d598b03140133e07ca64079a6e69eb17ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ec7d1faaa28904ae4e63d9ffda2d4fe0e76627ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4a2b54972b3afc0b6f771b48f57431917401cb13', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fc780b683bdc3bcfac1523dd4db4788eaed4dbf0', name: "label-info" })), h("div", { key: '585019d9bbf71877b53e9e584daeeb5fb500141f', class: "gux-input-and-error-container" }, h("div", { key: 'ee419c78414f254428142df54de135efa0791d3d', class: {
+        return (h(GuxFormFieldContainer, { key: '4869c972f73b3dfbde736b6c0ab0721d2580d993', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '475162891de959b43d835c85bf21e5b96f46f7f8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ff3c55ca434bd5cb6e49525890cd0a47ea8ea686', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '215255004ab556007845aa1e716a76bccfcbcfab', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ceb307a79ad206821fb31684a230952e3123213f', name: "label-info" })), h("div", { key: 'e06b6612a6852b3044d679eb31b3bda7c5007f23', class: "gux-input-and-error-container" }, h("div", { key: 'dc8501c54010fe48b11e693adf7b5a0ea16f8dc6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3041753eb55399c69c0984dcc74d7383f1eee3c2', class: {
+            } }, h("div", { key: 'e3e309ea60f20f2c8a0cb0702df9adc5567066f6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'c98611bddcdd3396b93b8052dee8bda9786f0e7d', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '07617332ef01a284640cc9f30f28d4377e760d73', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b4df760da83cea80f4ac4ce60eb631e370b87bbf', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c93b0821210a1ffa60eef1c6b02b187142f3b0b3', show: this.hasError }, h("slot", { key: 'b951d168977855b2c400c7d461e2842a1c7b5098', name: "error" })), h(GuxFormFieldHelp, { key: '6f5fe5ce5321bdcf6733ed42fdbae2b7de8ecaf3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'db702c42abd46578059e3ec74bcf8a79c5bdd391', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '6e6316b8e4c2746cf91e371433b1bea66c1aa629', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'fd3ba6b522d7f6dd4429cf4b5e791d86d77ce1ef', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6184dcd95c464f28dbdf92e4cdd191a231a7b427', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'cb688032dd49a7516c20b8dded8db3d5d34df55b', show: this.hasError }, h("slot", { key: 'ff4f0588e85d59736cf71f5a74a4cf9600afb0c7', name: "error" })), h(GuxFormFieldHelp, { key: '1b2f34188638b561971d4081bbbf2491c302dbe2', show: !this.hasError && this.hasHelp }, h("slot", { key: '0a5ffcde5d01c22cc9b1d72259913eadad3eeae5', 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

@@ -84,13 +84,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '97db3aa11308cf2342fff3b0759930ed8d776162', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b2e9554be1593230a50514998eb66baafabb52e5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '12ebc5abff1e8fadd40e592493b6031a180e9750', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '33ad5618859f7e4b52e78e6cb05cb454c0f4f4ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1fc20f9e0ec7df1524e8c0af07b7b6c4649d1b42', name: "label-info" })), h("div", { key: '671352f56e8faf44241e5ee538116fbfd5ea1155', class: "gux-input-and-error-container" }, h("div", { key: '8975f96d4c559c69dcc0075c9533bf2085d381ae', class: {
+        return (h(GuxFormFieldContainer, { key: '65769432e26a239b6d1bdee4875433b6512a2c5b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '909d42485c07e4526b143413fb2656446ae26356', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b50f63b667285f36da73ba197f1f7e5b1b42ae15', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f47e1ec808b497954083f7237e65819c605fcd57', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0862bb709c83f9ac83b2a06cfb44ab366eef74b6', name: "label-info" })), h("div", { key: '64b8b13186e2e9cf15f9a70d6af69310c424f915', class: "gux-input-and-error-container" }, h("div", { key: '8d937c9b679ab7f94a6b2149ee1c6dcb5969e992', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '455c0586be2c84ae7fb9ddfda4e912cdbb698e42', class: {
+            } }, h("div", { key: '4143c0988ce28d185e10d75bb422d6084e55fd8b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'e7f8eb5c9fa68df1f7a4e2d067f77a6a08b4ebc5', name: "input" }), h("gux-icon", { key: '91782a3dd9d1a93a057ddb30ada8882bcf9220a3', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '87000a35e72efabf70f92d212415596f198684b1', show: this.hasError }, h("slot", { key: '6e62dc2a26c2c084f63fb7fd54486f118787bd7c', name: "error" })), h(GuxFormFieldHelp, { key: '8ed39a541af38efd45b00bb4becf4286ee277f9c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f70807af78d3b958b4900d3d5ac97713fe8bbbee', name: "help" })))));
+            } }, h("slot", { key: '1cca39c7fbe182570d302f7a7755db3983e359c6', name: "input" }), h("gux-icon", { key: 'fbb94e8f7a6bc6bec9c3cf9510c67338c6a45f8a', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'ef8b568271ac78107a514ef17221cb4b8493596b', show: this.hasError }, h("slot", { key: '9e08affe7f14725a0c0912d4611294b1bcfcc117', name: "error" })), h(GuxFormFieldHelp, { key: '5c40005d364ab0535002830a734456b9c5a80168', show: !this.hasError && this.hasHelp }, h("slot", { key: '6c79baa44f4224591aa5133d209cf43066df3e36', 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

@@ -112,15 +112,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '68e00776c9d7aa3da3127a45afd1c41e489789c5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bd9e5d11020da48bc1d68d4db5bfd91d8e45fd3b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'af4288db1d595dc4d3dba7fa9531daa6aeedeef3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4d61f084f9798e2269150fe6c04f7cfaef648bd5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0039a71e4fe7f4c9188f570476075e6b8efaa8b3', name: "label-info" })), h("div", { key: 'cd8c5cc2353be18d79c074986113316b5066eb27', class: "gux-input-and-error-container" }, h("div", { key: '9d48e7469cd2e7cd571d6667aa29858190cbc6fd', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '373307a838f545d62af649e2b2832c38ec771027', class: {
+            } }, h("div", { key: '24e97fdeb8d8a7dbf46d54ac8d3e70b77728bcb0', 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: 'c41c80f86071eb9efdef094d4121063453f53a1c', name: "prefix" }), h("slot", { key: 'da1b8631d91dbb0675397742ff7f049f454a25d8', name: "input" }), this.renderRadialLoading(), h("slot", { key: '504da3e4370b177d91e8b35055109c42058b3a5d', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '62612f269755b0fa31d2ea80ac6feddb16656784', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e88b34fc940e53852ae06989b57624d8b39dced7', show: this.hasError }, h("slot", { key: 'f0dd772baf89ae7a32ca1c8a88bf4fbe94a3f491', name: "error" })), h(GuxFormFieldHelp, { key: 'b1106c14dfa41ff32866ef21b6e8885715ad4ba7', show: !this.hasError && this.hasHelp }, h("slot", { key: '0a08c63fcbd379c95f72dcd812bde1344730942a', name: "help" })))));
+            }, 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" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -88,12 +88,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'c5b5f2c76770f7de820ac04d19f670641c137dd0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '402d62344e49a4e179803458c3948792bd372091', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3ac4e764eb4a65036492b9abfc69b8cbd5620cd2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f45090c8bd3179ec61cc03701a4d20cbc922ab00', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ca31ba27aaa0f5b037b2e66c2249a4542416d48d', name: "label-info" })), h("div", { key: '5ce4720668ae31b8ba8e93d3713191a22a08a3c1', class: "gux-input-and-error-container" }, h("div", { key: 'eeda9864438b992ddaa9799a1f59fa148fd1f1ea', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'b5ebb2ee528c640991e6642876a883f6a61a3f07', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b39b774ceb253c34bc2932584cbd73682594290e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b2bdd18b8947d1978ab8c9f025792a2015c237c9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b686e7247fc9b7715f07aa88bbfa0e4de7f601de', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e4df270fc80380fc0e0e12916b3064090170aa43', name: "label-info" })), h("div", { key: '9f5418f31cfccbf286f7b17ab84ffb6f991cf824', class: "gux-input-and-error-container" }, h("div", { key: '177d5bf4ef4288f415b0312d0d96868da377e8c1', 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: 'bd94d3ac1c702eb0a2e295d2e90dd72e0adf82e9', name: "input" })), h(GuxFormFieldError, { key: 'f8bf75a032e41364e49ead96f80a8456d818c507', show: this.hasError }, h("slot", { key: 'e27e837fe675f92dc8837891cc710dea09fc9a7e', name: "error" })), h(GuxFormFieldHelp, { key: '44d6cf7c7f620aa77d865a1e5197b9dd0d5f2fa6', show: !this.hasError && this.hasHelp }, h("slot", { key: '3170afdbd0729047beb20f9fe37c18ee218ea1b2', name: "help" })))));
+            } }, h("slot", { key: '72c22a7b30eea8e30ba68365ee03546e3b791054', name: "input" })), h(GuxFormFieldError, { key: '3e54a431b6f766da7b517e2f7a66d92161a70033', show: this.hasError }, h("slot", { key: 'ae3994beff663e7309ee69ca8131931ae474fa4e', name: "error" })), h(GuxFormFieldHelp, { key: 'a59dd2e7e1e558fc75c6152a026eb2d2d0c0e912', show: !this.hasError && this.hasHelp }, h("slot", { key: '725b3c37eed145b354719a2f9fb2ad4985602670', 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

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c38bfbff08a601e900769ee681c2874f2af225c6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1130ebc694a8cc69ccad2265e9763e092751890e' }, (_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: '7a0e064acf3b6f2f544e57f98db4195f4209cb40', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1961a34ec0d8281d49ebfed22228848cf5cd4d07', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0426b98e393ceab2af571a6a5dfe78ebc565e4f5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd0248505d9f1e446b196bccde4b1475f19544d79', name: "label-info" })), h("div", { key: '601ac0a0395e2e375cbf306e6c1fd2ca16888aa6', class: "gux-input-and-error-container" }, h("div", { key: 'e521ad39ef48cfe7123dd7c63452bb76417884be', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c687e63c8a7fa26d85e4aae4fcee0d5ae088fcc9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '17477387b0e20f8fab259ead53adb40ea019e6cb' }, (_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: '486eb183018422fef2b961711a6154e075c5bc32', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f00e23c03e1f83b4201e8f22f430914fd3ff21f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0a43aee660a306dfa3b8a985494cc3fe667831f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '60fe64273872598ed00629d1cc9ddd9e52148b65', name: "label-info" })), h("div", { key: 'a129ea07a69968afa24d08d98499fba616f37f3d', class: "gux-input-and-error-container" }, h("div", { key: 'e10d0961ffdc7b776f632c6f6c6fac656094a7b7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a84e8290ed7925c89cbbcd8461a75020967e3a3d', class: {
+            } }, h("div", { key: '878d2df5e3c6f3d350264f6491d442dc373d31e7', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9a0c8e86be17ac12b5ed9f81e81b0305a02e9f1d' }))), h(GuxFormFieldError, { key: '3d25b8d67e74f0d9f834cb03b55692ad01bb0911', show: this.hasError }, h("slot", { key: 'da9ec6787b11fffcef7e3d25245e3159f65c5e38', name: "error" })), h(GuxFormFieldHelp, { key: 'b02920a4529779e37714a857572062317470370a', show: !this.hasError && this.hasHelp }, h("slot", { key: '357226d6497e712490f591b185e582c5724eca25', name: "help" })))));
+            } }, h("slot", { key: '44cf9d49d14dfb1da0745abccd82f5b0608ee2b0' }))), h(GuxFormFieldError, { key: 'b62209f4b95a1bfe27b0fda8777dc93762098dce', show: this.hasError }, h("slot", { key: '8c7d2bbcbed42d0eaa26293d5e5ff4bd3723dd34', name: "error" })), h(GuxFormFieldHelp, { key: '7024efe09393c335c1f8c266bac9f95847efe4a3', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c5ef028e559bd5258c25e6be54c4056acf0a7dc', 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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'a32ace89878f056a017d7f896b4efa7956bfb615', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c0e1296f08bc3c01aaea069f8af8f722801d87f4' }, (_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: '01ec5c95d5a08305a4117bdae008be7232cd29e7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4aca39b857f7496f1a7ba5f7941e3aa6609163ab', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a2cb93dba985f12a474bd1063e4216a2b67e4e5b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b0d12e52fc1dba8d92819600397236bdd709cfbc', name: "label-info" })), h("slot", { key: 'ec6cc2ebfa00a9c9573e30830134dd4dd8447cb2', name: "label-info" }), h("div", { key: '31a25b49fb35a0a367a0741ecc170b09bf5e3810', class: "gux-input-and-error-container" }, h("div", { key: '3c7d3ccf799089e6889a0f85f33c34eb73f73288', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'af0cbb7685d347c28c43f921f5cacebb3278a7b3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4fa4422cb653399d8d619260722697735cc288c0' }, (_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: 'b89996b2c51fa68812430912613dd500886a83b5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9457e0af4ea39dd0a3519ed22176b89da2a46890', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ea1b6685c1f732824abc808760866925c6cf8326', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aaa1cc82cad0fd2b370ba910ed1186633014c8fd', name: "label-info" })), h("slot", { key: '9a8cc3ad4cd9c76ce3bd0dd4790bb1ec82ac783f', name: "label-info" }), h("div", { key: '93231c9cf9b93fe944c16a27b7c615f8c165d54a', class: "gux-input-and-error-container" }, h("div", { key: 'fbff613473d52f6b6be37711490ee14a794e5963', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '19fe425dfc37baaeca7350605aac45dff3c9c404' })), h(GuxFormFieldError, { key: '31128ee35a1e4bbc23de1a736d8f1367ff4d8f98', show: this.hasError }, h("slot", { key: '97c8792da4951f134e335761048d9a4fbb5ec032', name: "error" })), h(GuxFormFieldHelp, { key: 'e7f4e97964c77b7c71a1d722b1006530faed0377', show: !this.hasError && this.hasHelp }, h("slot", { key: '5cb09d619fc7ad1438fd29bcc748f92f189887e8', name: "help" })))));
+            } }, h("slot", { key: '9d3738e9bf74ecca97aede80938d21a853310cca' })), h(GuxFormFieldError, { key: '064f605f1c5bf4dc46260fc94dbfe66ceeca194d', show: this.hasError }, h("slot", { key: '5906928c32755bab0d1164de18c9df2333170e4d', name: "error" })), h(GuxFormFieldHelp, { key: '552b563f0bc78614684c8e12628474f6f98bce72', show: !this.hasError && this.hasHelp }, h("slot", { key: '9c06a3c9455e50cb35019a0105167d7bb66e0b3e', 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: '500db590703c90de1425f14e61e90755f5900dc9', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2c7b1bdcbec8eca95932e83c0f622cc65acfdcf7', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: 'f78832fce4d4b1004c91b56bc59ff74db4e0c7f7', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'aa86d66232abf818c07fb6264cd046df00051961', "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: '0a7b50082c3341de766e28cec4ff94917493139f', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '04797721e406217511c2289dc434345d5877346d', 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: 'ae8a4947967cdb2140eb1285ec4269afab370756', class: {
+        return (h("div", { key: '8900cdeae0e581280f0846c56cc92e8452539b40', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '4c555a26efb77f38c09afcca25ede1941ff51db0', class: "gux-message-wrapper" }, h("gux-icon", { key: 'd01f370b7fc66cff9d135875ba3f04177e11017b', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'ded0d6add0be2281ea86fa902a61a36436172138' }, this.i18n(this.accent)), h("div", { key: '74c216d76bc3f03e40307f9ffb418427804701a0', class: "gux-content" }, h("slot", { key: '0152bf0132965ebdb8e70f1d0d550ed4440832b1', name: "content" }, h("slot", { key: 'efa26adc0f8320b8e218992a34e6ed6417ae8b14' }))))));
+            } }, h("div", { key: 'e1c0afd90284293fe3421c486ff121d5dc1c2f7e', class: "gux-message-wrapper" }, h("gux-icon", { key: '9ca1c4f75689594be17c40bf2b1bc0708718a40c', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '60bf7e1e776a246730fde618f79df01808094651' }, this.i18n(this.accent)), h("div", { key: 'c7fd0b5e27b66c44f3748e0a66c7d7f3cf18ba7f', class: "gux-content" }, h("slot", { key: '12ab06f0b719cecfc805048cff6135a9980ba2f7', name: "content" }, h("slot", { key: 'fdaa311d2038a47a6957d3a8a4a39ae424ca934e' }))))));
     }
     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: '1e32adf35da5206c780edf84ee47af6f9976c0f3', role: "presentation" }));
+        return (h(Host, { key: 'da0dad0a1e78fa76ba5b621aa6397adc23d24e82', 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: '29cc1978becaed42eda4937f6f24ee2e27ebf306', role: "listitem" }, h("button", { key: '145b0e5d9aef7c6463b046f8d47576ca7b4696c7', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'cb334706241289d6101fca59ec2fcee7643551b7' }))));
+        return (h(Host, { key: 'f74aa739418fdc2970a81767f450edd6a64b5142', role: "listitem" }, h("button", { key: '2dff3b905c7bd23438d76d367f5a85386719b236', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '5b81509c42ef11a71a95922fa3d89069a9952ada' }))));
     }
     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: '05eb1f68282aa13676301dd41387461be16192fb', role: "list" }, this.renderFocusTarget(), h("slot", { key: '34c64d0376f741abe329118fe129fa6b8db32972' })));
+        return (h(Host, { key: '0334ddac16810c77e82d2465ee7af76352f2d62c', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'ae4d5b87ccaa780f8bc1e337a511563e83cbef31' })));
     }
     static get is() { return "gux-list"; }
     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: 'e3497d2293b66e36b6cf417ce5be30229dd94899', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5e31c898f13d32bce0240081b7c3106a568327ec', class: "gux-option-group" }, h("div", { key: 'd97c1859b85797ef3e187f5dec8f560930e3e49e', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3e31baaeee844547f4fc6064cc743e66f204ccdb', role: "group" }, h("slot", { key: '958abbf9a683193a9ce13199c8363b9e0279bd72' })), this.renderDivider())));
+        return (h(Host, { key: '92a57a5773bd073cb41b756da693c4c8e12ce822', class: { 'gux-filtered': this.filtered } }, h("div", { key: '4293739a1fa16f40b88aea607f8ba83b67b7f83d', class: "gux-option-group" }, h("div", { key: '244c4353d043b2dff331565be9f6b43c9870115b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '9358a657681bf26d8f2088db5f7627e21c480a80', role: "group" }, h("slot", { key: '09dee6935996dddd6ef735aa64b02c61d1b47bae' })), 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

@@ -42,13 +42,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'd88956b5636fcc1bd323b6594710704d12eea8af', role: "option", class: {
+        return (h(Host, { key: 'c401d73bd254a5684e0019fb0e9dc355ca222296', 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: 'f8d3cdfe0fceab214cff38ec6d7cc55377aa01db', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'eb029c4c3acced018e21390a25add637368e0eb2', ref: el => (this.truncateElement = el) }, h("slot", { key: 'f1862dc525747e03427a017ab69e293aa5f7982d' })), h("slot", { key: '5934c332ae3d1bdcdc60785b0cc098fc3996cad4', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "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" }))));
     }
     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

@@ -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: '0444aad5f6e1f3ac786893d9d3e357573db8f71a', role: "option", class: {
+        return (h(Host, { key: '7a5d5be1105975a441d3f609c3127db6f6fa52de', 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: '865e3c7d66798c33592164b6a7e21d164415f7a6', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5576950148c1d46a35be5aefe70afa4d5b3a4200', ref: el => (this.truncateElement = el) }, h("slot", { key: '53e2f824d1a7230e236261fa3ce6d213a8d2ef91' })), h("slot", { key: '9e206a367b89b00427210fd49eb71fee75660399', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '7892394b1aa37e6cc16e49806fea7a6f61fd2632', class: "gux-option-wrapper" }, h("gux-truncate", { key: '57a8a73bd57101721a8ec8790b2e4730e37d14ec', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b1512adf5143e6f82c9b1bbc2a6f85eeb2643332' })), h("slot", { key: '5a45e4780c9f45fb2474e03ea1066ae08605490c', 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: '64e9565cf92379bf56993bc21302f4d9648ce7aa', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '94933ca9614787b7de00588f1564775b443bdb35', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '194c55a30f11edbbe69bd44b41d84fb3a33dd1b5', class: "gux-option" }, h("gux-icon", { key: '371a485c9cc6793e55ddb38185328bdf0f764391', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '3c2705c597ebeb979ca5fd95beeb904b775da7ee', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '6d5228c7f34a4de52803a3e3dfe40ed2523b013e', class: "gux-option" }, h("gux-icon", { key: '69e58916b80ff3b07fccbd87f6326d30a468a198', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '4edbf7e33b222810eada9ae9d1898ac23bd7ab0b', 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: '149063eb51d3c2de141e69e862ff683df0b2d4be', role: "option", class: {
+        return (h(Host, { key: 'e162eef5448cea304e276f802f5b8e4a29e02db2', 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: 'ef4ddd06237a00a4058c5a077d4254ec4de73d9e', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f70873349b7f76e4154dba0694e49f087697406f', ref: el => (this.truncateElement = el) }, h("slot", { key: '141978da695ba25b1733912a1ecc7b413516974b' })), h("slot", { key: '4c9dc5389738d9762e9bc08893573c64b043f020', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'b5ce95d76851e11762f7382cf48a7bcfb9e91e41', class: "gux-option-wrapper" }, h("gux-truncate", { key: '44df5adfb3d53de46dfb939c25ef571bd65813b6', ref: el => (this.truncateElement = el) }, h("slot", { key: '734bd3478b4fe68389770ccd7694d5a25f2c288f' })), h("slot", { key: '8a5910f16bf8363d2edd4dee1e7d033579a9a29d', 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: '6f87842cf585d49bf35bde269d05d2a9b291de68', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'e6dd8b3cb5ac0693196a4a660edec735a53d4246', class: "gux-progress" }, h("slot", { key: 'd169e7f1d27877a46b59607c8430607674b9b94c', name: "progress" })), h("div", { key: '52b10f99bf03d5657ca48085e63a4f47a439142c', class: "gux-primary-message" }, h("slot", { key: 'afe619e24b1ccdfe7bd2f42a75154a4ae023b0c7', name: "primary-message" })), h("div", { key: '1d0559c5eb005a2f3b935a116ac0675aeafe293f', class: "gux-additional-guidance" }, h("slot", { key: 'b932512e533820dc29acfbea5c856a99423c72fa', name: "additional-guidance" }))));
+        return (h("div", { key: 'a0f919c9d9422db46ceff101fcb7657a5ec5f105', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'f6d1cd9e522ff7dcd91da8bb510894bf8efed10b', class: "gux-progress" }, h("slot", { key: '5c5cac5f3755f387566459dd92378e667dd36d60', name: "progress" })), h("div", { key: '889196a26a8c386a3f3ac4cc12b1fefee41763de', class: "gux-primary-message" }, h("slot", { key: 'b25af0aead5d6f059541bde953060fc76c5a6d6c', name: "primary-message" })), h("div", { key: 'e5c6d760224366439b444280c8c4611a695d905c', class: "gux-additional-guidance" }, h("slot", { key: '5f99d39dffdbfeb68f5ef5158cba2106c476e5dc', 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: '6344d29ac7553ac6a04ba67cc31c3b129a6d0e45', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '2cb96e031387c9f0cc6b0d03b2f1c90effff1c84', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f0fd8c5379710a74cf004eb1090bd6fd9a3e226e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '61014e6e82c5380fea4825736624fc9d1fe7151c', class: "gux-modal-content" }, h("p", { key: 'e2b3eb8ca300295e4676c9436f41133f3f0c7048' }, h("slot", { key: 'b6b9a7aa906e325d42ea1c57e9e28807da6f90a7', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'd1368b100df8c4f61051ebcac537d36d43278d74', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7f5ee271ea35a294130509cb9dc20af6b38f355b', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '88de18df327f2b2af73d1ec2b93a99ea8a7f1ab5', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b1c69c683dfbf6a7ed8a670ed85612aa7f702a4c', class: "gux-modal-content" }, h("p", { key: '6b4be7e849019eb6f2b1bdd45343827672a85886' }, h("slot", { key: '8fb86081bb9285faeb8db3b818a3ccdb3f642c98', 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: '0d4ca2add38e62428137de8b072523da164e620f', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '29f39a19219294a605f3785056a0f8c9f7348410', 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: 'ecbcfa38cdc31137318ebda5dde074108df863b5', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '4ae9b7611af7df408ed656b38783aef6e3d7ac2d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ae39349f1e770eda86ffe8be930bb1fed02f793b', accent: "ghost", "icon-only": true }, h("button", { key: 'a57a7211c713e814aef7a3ba8ab15174a81166d0', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '837871733d7749b97bd502992032e298a09f5648', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '1666b2b951ad1e792e46f088ba414ba585e5722b', accent: "ghost", "icon-only": true }, h("button", { key: 'f2afa0b41c61cd783cc089438bced941f9ac9bee', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b50913d82e12f2627316036c3238fdd2468edaa7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ae031e14e2228a6aff4ba9d3c19e53b4f51ce7ea', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1fd2483765c6c14ea6179b57bce0abdfda91bd6d', accent: "ghost", "icon-only": true }, h("button", { key: '2d12cf20b84808d5f2f47e762f8ddefa800a85d8', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '9a66b0d11b9aba0a60001c8ad262121dde9b64a2', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '570147753eff6f3e4868e862493d8b5853913d71', accent: "ghost", "icon-only": true }, h("button", { key: '7a26f5131b11a8e052449d7caae53ff873d3c7a0', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '02a1100be68ff247b2676786dc78054c2b341cbe', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '19348e41b1b5079d5326d9650144dcad1f7f79ad', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'a8cea9837f51fabe8c5acaf7e043cb3524729040', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f88feae362e6bee92b986d6ff15dc9ab1527ab28', accent: "ghost", "icon-only": true }, h("button", { key: 'ac851cd227f509c0b606dd20da5d459c84b68bb2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '99382b372c35a0d0ac1b1e0bc118d606d4725207', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '4c60cf789aa89525fc89fa68159223d8855ee511', accent: "ghost", "icon-only": true }, h("button", { key: 'e8c99c90a15dbaae1af85665e41a4f9af6111a69', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '246be5ce4ce53215091f1e98a6c3b1fd38c5ae32', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '84031c4145984c3f199266d5cbc7447905538fb3', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dadd2185efe906e2ba33e93e84cbf44921e0e09e', accent: "ghost", "icon-only": true }, h("button", { key: 'b359290771917607b4cb758b44c849dc7c4281ca', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c104d4d80bd962711b9c950abf937de3d7f8d9ac', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '10312bfa94c58b63c60f9f9e21fa1fe9992a13ab', accent: "ghost", "icon-only": true }, h("button", { key: '16b4cd5e0845015ac0d41e09c3b1e05ad8a6d541', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '61d28b070612e95a7ed624fee7777c6614da71e8', 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: '8939e53ead09851fbd15778407301ce18f30b2dd', 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: '215ceb1683fd762e3dcad28604204228dc731258', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'fe957bf0bdec28ead4d345929834accb1e42eb35', for: "popover-target" }, h("div", { key: 'fbf772460a0ca96ff3e5d87a1ec68ec66588c496', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'a4ccddbc55375945d315600cf1942e20645a6a9a', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '32ccd4c0fa08472ed326e51bd4ab4b4eaa94efe7', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'bd58ef303f672eb1031e8724e61c8f0edfaa406d' }, h("input", { key: '93903dcd10800ffd729642308c3fc3c132891f71', 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: 'cacffa426e9f6ea1642bda4cac3e8ab3f92a9ee6', slot: "label" })))
+            h("gux-button", { key: '59acca64f876f72f5253cbaf0b366b85e8f1aa6c', 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: 'beef0ccc42e1a690c860ff09c8923d0ca85fe75a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'ebeccbc5d2a13998175c3e8fe8547f76cb53d9ee', for: "popover-target" }, h("div", { key: 'e47e1e4c293f2658404862928005fef30e5266f8', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '4433372a1f7d44557e8b7f221365600eaddcf966', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '698b6cd9f09d13329df276a13c1dc0b21882c84b', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a0c36be7bf1ce789a5d59a7d4d642f9bded9d952' }, h("input", { key: '383b799e507e16722ec699eb9892a26b7c4af921', 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: 'd79fcc3617f99f64003afe653ab49d3c8f1c1a2c', 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: 'fcb54c155ce1ca49552444be46ceebda31fcfc91', class: "gux-pagination-item-counts-container" }, h("span", { key: '413846eac18d72b10c77605b2b2b203bab8c2bc3', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'bffcf790cc3d9578c7cc74ec65f627fcc5c553cc', class: "gux-pagination-item-counts-container" }, h("span", { key: '63cb44e29d3812bf4889e0bf0858c4770b75e722', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '55910f109bd8939fd47dcf883ad438e9f2f701c3', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '353452700945c384bb4a868fd2d4c3cfb95ea7e2', 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: '6bd639086dc53fb6234593c3a82467ab93a5bc19', class: "gux-pagination-items-per-page-container" }, h("div", { key: '485e6e9de754a3ca64061cee830fe7d22c942c41', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '948b530c5a586ec39ee902413f803fd91a4bf9fb', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '70404290e2847bfaf687084b2d546ecb3234c275', class: "gux-pagination-items-per-page-container" }, h("div", { key: '66300de9d20076b38ccbe17a3b528603834c6ae6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '25da00635a3fc880b3f21f50795eb89e3fcb132d', 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: 'ab80ebee1af46479f8eae973af6679c79405da16', class: "gux-pagination-container" }, h("div", { key: '4c6aeb301b42afa7bc14a7de6790120751c9671e', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c035fcffebb711015c1e5ffa6b8b9cc86fb5f644', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '35215fa57042ce0a78edb2f0719f3f6911da6d26', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9e87a9952a7c644ce1f6b2b95d627cc42008c35a', class: "gux-pagination-spacer" }), h("div", { key: '3b14239802f226ea45cfb08ed0de2528726e9223', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '1f7a5dce93ecb7797ee34a83a779c44ed563ccea', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '1e116e5d5d9475ef4784dc50358a18601293c624', class: "gux-pagination-container" }, h("div", { key: '02b5f66ce1c292fd3ed11c72956a67708743526c', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '28321ee35300aa8b6c81f22bb8f362e45f697011', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f3505fc560fecfee1f851f15e7812806c62f115b', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '6769a8f9a1f3245514431b1f94b3101083347e39', class: "gux-pagination-spacer" }), h("div", { key: 'e134a6182d26e38a3a82e942d5165ec0b924f7c1', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'f8ee9a262dc6c36188f72d942043b84389a04765', 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"; }