genesys-spark-components 4.81.3 → 4.83.0

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

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7abf536d21c5c458cb5b21f33f1bd9396044a0b7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '13ed9bf6c351863b755077efa5566a5cd1e90a14', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '09575fed78d9ca655eb4b63722b6a82315c0a146', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd64a434050c1f7a1019aa089d6740683efdc7df5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8e076c976fd28f8f21dd4bc12b2d0896756614ad', name: "label-info" })), h("div", { key: '93a3c6723a0f4a305fa06630eebb4a74f6905f81', class: "gux-input-and-error-container" }, h("slot", { key: '6aff1d14f123368160df5ad0ff76f2730ff05eb2', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '4e20fc902a0f9faa6a2590edd16d7499f2a717a9', show: this.hasError }, h("slot", { key: 'da00c934c70ab2084663d46e7e18d53639668620', name: "error" })), h(GuxFormFieldHelp, { key: '5516d1ff98f2f1486b5e7a390d7885d6d2b1914b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dd642f28776f0bd7497d7d29f05b9ea74f811148', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '7e0dc0beaa1fa180d4b8a59d9dfe00b4e0653d34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '75a05ef6673d3c547cc60859b5f87f82dd980915', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '5004592368bc828d63d236db313b4683d9e2ab60', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e27c8b29a246528c3982de11d17f1fd7d64c5f41', variant: this.indicatorMark, required: this.required }), h("slot", { key: '36570c844c35f6636c7c2f83dca491b2c00f3033', name: "label-info" })), h("div", { key: '50414e470aa19d81ad392073246e1e2089edd488', class: "gux-input-and-error-container" }, h("slot", { key: 'd6bd9fe4e908c75d9d63605e7c3eaf2d45982951', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '120319afc4826e7c212008967af9899dea298acb', show: this.hasError }, h("slot", { key: 'fba07ff53d46d3561942dbb88a42b5afb6c4fbd1', name: "error" })), h(GuxFormFieldHelp, { key: '51a1f46d7920b826b528fb38161915faa5eda096', show: !this.hasError && this.hasHelp }, h("slot", { key: '7e262e73e07aeb3fb8665acb7f306dba65ad90c1', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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: '785fec87017ff42abee831b3c624c217b41d56fd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8b2118c7b4aa61db406ebe9156b0b4662274a8dd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0bb97183776944254809140c67c8b4f95b7e6473', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0b567491a4dbb3332962621fcd06fcb7f260fbaa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9c788f5e5be22657879e04abec11bd4cd8a01cc1', name: "label-info" })), h("div", { key: 'c1395eeffda28e6618c0ed585f98ea16566db1e4', class: "gux-input-and-error-container" }, h("div", { key: '79ed7447b231810038ed4967f95f24625987a291', class: {
+        return (h(GuxFormFieldContainer, { key: '1404ed256b0c59730a6b52a8eb8511b966697af3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '06b4f7b5550e608958e6c097c619f2afe6c614ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b7315fb4f8498f5308d39dfe0e70eaad42644108', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4fb64e295f6a03dc874ef4844c3fecac10d09fb9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6655ae39155c1c790b90f6d93afcd2bd6d0bbcf9', name: "label-info" })), h("div", { key: '70790da5948a776ce78c951933c3f8cffb1e9a68', class: "gux-input-and-error-container" }, h("div", { key: 'e4bfd871ccb296f87dc618db9fa317122475b41e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'e2a946f4c05b1dd34fe3f68988da03fad88be780', class: {
+            }, part: "input-section" }, h("div", { key: '34b340aab242ec746ccd7a2484f7c76e2914b5c0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6f58481bf65dad53105af30c21e0cccf083ff606', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '7c321e86300923dda697ea1ed96f395f2eae5e80', show: this.hasError }, h("slot", { key: 'ea01b157b5c696b3243eb22da2e7e0ca6b7091fe', name: "error" })), h(GuxFormFieldHelp, { key: '715ba6fc83227e5c35452c709fc4b5d66c7d96c4', show: !this.hasError && this.hasHelp }, h("slot", { key: '4b36fc63670534b1e314c6c4e79b8ee4164e19e7', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8facf47db9e586d88ec222feeb973c220dd583b0', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'de94c88e51c29f0f237f12b033b13fed44c34289', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'c92070f61573177f3b516eafa60f579eeaca0a05', show: this.hasError }, h("slot", { key: 'a3aece9dae599c68abedb58ed692f5d0fafdac4b', name: "error" })), h(GuxFormFieldHelp, { key: '0bbc8260400e4c3b0b9bffbca5526a931c3416b2', show: !this.hasError && this.hasHelp }, h("slot", { key: '0dbba9e894f1653ac359293d2a6e109828ca63ea', 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: '56f12f972a655ae407c09f1daf04cc23c7de1bcf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f2fe6e36721035fb33bf7bcdd8d1650bfb7dfdef' }, (_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: 'e07e162217ab41732b4f995944c60bfa2d14a9ce', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e5f95f3ac47968fec7f0ccd6f6592cc868089be1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'da85988d13e8024ab9fe74d4056ecede0d6530cf', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'feb7b1e0d892135bda3257dd8bb8531771304359', name: "label-info" })), h("div", { key: '700833f9c865c82b40f49653a227cf5f0fd19aa9', class: "gux-input-and-error-container" }, h("div", { key: '5e34d7c821c11a0616902073d56052802264abf3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9dbe4366a2d00911db5fd095472d8bc4bf878997', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8940819968c84d1b2197b244b36c5a73e994395b' }, (_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: '791af08872c28ab6feb8de6f8a143db5f5b53b39', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '44fd8715522535dc58ab19489b154253acbede5e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '602156daa4d6c2c09b41b6b3144af91269e08597', variant: this.indicatorMark, required: this.required }), h("slot", { key: '832b2d04ace14f42a3d44bc1f562f80b603cadbd', name: "label-info" })), h("div", { key: '759588e7dbb139e628217a50d233b215562c3777', class: "gux-input-and-error-container" }, h("div", { key: '4af0b4dffd50d83a7ca28e15bd12c4264a205ace', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'fddd3d42d84ec8fdcc2ea1ca525e88b5a684493a', class: {
+            } }, h("div", { key: '33d1ad8cab0845f0748c5297812f5abda2137933', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd58fa6a08698808604691bbc8e72c3792827ef35' }))), h(GuxFormFieldError, { key: 'd6faf31ecd47ef331d932162b719e67ea0110e69', show: this.hasError }, h("slot", { key: '493b1b0249f723205ce9cb7c32638d82ed625d73', name: "error" })), h(GuxFormFieldHelp, { key: 'c9efbe0fc5a1b79d6a0d0d7426491ceb69b876e4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'afe33f3ec89fa5246c12327dcb78346f4d7258f1', name: "help" })))));
+            } }, h("slot", { key: 'fb907d77d82201d2cee730f5f54546d39cfe0106' }))), h(GuxFormFieldError, { key: '7d79f77be59c9651ce9a9cd461bbf9f3ae736d5a', show: this.hasError }, h("slot", { key: '7f9de545626b3cd12b3b7f1e7639fd43b1d8e426', name: "error" })), h(GuxFormFieldHelp, { key: 'f87d4ae89adda04ad13482c465984b9c637360b8', show: !this.hasError && this.hasHelp }, h("slot", { key: '774a6aac20d8a963d4e9c936800074164cefe804', 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: '7dc1f9d2b6002960146602218bf0ef4023ab6920', class: {
+        return (h(Host, { key: '1f9058b9cba8e25009df7188a833dc7c77dee10a', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '6e84121c488ef2bbec5458bde706455e73b270f0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'fd7d80734803eb61c1391d5063fdb1084fe47c64', class: "gux-input-label" }, h("div", { key: 'dabc615e2494c0eb41b6196706e9ad3d740cfef7', class: "gux-input" }, h("slot", { key: '5a595f86b59079deaf325916c32f43e1020b5df6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2acf844b9be3fd281af460054af6bf06ab45ba80', class: "gux-label" }, h("slot", { key: 'fe34d02ffe32db3241f5cd0f6de31542a963edad', name: "label" }))), h("div", { key: 'e8db7c74f32d014ca1b64dc77dd6bd40979ed80c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a72e210faf7c6a85b79f4bba55b4450ad0d2761b', show: this.hasError }, h("slot", { key: 'f7802fcbac90cacf10f78cb9a8e362b1d471e4e7', name: "error" })), h(GuxFormFieldHelp, { key: '027bb4efd13c8267c700bb1231873f96156d4ee6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a562df50f27d540e8d68d4b9efa5b23e4e96cee2', name: "help" }))))));
+            } }, h("div", { key: '21095dca5c246e05c643ae085742a77c0692456a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '6c17a8f7ca09a54dba861774b94042b8f01cb77b', class: "gux-input-label" }, h("div", { key: '13745ab315bd98fd6cfac51b84f8640bfd4c54fa', class: "gux-input" }, h("slot", { key: '06f3a11d98078e33f7e52e1420f4926f1d4cccb7', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c097d66257e43c90e1136f0c59fe36c2893cd3fe', class: "gux-label" }, h("slot", { key: 'bcfe31b19828e0778d9d572bec97f435389142f7', name: "label" }))), h("div", { key: '4f1eeb5be7d495e8f1624dd6036e5cad42726968', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'dcdf2c760f97879c2e8f096e8696ee69be1207e2', show: this.hasError }, h("slot", { key: '2fce9a4267950b027dd59e17d3f47903f569db4f', name: "error" })), h(GuxFormFieldHelp, { key: '59e804c39c6d66c7a82e17214953e1c1e269910d', show: !this.hasError && this.hasHelp }, h("slot", { key: '1a9acd8b48a6d3b80c64e05375ef3eae8b25f49d', 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: 'f8f4831a93f54ea356b1902fbf037d897797523f', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '7a8c10ab4a4d4603b3801c1ebdbecc01b6a54433' }, (_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: '04c17fff48218c66531b6dee9f3d591656121b0d', position: "above", required: this.required }, h("slot", { key: '7f75dd2ed841bffc60c40bc7ed670f9430a64f10', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '52977414d02b4ee2c07e74e3238a6612c11ea7e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9e339bbc65c945fb59434dc4727dc85acda9b22a', name: "group-label-info" })), h("slot", { key: 'cfa5ecb0cb906eae359dd2fe33afeff60cf53ec4' }), h(GuxFormFieldError, { key: '39c31179488c93d7476821a53869b1cd416e73e2', show: this.hasGroupError }, h("slot", { key: '4308eb7fad69d59ad0ec2af5a63999376569c8b1', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c8377482e8d2742c632b20795fbd6007ead688ef', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '55940e9024684cbff7ee46db3ff46b8435f04bab', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '6a76d4ad97902956286b049e84fefd22aed40034', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ab6bfad55bfd7956298e3b7417760ca2749edc53' }, (_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: '36c778682f287a5a4d328eebc778bbe7cb6682c6', position: "above", required: this.required }, h("slot", { key: 'eeb8abc240492c8ff0e1416616449bdc72b76ea1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '923f209fb70fe3c8d79ab01054ad38632f516e02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7770e201f043a6633e6322df518ad263cbfa95d6', name: "group-label-info" })), h("slot", { key: '79a883b74ce4b05767a19516561493bd41a6b439' }), h(GuxFormFieldError, { key: '546a10e352ad5f836a627b77cbba681d7385e892', show: this.hasGroupError }, h("slot", { key: '9b3cbc4e4d8a63156aac2d11bf97f3663006f2b4', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e1ac75ec7b9c446141b949fc23dda9a166747468', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '04fe13870a936ece3a9489224352b3462f23c6dd', 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: 'db002b685d2d45e6009f39c8764169fcedad462f', class: {
+        return (h(Host, { key: '0b2a0ac59a1df20216c07cf3b5d776076652f419', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '3bd4a211a8922871705f3ec89257d65f1759fd45', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '92119c60c0534f2d6b939055c41fd18f51b573a7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5f6179ce92020f54ec8bdc7d2045dd7b7e77c344', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9f1ceea87987e5b5708ba385d54396cc928cb645', variant: this.indicatorMark, required: this.required }), h("slot", { key: '535f26087b83b8ca61514a7bfae91f16a83a9a0b', name: "label-info" })), h("div", { key: 'd5939e7972e0943c57d0d735e1e60d7470e9ff32', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '58361330a95e52faa7339d4d7b770261b07a5686', show: this.hasError }, h("slot", { key: '6220c513e60271b94ce974db015805fb39ad308b', name: "error" })), h(GuxFormFieldHelp, { key: 'e550602f315df7f03d650e3ed737a9a47f518043', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fa2a4ee04b93939478d8cd2c14baa0c320d47299', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'b30204ef473dc608ab1938cc9322d983c09162cd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ea2b43f91152b537a67f361faf3db593ec147e8b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97bbb28a1cbb26ac31e14237667ea08494c4873f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '763dd478ce01d5a875453e46aa98d508b3ca2e12', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dbf54d1c841ce5e6fb09f8f2d28612b68f6ba607', name: "label-info" })), h("div", { key: '0bc87a2c456146133114820dbd7247aa03725d8b', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '6624f8459a84bb6e97199c6c17dff76b033b216d', show: this.hasError }, h("slot", { key: 'a507edab5a2cfce56eda8ea00067081d591a0566', name: "error" })), h(GuxFormFieldHelp, { key: '5f5b31313a833c0c8d435b2c7efa3026bca2b1b9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c92b67441b93640998d8a1fbabbece8653b04590', 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: 'a30394f27a86d20b0e598df66cbdb6bda45bd4d0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '25a4e6f6c1246e1ff8dd6d3bd5712241e3da476c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '88d218d2aee11f2c27f7ab60ab6c2f78bfb8883d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '53c5e9611ef7c53bbfb872852c6f0f910df44161', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8186ebb9d9a1c2b40c9586a39871c72430c4c9f1', name: "label-info" })), h("div", { key: 'f5a5c5eb6ce3dac279aa01f4482ac68d5826ae48', class: "gux-input-and-error-container" }, h("div", { key: '0ff8bd0453cf3e742516dee6151b824d9251e97a', class: {
+        return (h(GuxFormFieldContainer, { key: 'ee1ba845e3e069d33a4f843941433087966a9530', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fc30f907dd13e00a0965e0b43132d3ba189f664b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4ac5c5d7bf05b63fd72f03144c6b108a0b6367c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ecfc440ec3c70f27ee196bed53e7a0cfe484b56', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2084f698c1828fb1f678148308ae0f1aa1f65e6d', name: "label-info" })), h("div", { key: 'd18ed366dee72e7f8b8afcda6c03043b400b4f13', class: "gux-input-and-error-container" }, h("div", { key: 'cd80766d00e138306674e01e60d24a4e9fe978fd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '761b0ac38b6d6412e90d183c2c19f78d7e0ff591', class: {
+            } }, h("div", { key: 'a41e48e5b4e57c816af4a8a1b0081d5afb669f90', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '41bc95593404332f033f4ea16dee9c5fb6fdcbb0', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '25dd3495337b18bb13a36cef9c782b5718fd065a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c53231d3f96492b8b2cef987e16d81abecf86f1f', show: this.hasError }, h("slot", { key: '11a60452e6feb101a5e8db771283a206ac30e24d', name: "error" })), h(GuxFormFieldHelp, { key: 'fee2295ee046031446e1f2331a22d7268ed83a60', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b956452e2c38425bb962ae0b7251d7ea7771fea2', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'ba401019fff62d4a024e631e888b9c63b3eff925', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '8be37fdfe79e838e66e76bd2db4239d3a1b4a88f', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '81f511295f00b69a4c4910b514a692293bbf577c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '873888e1206a7c292a26a94a1dc37cf3bd20cf14', show: this.hasError }, h("slot", { key: '4e2f93f89f8ef47653247aebf03dc833860e71ac', name: "error" })), h(GuxFormFieldHelp, { key: 'fd65d4b252d260a0e738bb600c79d2f6d1720216', show: !this.hasError && this.hasHelp }, h("slot", { key: '61779b9bafbb1c4671f49373cbb9c8968d642cf2', 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: 'b369435896f25fb7ec1325a6b0be5c781fd67efc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '38901edb2eb3bd3f100d6cf3f132deb60b046896', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a89921edc4dbe6986031d28cd9cfb051942d0b75', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bd85f0211926890d31628ec5927ba84b7973f694', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a332b280ba8eabf29a12e0349a520400bb6dc60a', name: "label-info" })), h("div", { key: '1d4fb4187c5831e4d929e4863d328ee9052e4d82', class: "gux-input-and-error-container" }, h("div", { key: '6c631f4539772e2392ca1543575c30d35cbe1f5d', class: {
+        return (h(GuxFormFieldContainer, { key: 'a891d746f1e196c085401687a23d8e082db62558', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '111051fdcd79a931c5e4fbb54f0f8dc858df324d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9fc7b6d5768b4c2783e9d5bb9ed606e89eda6cfd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'aa2355ad7107bbf7cc3ffc196328b71b9097a532', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64e182139cf6ba85f444e50a386dd4776f921364', name: "label-info" })), h("div", { key: '063a815a8f0b490f434f22e5eca46151c60870da', class: "gux-input-and-error-container" }, h("div", { key: '6d98a4f02855f4dedc72c3ef16fc4853b0edfda5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '02bc02d0cb457ea7e021746be96470941560e6c8', class: {
+            } }, h("div", { key: '77c7a76e45c4b99254ca8ff0b6d9d476d83e6fc9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '205bd13c0311f90e9d43415660c5fa52b12729f4', name: "input" }), h("gux-icon", { key: 'da7a103eea8e102efb4f0f070945efd2251464b6', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'aff49e31e92ce372557e9becee4b2bafb7c9e784', show: this.hasError }, h("slot", { key: 'dad5c48492a0b2d9691aa02b88ece74fd72d1a24', name: "error" })), h(GuxFormFieldHelp, { key: '484e6a4559d60f6a106fad7ef283fe9108aca87c', show: !this.hasError && this.hasHelp }, h("slot", { key: '4ced60adf8dad029da74ad51b209550662967b6d', name: "help" })))));
+            } }, h("slot", { key: 'a6b83dcf94d3ba5d18593fc7ca5c363fa1a76343', name: "input" }), h("gux-icon", { key: '37d692a4d81936dfc3359e720c0c3ec2342f3a58', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'e7ac6050685cc4d6e591001428e0bfeb4c3d3a4b', show: this.hasError }, h("slot", { key: 'b0de1db0a8b8b1036284a7749dcd6063baf08a29', name: "error" })), h(GuxFormFieldHelp, { key: '07256c1cf58f785aa2069ce16b87e32bb372ec5c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c09f0d5e5cdb02ea8d5a75f4a469f407d2168578', 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: 'beb98cc29449e9cc02943e698df8717b45114570', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'eedcf5016706b108e545817c98745ce7c52d161f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'bf7acfde961586ee95edfdae121b5e280ee49af2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '56a5c9ae8f38704d6de079b969ddc99089b67de2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '72d14572d6103e889ed27846be8e2141a174498f', name: "label-info" })), h("div", { key: 'fc34558ec02f718f85f739a253f735e3487e7fd5', class: "gux-input-and-error-container" }, h("div", { key: 'd6ad5d2b24eeb0b3dcf234c4fe76cdc4b1bdf343', class: {
+        return (h(GuxFormFieldContainer, { key: '8542dbf3586a4954e599b474075d2223412a26f3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0b62b512499c8ef97761e2704f3b737cf06f968d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5935577524f196d395cf644f49814f7766a09fd6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ab1777e7bf925e04e1bf7427aa2c49e2cd0ad5c6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '713b9725d03a6f121397db9bd4f77bb0cfe13c4f', name: "label-info" })), h("div", { key: '85b87e18390636999776496f487ec0c0cf25b0e5', class: "gux-input-and-error-container" }, h("div", { key: 'dac2fb06f90b9db78f46e632f234a7a41456d6d6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd882278f448c04225ec3cca78767c08da0c868f3', class: {
+            } }, h("div", { key: '3465925d047570189a19f07a93989a60eb8becff', 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: 'ded12095ab3b9133bee6f5069451e1d831146ea4', name: "prefix" }), h("slot", { key: '9d48cfd6c49f2be1fd1e8a8f01ebba2bcf24cd0a', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'e4b8cbfa3e5cffb1e2aefe3d8e566c0ea8540c84', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1c763a24f321d889f596085e032a3cd9f915c437', show: this.hasError }, h("slot", { key: 'a9cfeb2acdd78458405f1d69e97abaf81c09b975', name: "error" })), h(GuxFormFieldHelp, { key: '2f789dd4ef977e7f9ec53a02991055c3b8e5b977', show: !this.hasError && this.hasHelp }, h("slot", { key: '5ae7376190c8c720fbc2c52eaedea99a717b78d8', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '252b146258530413117f35e3462e1c468ed1d508', name: "prefix" }), h("slot", { key: 'ce315116d279a9a7e2839e3f6ba6a3f973efa8b8', name: "input" }), this.renderRadialLoading(), h("slot", { key: '516b7df929a370f62e91f5918e5828ab268e856b', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '22ad01e5c3a63f23ed2cc066a758f704de050222', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '218838c17bf35f44a04cfd16974e6cb34b298da4', show: this.hasError }, h("slot", { key: '4996092e4483018fa7053601b765dfd53ae5af22', name: "error" })), h(GuxFormFieldHelp, { key: '2e2f5d71b0f59528c40a79d6411417814358476f', show: !this.hasError && this.hasHelp }, h("slot", { key: '32e2373d4ff0238fd7dbae1c9c113003ad93cb15', 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: '3ab558e4589ebd613292374d01eed67a10499a20', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '46d9d2fcf36c5bb731ffadd9df2bab8cc2b18265', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f18d23a96d46fa7df87c53a92a82152f942c58e1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6c9ff48bbf20bad5844cebd08a26df7ddee084f4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd70ab2f2da69b4ff005e6d56d7fedb7e2556a411', name: "label-info" })), h("div", { key: '6bbea9474b4a2a7a988f2cb50fac5caa345f6fdc', class: "gux-input-and-error-container" }, h("div", { key: 'ff32248f326120071dbc6863125d0a1627c5e149', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '2df8e8c0180df0cc9ccc6aa2cebc48705925b2e4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9772db76e39f4642f7ab05f660dc516dc0467ebf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'abb7ea432242cf62d860caf1c9c0a2d3a9691744', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fd8256a8d319cc0b49a7c950ac5c6513de00bd42', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0b579b3ee118d7c85944193ff5b3cb4c943aec9c', name: "label-info" })), h("div", { key: '5aa038f7173b329bde1dd5452924b472b6dc5429', class: "gux-input-and-error-container" }, h("div", { key: 'da0492cf401dedf4ce4634a4e8b543a125bca2b1', 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: 'd7ea5e54b58900cca265223eca34dc33ab8c37b3', name: "input" })), h(GuxFormFieldError, { key: '5ddfe3bae1acf64b4860331377e5c1e176fbe45e', show: this.hasError }, h("slot", { key: 'd23cf2f4f3b653a56009f3bdd015b24b89c948f3', name: "error" })), h(GuxFormFieldHelp, { key: '6ff0e8b248d2fa2067b3159ca758894821461eab', show: !this.hasError && this.hasHelp }, h("slot", { key: '0d97f94cea4d945e2930d8990672467ca7875bbc', name: "help" })))));
+            } }, h("slot", { key: '4d8f6336f444db1ece5f794a10f44d642a8ad684', name: "input" })), h(GuxFormFieldError, { key: '73a719a285cc1eb1c53943834231fe876d6b6053', show: this.hasError }, h("slot", { key: '1962caac9f235239eeec00c2767ada47c9bba4e4', name: "error" })), h(GuxFormFieldHelp, { key: '89fabd0537049dd567095190180b61b6a1426257', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ab914b417d16a31090c77485bcad9be32e82e250', 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: '60646429de08f5be22c63509833e16af7d91a5b1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3836dd001b55139f67a4eba1a1b1af8cc48724c5' }, (_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: 'e92f4bece7a7dcd46ee01c63e0e2bce5dfa4c53c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8914ad5937f3ed04f7b06002859172cfc71c02b0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'be970468e71815ab969d1133002197b15cf0946c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb8138911368a0722aea51e0ee46e3d4ee9e2a04', name: "label-info" })), h("div", { key: '9fbe887c3cbd2c7338c36c96bb7347ba943bc6c8', class: "gux-input-and-error-container" }, h("div", { key: '282647ff5019aea33d48a926c2fd49507a4545e8', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '99e5a1a568c15e6cbb374a82670141611bef77bb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dd14dbcd65f247beb94bd5453aff013f90fa292c' }, (_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: '5381652c00e6ffb9617b132a3d83a312e01d28e7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ac571f6ecba8c635b0d1ca060b0c3bf18856ce49', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4e365115b94f2e8a1a9b9a2eb0c083e5514022b7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '736042e117bf95af0bec592e0971591879cebea9', name: "label-info" })), h("div", { key: 'ab7c25cc058b84f6f6a9157dbabe707fc6e44022', class: "gux-input-and-error-container" }, h("div", { key: '3174841e91268f62b402e943fd568b24b5464e69', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ca0fb7f3caabc2a6ba6e3a84bad1e0a9ca160f6b', class: {
+            } }, h("div", { key: '070e8ae58e76f026d01b3bccf96258237c3dfd77', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'eeab7196b9023849030d13c3dacf9c62cba80d92' }))), h(GuxFormFieldError, { key: 'c950dc34f5f7c2d4d194cdfe499f28d80783f0c1', show: this.hasError }, h("slot", { key: '24383262d7a92085c023e8cd69c29e74c7a89d68', name: "error" })), h(GuxFormFieldHelp, { key: '32efe93a351fb63d9159a117233e20641e681a3e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c30f18a1fa9f225b8d3e1843b588277f36b8e5a4', name: "help" })))));
+            } }, h("slot", { key: '3c850e19772bbace5060af078500da64922cd2b4' }))), h(GuxFormFieldError, { key: '6f657e4ef8a097efa41cf4974f2af81d22fae7b1', show: this.hasError }, h("slot", { key: '33039502283c755dc3edf831f23738e6f595a7fc', name: "error" })), h(GuxFormFieldHelp, { key: '2851dfd95ccf73b9b0dfd64a5cd82b2b61cc94cf', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c0e2b86f132bba0c1e3165e0557e6064cf28b01', 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: '830fe622d4dfd9c8989ec5b8f773b79c91b640c5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b60a3cc9ad9b51563c50566cd155483a600d25af' }, (_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: '2a1bbf884b186e840364613a667491d1df43ca72', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3b17fd4bbdaea69801e7b94111591f86401e069d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '699c71c6aee52ce29377ba8bd586296bac42d82b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7164f758422720c56e4319eae042870ca698dd42', name: "label-info" })), h("slot", { key: 'cb1e3bf31091ffbf84127d0c4dcc8e46545ca1a6', name: "label-info" }), h("div", { key: '88c5cfd7f100279a3f838c46a53143172ea6b570', class: "gux-input-and-error-container" }, h("div", { key: 'ef3560f089a6afc0f46133ae8a475b1926f69e48', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'cad29676080233a809bd6d3c5dca50dd04d921a2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3b6c3d7a218c2d1bdcb8fd17970499b4b8cff1a9' }, (_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: '7ad702a194192691090aa5afe2530f92305fc175', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ff793f022bbb9fccb76e12f9c5cd33841a0f9c8f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b4dabe7124c400e9754fc5140c36796a780d7239', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9db41be734b00d67644f1324edb38900076b7392', name: "label-info" })), h("slot", { key: '7ab81d750ba76da7614bb482c6b22496af2efab8', name: "label-info" }), h("div", { key: '98990959c2fdc92b9bf8047d355ed673034dc18b', class: "gux-input-and-error-container" }, h("div", { key: 'd9fed80602110c474cbbd4b6bd8049cb7189f5c8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '8986a9d1092383d279ad2ab1131403a4c989256e' })), h(GuxFormFieldError, { key: '1b0f957d7041d9f98872143cf3ff17be1aec8b7e', show: this.hasError }, h("slot", { key: '21697dfc6f67fbbbbe83570b650ce9a616e6340d', name: "error" })), h(GuxFormFieldHelp, { key: 'b4a571e7cd42a17d826b64cb70a7e306791760e1', show: !this.hasError && this.hasHelp }, h("slot", { key: '97249df4da2c8b56b196c6d8a9015bb0c4bb11dd', name: "help" })))));
+            } }, h("slot", { key: '937623c81273c30d67175d57d76408e3e55aa46e' })), h(GuxFormFieldError, { key: 'a4ea74c31599388f712619ba31c5a57452060241', show: this.hasError }, h("slot", { key: '3f51a30a87a41bff3f15853b2ebddd75b847a48c', name: "error" })), h(GuxFormFieldHelp, { key: 'd47eff0ab977dd70d3114ca8689e73bffa8b00d7', show: !this.hasError && this.hasHelp }, h("slot", { key: '7adb9a57d397057a9f533915c78a36619b38109f', 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: '8e3e3c5de710ef86247ccdf649ff4c9695d7a88b', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'f7c35fe3fa03064a90c242e33bcbeffefdaf14c5', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '7d6f8c70d0e1d0b989b2d50fbd25ea3a2f73142f', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2915976047bd900f4e96b4eb3a214236e5001c7f', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'd094d3becd136d22a806a730b7c60c0036701567', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '469550b17dbff3ba890d8fd1903039fa34aadda7', 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: '96d877e834c81f2beef30504639ba5ce33d01a98', class: {
+        return (h("div", { key: 'fde2dfb461f4f9cca557bba7cc7c26e68e089bf2', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '613996e60cd474a7cd13dad881e5920f38427e68', class: "gux-message-wrapper" }, h("gux-icon", { key: '4add9450cb9c4fabee4cbdf9e0a5505b6bd5f0e5', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'ae90a0a2bccab6a39d77500cf70857edeb34f197', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'ca885d373e4396f3ed7ed552cf15a70264174ebc', class: "gux-content" }, h("slot", { key: '47ecf6cafe328743b60aa9ade78dccd2e12e17b2', name: "content" }, h("slot", { key: '6bace696f6181b7de4dc07e1c88459b52b4a3d49' }))))));
+            } }, h("div", { key: 'f605755387c01f481873d88b47ae005d4d8ff45f', class: "gux-message-wrapper" }, h("gux-icon", { key: '351c47da96232211a4ffca7a924dee89cda1ff62', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '0f7d7dd6f360e3ba2d1049b389b4a689f22dca18', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '8adedf88e6c7858b894b587dd15514f8efeb66a6', class: "gux-content" }, h("slot", { key: '6fbd601f20f23b7d5d75e8a0ad8afd7d6be65297', name: "content" }, h("slot", { key: '944f478762d7dd9f71009816c26560734de2bbf3' }))))));
     }
     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: '249d522cd8c5c0583154d900b21795030814af6e', role: "presentation" }));
+        return (h(Host, { key: '350ede1a420ac1457665bb88929b2563678950cb', 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: 'a73a8500f64a41b283d04839822596be7951947d', role: "listitem" }, h("button", { key: '44139a45c1b776f48a6a4e01831f0b84496f6661', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '1a60d18f8d999c2fba4bbbb880733b8acff02f6e' }))));
+        return (h(Host, { key: 'fee0e4774e56d8f92d359fa440b692d91c6fc698', role: "listitem" }, h("button", { key: '9559265528fffb857a5b494a0cbb94a169d768c6', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '3b5093f8771af67724eae1f373f7dfc7d8594435' }))));
     }
     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: '275ba18ca6a67097ce38d16e6b12ae7c2b19d5fb', role: "list" }, this.renderFocusTarget(), h("slot", { key: '324346580a4007be1eee22b0603bc5e31ac5d2a7' })));
+        return (h(Host, { key: 'ad961f6ed0eb29a5359534c174d2fad033948d77', role: "list" }, this.renderFocusTarget(), h("slot", { key: '2dd732f57f7770db60a5fc81a1a7f4aba7b7dfeb' })));
     }
     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: '50097429d09aa1ee2a198e5221b05e0589b68f43', class: { 'gux-filtered': this.filtered } }, h("div", { key: '0b9e477b7b8626dc71bd809e1f75a9e777e9d592', class: "gux-option-group" }, h("div", { key: '29656e0706e792dd64e7777d1be13aa617806cec', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '094a97df8ea2faea1dae94ef50b1dd1c8ed60b37', role: "group" }, h("slot", { key: '345c50437cd32012d5734207290d24cd6f2184f4' })), this.renderDivider())));
+        return (h(Host, { key: '337395bb996aa1d1748dba716e951da4ace55a8b', class: { 'gux-filtered': this.filtered } }, h("div", { key: '585742862e99cd3862acb627b125114392d5d2de', class: "gux-option-group" }, h("div", { key: '9b11d410957cf000af02fd27ac47e50a0e5e7a55', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '172f01d14f4316daa18460926adb75203cf4415c', role: "group" }, h("slot", { key: 'd8565e733b5955bcf4fdcf1fddfc951f7c4b7f19' })), 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

@@ -37,13 +37,13 @@ export class GuxOption {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: 'f91b411fd87679179b8d68d54d788a8dc4541a5d', role: "option", class: {
+        return (h(Host, { key: 'cf5fe5e745553b6d2dd60a16092c0a3685d3e56f', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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: 'c8e543fd424975831f50f3711ab42bb209015140', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3dcac66932200b4f2b58e8c960f9b77985915b57', ref: el => (this.truncateElement = el) }, h("slot", { key: '8a5f63fa0c357e6583460dcb8c9e086e472b9dd3' })), h("slot", { key: '13cc9f7240ab26b298adde0be702feea32058d18', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '93046a8e31821e9953f77a288fb00e9ffd3a339e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '573bfa3e236fa31d70f743cdbced7c591526633e', ref: el => (this.truncateElement = el) }, h("slot", { key: 'db1743e32b1a2ef216a785e70d6899bbfcef744d' })), h("slot", { key: '64af95d9800a03704c90112df781157c3429f21e', 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

@@ -53,14 +53,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: 'f6d97334b6ac9e4847f0f77f30f95ebe28088bbe', role: "option", class: {
+        return (h(Host, { key: 'dc574a0bced673e026178da2a876bdb4d20dedd9', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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() }, h("gux-icon", { key: 'de90edc0af36ba92f23aae43612e54694daddbc3', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'aabe07b93b704361cc89b56b8da2fcd72245ab27', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6fcbe44baa62b77d41fafb97568e70821f3f582a', ref: el => (this.truncateElement = el) }, h("slot", { key: '95e9a1262dd1bcd3fc55d1ceafc9366d3627d49c' })), h("slot", { key: 'e4f07670f12dbfc93cee212bdf701118981c61c5', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '3c21333ae6076318bef71a9e31620dc9874ffb81', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'abcbf8e42f255565ede046131bebe1b4469bab8b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7ca9539795a24a5a5921899cda5204a89d6b6daa', ref: el => (this.truncateElement = el) }, h("slot", { key: '0ebb69750318440542eed81c166f9f401af91718' })), h("slot", { key: '4e4414169fb8b36f58b31209d17559ca0b586393', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     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: '0dcbc012615babc051ac2f898c055428a16d9eff', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '56d9ed4affeb1eb6138577df406ad5ddb397b2b2', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '4fa9b0e2fd24f366c8b443e0bacce9a45d76213c', class: "gux-option" }, h("gux-icon", { key: '7c02200aa0207ac3848e92497b87e412da63a9f0', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'b2e4084e125e3f6fff832f0177334b69b2b53d49', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '96245daaf7f95ac89cf1179b4f5a3ab52f65aa20', class: "gux-option" }, h("gux-icon", { key: 'ab7121b9be86575ab6fd7f4b826ae5e062e73df3', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '0e66206f686c355d0e49827728174ab90024e540', 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

@@ -54,13 +54,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: 'c0ee80a1e887bce0a0a793df494fd429ddb4a60c', role: "option", class: {
+        return (h(Host, { key: '395decc97ddd804746666789614c94a9a687995b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 '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: 'da6a8e6cf621311a22d870ce16969909561e4834', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1f3c00b576ea51da0df4343f7e240f30ae86216f', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c3eaf571850d783cc475707a0f7ce6c6683a3226' })), h("slot", { key: 'f8e8ea760065b9d1125e5e0bda6c84d273e135a4', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'f21a9c73606c9b9cac380a00ee9683201372cade', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8c6245a4b893c27d1e08795d924a80829daac250', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a3473d87d097a18db04eb095c1e201c1523a06aa' })), h("slot", { key: '2942a058b4da9b5a7cba6247e90b771638812acc', 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: '4330ab1ace84b7d34ff1e2f14e050afba042020a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '6593975a059fc8da6eb7b34718169b74a368988a', class: "gux-progress" }, h("slot", { key: '09c160670c9b6f77a0f5bb5476f742e660ecf3eb', name: "progress" })), h("div", { key: '2faf953954739889b7bcc4e6f413d4de63d13092', class: "gux-primary-message" }, h("slot", { key: 'a987f769f101c0896d51ad6c6edbe05bbd8ef065', name: "primary-message" })), h("div", { key: 'aacaa775625fe68d9319e88f814adc1bce9af5ce', class: "gux-additional-guidance" }, h("slot", { key: '3c07d692563277c80dba68ce9ef81684bbad589d', name: "additional-guidance" }))));
+        return (h("div", { key: '2a491ffbfbab331acdb1689bb19b318baf2c52a6', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c544e6f1a01e0c1b8adab7db367cc63c4469d42d', class: "gux-progress" }, h("slot", { key: '90fc79b0b8443cf46ca8fa944d6a1c13430ae716', name: "progress" })), h("div", { key: '37116499b176c0f63b9f919aaa15031455480a51', class: "gux-primary-message" }, h("slot", { key: '8d53d0a567e204dad15ee021c58c6b42eb106556', name: "primary-message" })), h("div", { key: 'ffd6ca8139a4b3797a61ce9337f191323986952d', class: "gux-additional-guidance" }, h("slot", { key: '04caaef6d427e5d4f28aa793e9936fc0a71fcf37', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -59,7 +59,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'e6053f042065f32a73aa833b684a5963ee9d15f0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bd3dda03b733d751dd03f021a3851809c68e8552', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'bc41ba8e49d2cd8de1be12e2392967c0a3b092f1', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'a63862b65648ce1607b419f8865c51072c945e92', class: "gux-modal-content" }, h("p", { key: '7255b0a005ad374f49d1c54c3f113238856ba8fd' }, h("slot", { key: '2553c414b2589cc10f5cebaff5b31f50910ba994', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: 'd61c0af8c16688f59fc94baa9f9b6877c9b4d458', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '42db255cfcc1b0fa32800cd1644a47008eba58aa', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '385bd49a967d7b3065262fe40bb6a813c47f60d6', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'e488467418f269190cd77c5771ebd1045beb2b34', class: "gux-modal-content" }, h("p", { key: 'abf1fcb7c0e98678bd350d9f88524c182a6d4a66' }, h("slot", { key: 'c4cbfd8dd959736829e60587aaabbb823f794449', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '306d60a9219045954fa0b35703fb19591104b917', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '017598be977cdb5f42643f71a2f48e4ae473a0f7', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.js

@@ -59,7 +59,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '2315c7e3eb52584894323e23683a5e326aa92937', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0e1f9edb026f513834430d7e1521278d535a2810', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '812b9e153087c30c0bb4b8f1752a49726935cb77', accent: "ghost" }, h("button", { key: 'e8a30e1df9ead8783d32d36162b5f8a077bf2505', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'af5aa1ce256d73b46ca8166ec7128c8163923f52', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'e2bcef18d214405f2961e48f1f3f846f06050e77', accent: "ghost" }, h("button", { key: 'dec33a851a230c19063c0d0580b9df0812749e5c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '8dcfe6c80a54fa34afefb39aadadde76a27836b3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '0116a2f91a6e70bcfe04ca485cad9679fae40b97', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '69995951810e2512497bac219c9d7fc3f7351096', accent: "ghost" }, h("button", { key: 'ed5ee27b51d3b9a59a33c26f9920a1626da1630a', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'ed0a2a6dc3c0fe9d1bc99b97fbf0045b8026dd81', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c5dc7e9bb824b60c8d30e428ec64de34e9798efe', accent: "ghost" }, h("button", { key: '1ee595989fddcd483feebb50253cfafb46e50ca0', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'ab3a566069727764605e7f4cf34583bf443149a5', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '30ab0439083726cb3615c1a18ff0ab97efe798b6', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'fbc5a8b8d13116a7767d1085a208c15b7bb1a5da', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b9cfd4b0a994657d168d1aa0614e2176efb9f380', accent: "ghost" }, h("button", { key: '0ecd32936b67dc25c6b303af460831f0f877e3e4', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '3de8cc8df38797524373af310e3e542afcdddc81', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '75f193385cbbdbe7a56272f1fde64019068b4592', accent: "ghost" }, h("button", { key: '8318f0b70e9361263261b4fc5bc53a1f2a877bd8', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '0267d317badb9079f6bba6cafd838655fc057f93', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '0b526166b2f78226369144ce59649e99ec078fe6', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '830556222e1c9bdfa307acc84c9ea5b73aa64715', accent: "ghost" }, h("button", { key: 'dcb89968a1cc1e6a7d7ba4e45764d609c7da1d57', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'e68bb86ec3e2f310a8c7866fc0f2d073061992c6', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '6570459811668de2a760b6fc91edba3860bd6939', accent: "ghost" }, h("button", { key: 'd1a17d0c343b0fb8cd293280a2c41e6f2cffc726', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f0a7f421dffeab5366a1d8c26ba08b5aa66e64ff', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -90,8 +90,8 @@ export class GuxPaginationEllipsisButton {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '2301cd5c9a4497de8384921a3c61774306d1208f' }, h("button", { key: 'd4a1c875f7d1fc2133a93ac9ed87a3e6e8580fe9', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'b3146905028aeb1b0206bf85998c65c374c29603', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '68a5d97e49580bb24edd13c4a190403d019d660e', for: "popover-target" }, h("div", { key: 'a4beb49b5c3edc66d33f2af5f10a1304ffdaf319', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'ee0612ca837568a3eba33a9862a3ff6bb4a3bafd', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'bfde9a1e39c04960fea0e1bce197eb8ef0493f6c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '650d0a9462488d1c3b2f176c04876fcbd95aed4b' }, h("input", { key: '21de6a82c8b6698a998414daa901d76b8f570c0f', 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: '577fe000241f10532459835753722a15ed2ef745', slot: "label" })))));
+        return (h(Host, { key: 'd67656590fd27501ecb370e04ac52c664f1dd3ce' }, h("button", { key: '31d3e0d7ab9cd9dd62dc2042317570d28844e61f', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'f7d035afd8a59b8cefc9135d7f61d10822fa92cd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '2260d37618cef3d5f6067d25ad7d73a6371f5049', for: "popover-target" }, h("div", { key: '4798e5a26335091f2672b63a2f5b4457091ab139', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'cf9998908d7b833a05f7adf123f38da37a6b7a4c', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '4e80deda4ccfe376eafbae647f3fbe47cc86d2e9', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '567095f938f1573e1d72e04d4450a9107ce69af6' }, h("input", { key: 'e069dec55bae481a4d72b584aca7a90c116b9333', 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: 'd9ddc391f609511b1dbca8d6897132eed61e5cb5', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'f08d505bdd5c1e6f24577b37d905e0836fceafa8', class: "gux-pagination-item-counts-container" }, h("span", { key: '7182128798a4d10c819e9cc29f0328f0435d8264', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '993e166ead4f89df64c6c5be303215dce3bd70ae', class: "gux-pagination-item-counts-container" }, h("span", { key: '0a1088435f50e30ba9e34b27b16270252a861fef', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPage {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'cea537794b5b1a55626c7bbc8ed1573a801ea415', class: "gux-pagination-items-per-page-container" }, h("div", { key: '553a0867b0cfcb95eae7561e975bee6c55b64f57', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4680bb2d980db9d65d715ed0b50efc2097ec55f3', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'd7cedc7c5a23c0af6f2d9fb7b726cf6ac367d9ac', class: "gux-pagination-items-per-page-container" }, h("div", { key: '41b0844523937600c5a0df9029665c0d4b5f459b', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '6af4475c060ebf2b9942ed6b6dcb0a527b132c44', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -83,7 +83,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '3577a6fdb512eb72b2115a72e1dde3e9af23f472', class: "gux-pagination-container" }, h("div", { key: 'ff66e0e27f4d7071e4c73b7b5e7f7da33dce869f', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'bc983187abac498b7722edd197b296318e0d28b7', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '1562302c201dac233cab29e6932a1b700511c7c5', class: "gux-pagination-spacer" }), h("div", { key: '53d36d5c1a88949d8c6bc10b09f9db2b395c06bf', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '713734be6c0ffad2df6cc36076c1bd85069fbc8c', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '89660a5d070ac526d5f9903778590d1bd270a9b5', class: "gux-pagination-container" }, h("div", { key: '593ced162d399ccbd4251d5e5c02fa2369cebc29', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '442f13f3c0def8cff466bb6293c9f725078c9d05', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '9ed771112644dcc21473b9058d64fd9602a11ee5', "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '697f99f72bdea4b8eb4505e38a38c65b93b37c11', class: "gux-pagination-spacer" }), h("div", { key: '1023bf7bc4026afc7bd367d28acffffc30644f37', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '3bd7c8768f9a38465528806b7849f14b690c3069', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -155,10 +155,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '4ab7f3338ddd3fb6b7c789fe194f6fbae5fec514', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '11b255fd5fde0289e031a87b9c73a99c38d6454e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '0ecd24cfcb871084ce571b2a937044bbb80a5458', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '49e1bb315b77d1c23652618c1a63377d008aa4a9', class: "gux-arrow-caret" })), h("div", { key: '4bb13e189e4421ff489e76b4ff4cfb667eb3faad', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd2fbaf08c2787230eb77e81acf14cb019aadcda9', name: "title" }), this.renderDismissButton()), h("div", { key: 'bcead8ef779fd12b3e7343d55c7759f5ceab628e', class: "gux-popover-content" }, h("slot", { key: 'cee2b739f73448891d9b5eb2f97a9c35a04647eb' }))));
+            }, "data-placement": true }, h("div", { key: 'b83972a6509b0f6cbfe5d87d7b055a3061ff4f9c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '745b6208ce6d44dd8e99ad52e66b6c3f02053596', class: "gux-arrow-caret" })), h("div", { key: 'f41ba145dc0c95de2f1cf8df0dab470098124703', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '33bb5d4901bc3df83add552affe43f593d11d660', name: "title" }), this.renderDismissButton()), h("div", { key: '4a0ab32e8be3bc3e7acc64b2a2ddd1a191ba7ce2', class: "gux-popover-content" }, h("slot", { key: '2390fb874bb70060ea69f9e222111b1545559c15' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }