genesys-spark-components 4.122.0 → 4.123.0

package/dist/esm/gux-form-field-file-beta.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, f as forceUpdate, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, f as forceUpdate, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { a as onDisabledChange, o as onRequiredChange, b as onMultipleChange } from './on-attribute-change-33919964.js';
@@ -103,7 +103,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a3a433f99f39c13c6ba0c052b4c68b12ac6a9912', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '0130b0fadf2fae60383d528f39cf9a4a41602446', position: "above", required: this.required }, h("slot", { key: 'fa0ca532f8b1f01b9580592c1b182980f7588d8d', name: "label" }), h("gux-form-field-label-indicator", { key: '2bdfdbf7f91ea59b2f55402b62f21cc9a1524a02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '886061de4e0245595d6a8d8276cd8171917674ac', name: "label-info" })), h("div", { key: 'ce5c3bd1d15cadc6464e35b711fc6e7ec3730437', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '7a3978d92aeb595c8fbf2fcd6866838f93c1693c', show: this.hasHelp }, h("slot", { key: 'cd64b06c45bdd1bbfe43fdfd6ef49324904a1de9', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: 'd98fc278c377870703f993fae72aaab4d322cd0e', show: this.hasError }, h("slot", { key: '30fce4fa958537b80e609e3c0d55ec1adc648dbd', name: "error" })))));
+        return (h(GuxFormFieldContainer, { key: '1fe256a52a5afe4adaa1206bb7facc912f8feef9', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '9ffdb4cd13b4b901dc72be9a0f1afcbcbd1702c7', position: "above", required: this.required }, h("slot", { key: '9189c449cd4522b16abdaf9b637cea9673630693', name: "label" }), h("gux-form-field-label-indicator", { key: '093191ddb1df0466f7a2ebce53e53ac135e03ac3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '93c66fcee587c739317f77143f55d00271c8aa0a', name: "label-info" })), h("div", { key: 'c02ed85d99dc15c93e1e59066bb0ed9cea2bfef0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '0eed67d08b8a92a07ae7eee1947c9c8181c7934a', show: this.hasHelp }, h("slot", { key: '3baa46080c9e58dc4683daa4d291c6f6b5446455', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '0c47f4fa737ef84e2da18b873b5c7f52f64ac540', show: this.hasError }, h("slot", { key: '22fde6b4eb08b4c97c715adefd942e628f70da37', name: "error" })))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

package/dist/esm/gux-form-field-file.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
@@ -100,7 +100,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b27324b472d6a26cec149d28ef968e329a870b80', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fea137ce4812f4b231e8653bcb425857d5ec1c5b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '156eb453546ee38051dccd8d1ad86870da080f8c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bbe992fe822dfa660b60c147db65d15d5686d32c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ebe144b46872b25a21c29b0340de06c5ca598583', name: "label-info" })), h("div", { key: 'd2b225aad3f0f097ce709d1f972a7d03b8ff333c', class: "gux-input-and-error-container" }, h("slot", { key: 'e21a6fa23a9204af0cc9e7faac7e8f4c79dbdd89', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'af905716a4a0e7b605608e1b84ccdcb048e5b98a', show: this.hasError }, h("slot", { key: '11e1bd7028880a3a25fbf0c42a56439e0952a5d1', name: "error" })), h(GuxFormFieldHelp, { key: '0af2d7064f94059ce28142b9e7bec8183c1b3489', show: !this.hasError && this.hasHelp }, h("slot", { key: '2944e2846c8d11ffbc8090f6bc8bbed432b0df7f', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'b4979c91b509011952b95cef5d259857cf76e6c1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5f48c85f8e8605b9aae03d21893cdb08860d12e6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '616f0bc4eecdd2c811917508aa4b5aa088a5d391', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7f7a137786883f86f74e214438a21f961d375c25', variant: this.indicatorMark, required: this.required }), h("slot", { key: '89590dc1113c88aeb0de99bd91935b48576b4853', name: "label-info" })), h("div", { key: '5fa096f225b34670fc3d9c6b57338e5dc5c13590', class: "gux-input-and-error-container" }, h("slot", { key: '26c82efe9f980b18c11d9408e55cc2e564867028', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '7a2a52d8c23fcb5882c51df48fea669e70d6a2b6', show: this.hasError }, h("slot", { key: 'e3895126f0568980f1be45a852913f20f6237cbf', name: "error" })), h(GuxFormFieldHelp, { key: '0173b8bb2db7ecc54454c1cb496f29c5d091a5c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '40b1d3fb225a2e41a41b7572d510cc6a4c8f53ab', name: "help" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-form-field-input-clear-button.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
 const clear = "Clear";
@@ -20,7 +20,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'b5b94d87c03b0d107deaa84152efe497f325f7ef', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'cc698d5d3bce00c1c8175686d2162522d3463dae', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '2d85df6d5b7c2a2d5bf34a93b203ed828c0e1204', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '7b49d619a8a7f7eaa4245e9b6b9e99aec217be9c', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-form-field-label-indicator.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import './get-closest-element-728b9f18.js';
 
 const optional = "optional";

package/dist/esm/gux-form-field-number_2.entry.js

@@ -1,18 +1,18 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition, d as setInputValue } from './gux-form-field.service-173b5dfc.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import { t as translationResources } from './en-25a315a0.js';
-import { O as OnClickOutside } from './on-click-outside-fe48b6ef.js';
+import { O as OnClickOutside } from './on-click-outside-25728f99.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
@@ -109,14 +109,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '687dccbc2feb887c8096afe5607fe5308a9230d2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a58844bcba501e2c12dd2b0d6425161387501ea9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f028bcd0585a38a94391dd199988e61d6248e641', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5331224ff673d77c40b4d860c6bfd049b1d43254', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'de435ce3eb2d7b791f01aabf147f9bafcceb6800', name: "label-info" })), h("div", { key: '758d196c36e6770c5d4e532639c0770e6c46311c', class: "gux-input-and-error-container" }, h("div", { key: 'e974161dfca25ce0faef27274cb40bb4d395e302', class: {
+        return (h(GuxFormFieldContainer, { key: '13afe422f642ba16e4857ecf9e892dfb04b2fdfc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c51102e1f37223ea40c28a3cea3984fa941ceb88', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cdda6da6b27dd3050bd62ab96b27282b2ce896f5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7e6799c85fbfb9aec78e580624ef004427106385', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8e2603f682330e09f19d4bf193f066558aa0e5fc', name: "label-info" })), h("div", { key: '09dc4e40a2f1e6ced84f7802867606304ca70643', class: "gux-input-and-error-container" }, h("div", { key: '6ead414d68a59cfb4aa9826bf49276168031ae86', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '8ffcf7633b7132cfdb35c0e80a53c850cdbba6b7', class: {
+            }, part: "input-section" }, h("div", { key: 'd340997a36a661978124bccba8b171b160345671', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '703aaf4194921bf385292b0cbfd3c5d4fe2d8858', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'a949b06c98eff6a049c802de3c3297e129b6d409', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'e0c6cccba4d62b2aa9f50ead9ecc335284992a8a', show: this.hasError }, h("slot", { key: '9ef58993a005656abdc9beb0a877439ea63d8942', name: "error" })), h(GuxFormFieldHelp, { key: '3414a4f641c2cac0f9ead28842cdb1cbc0a74a87', show: !this.hasError && this.hasHelp }, h("slot", { key: '0b984ebaf280d03d47375553593cb0537d9841d8', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '638416f9ee4a3f40f48529536656563d79aaed8a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'c9355e0b289ecd4f3658a45c6d488b26f85974b0', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'fbb6480b1c69042af3d5f6485cd1371607c94a76', show: this.hasError }, h("slot", { key: '7d46cc8782108319b94df06142f93207397faee5', name: "error" })), h(GuxFormFieldHelp, { key: '5d12b7543a51b32fc15594ba4a2d0870e9884e78', show: !this.hasError && this.hasHelp }, h("slot", { key: '39e96aa71e408886eb675506e4cb2c90d69d2d33', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -277,10 +277,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: 'bb102bb4e6e7948674c8318c647b30f9cb2e0947', 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: '8810294409c9cced93a0ae3e1c85b0d493bc73f7', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '47c37eb0cf3975467a9dab5eff31d479853efa64', for: "popover-target" }, h("div", { key: 'b8c3faa45121112f8624722cf71e19658781b4d7', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '005223d651c378144eb4f2069a809d96e1f68d60', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'fa6dfa3d56594a17f87eda22750dd2fbf121e8d8', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c5566c1d3a235557ee69ab50683e04ac768a1b64' }, h("input", { key: 'a76d031de8c98fb08d2fc680036a49440983c559', 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: '5e157f466d68ff710007337486efd9fbda95363f', slot: "label" })))
+            h("gux-button", { key: '62ab4037917fb59d34665b737d7bd8254d8462d6', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'af2c6cd3acacb3f63b5f91c07b9c0e367619a235', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '94ccf5ba9241d249bc515a42b9e78f917ff38a59', for: "popover-target" }, h("div", { key: '3848045adfdb8d36b29ff5932826549a5e5e0358', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'a1d272a4da436e198125ea2f8578a68d41ed89ee', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '688e398fbff9d0c241ac27ab8d02e1e088db59b5', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '8dc4c30044e675ea03a25e76708eddeb5b8adefa' }, h("input", { key: '3c6f27a95ba21de9b901dd31c8e2e73a6f7fd4d8', 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: '01450618382164f06637d3615deec9e92c037bbf', slot: "label" })))
         ];
     }
     get root() { return getElement(this); }

package/dist/esm/gux-form-field-phone.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-33919964.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-afc88f04.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-c4354c28.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
@@ -98,14 +98,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '7ca5bb26bb6c60239e220ea1fc8a4a985027cd60', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '5859374c90e18849348dd2d245422e365f344a3c' }, (_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: '7aaa976e0432b326bb9410fbc7c2cd4c38dd9946', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3118166302accc10f35d6ab15fd423bfce722a98', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '697efec5f8a161b3c2ece6aa68e528ee1c479058', variant: this.indicatorMark, required: this.required }), h("slot", { key: '775ff0fa00db14440c60da572d9c270ab6952893', name: "label-info" })), h("div", { key: 'b8cf84be282214c766ba58144a61358197e63519', class: "gux-input-and-error-container" }, h("div", { key: '3c063b873644d07e680096f2533fcdd38970a4b1', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'cb22a38e15f35369c2779681f14fe3c7af6eb36c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '010ae6c520b894eb03c47577092b0d04464bf5c3' }, (_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: '1675cc82868b0a45203ec2d39bb7d42dca73eb34', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3ef3a280d0fa1fa4b93a9d676eb7644eeb34e124', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '37c68ec4a291fa3f9e54d7b63d8aea4798c436cb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8a47e9994a19d868fcddeb4942246e1c5bb16be5', name: "label-info" })), h("div", { key: 'dfb0e686a3ec393b1baf6e819834fa7e9166f7bd', class: "gux-input-and-error-container" }, h("div", { key: '27c65f48ed2beca9587a36222ca99ec6b9508dd3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4580b993a9e9ef20846c27500418ed8e0677c106', class: {
+            } }, h("div", { key: '2e169ccb413b996fda8edd13807419584ed73667', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a01d008e43b29e6c13ec5951f66fa82689e59f35' }))), h(GuxFormFieldError, { key: '0e3e6d18605d750816b346882456172346259538', show: this.hasError }, h("slot", { key: 'b11234a42153e961c95a09c8fec290e602f51ccb', name: "error" })), h(GuxFormFieldHelp, { key: '157aa2c12490ac8781385126ed83514b02c3d785', show: !this.hasError && this.hasHelp }, h("slot", { key: '10323a1f88726f733cc45a0ebb90264558c96ac7', name: "help" })))));
+            } }, h("slot", { key: '790b1c844cc701b8b158544c26a0eb185e4da5b7' }))), h(GuxFormFieldError, { key: '4d5a81451da174070035596798167a6d6ee5f98f', show: this.hasError }, h("slot", { key: '46e13e3d51e81ffdfb3c739d576182fee5b2a733', name: "error" })), h(GuxFormFieldHelp, { key: '51717e9d2379d70812cdabc3fdd888b9e5de96dd', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e6736ba533b244ca9fbaeab76ef098cba57af072', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/esm/gux-form-field-radio-group-beta.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-afc88f04.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-c4354c28.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './get-closest-element-728b9f18.js';
 
 const required = "Required";
@@ -109,8 +109,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '2d72ce22730838cbd084ed8ea0754e703bff1fc1', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'af3d529914a0b18b150bad0722c0294450bdbf7c' }, (_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: '019d1c8df129afc9fb34a03e17ebf1e5c324a3e4', position: "above", required: this.required }, h("slot", { key: 'bd413458aa2b72a5643a65b16ab9b9b47b10c2ee', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ac7d2adcf048e5a2c1ce3cbcbd6df5d61658ee7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cb1e4cdd2d01135a68de3f262956b5103ae9e360', name: "group-label-info" })), h("slot", { key: '95a56281e8be235d164e373beeb1c3ebb5215c5e' }), h(GuxFormFieldError, { key: 'ed51fe3db53c0880656f87eb468488718f3d54a2', show: this.hasGroupError }, h("slot", { key: '4d6e2588c55350a5f1c31532f72cf3b196e4e3bd', name: "group-error" })), h(GuxFormFieldHelp, { key: '850f72539688ca9e25b444acfab332ef4aaf44b7', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e46869ab5d80867611375cc57dd120f403e90e85', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '2eb182ced11f796f8a0524fcf7790d88ca7fca9e', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8ce290e6964ee5f609f3253659c317ce19b176b0' }, (_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: '7bdbcff0095157f6a122ffd2fdf6613ebc9bd091', position: "above", required: this.required }, h("slot", { key: '19016758f3bf890b18439bf3ddf85ac5149e142a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '72a6b19db5c8f42109f22f03d18ec64f4d381d5d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4f21b3646beca70b8751707387db85862bc66566', name: "group-label-info" })), h("slot", { key: 'acee53340e2fb41fe667e6f862e1b5a9d020e2e2' }), h(GuxFormFieldError, { key: '5585e3fa5e0134f2a5867739f16e69563aa73f82', show: this.hasGroupError }, h("slot", { key: 'c5271ceca928c159b35a44d57d78717b21ef1688', name: "group-error" })), h(GuxFormFieldHelp, { key: 'eb7221b200a431c6d04d7342253a9b188c94d02d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b56818ff33713d6a87e346f126de29c37ba52da5', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/esm/gux-form-field-radio.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, H as Host, g as getElement } from './index-91950719.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: '2520d50e0775bb6ea0fd1f023867c6a171d0e0b2', class: {
+        return (h(Host, { key: '0358f43c3ff844db4a6897205ae43d5b82a01270', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'd83990de51b2a5105fab6f9f5af9fe29042dfee7', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '59b09979d66f687749535b157d878e1539510b64', class: "gux-input-label" }, h("div", { key: 'f788de469e51d4cf07e9a39e60e7697eb110dd8c', class: "gux-input" }, h("slot", { key: '2e9b26549b50a674339197d91db92d46685f61ac', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '0b14ef2a58cd6d64b4e0c6739d814ad3e5a80a5a', class: "gux-label" }, h("slot", { key: 'c4b8fbd3eec42d2e87602e831f959b75b550798e', name: "label" }))), h("div", { key: 'b81e6df2d3943e9ebb0b0f283b41d347fc4dfee7', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7ab507f3759877f0cae6b8bfe4d1b6810155346d', show: this.hasError }, h("slot", { key: '1c18384ac2a2e2e2f98572d6c2497d9a8d2fadd1', name: "error" })), h(GuxFormFieldHelp, { key: '8a7204eab0fab55c8e0724403e8d40956c1e5c2d', show: !this.hasError && this.hasHelp }, h("slot", { key: '6017e854bdd167b59fbd9b902ee0f192b1fef659', name: "help" }))))));
+            } }, h("div", { key: 'f52e0d74f3eaec5c56ca931780d73c769923d3cf', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '435e3853638aae6404452885c1b1d31d7b175ddd', class: "gux-input-label" }, h("div", { key: '9ca2be4268e5774f5e513e17667d0af5c82fd2d7', class: "gux-input" }, h("slot", { key: '267b6dfa2cf566497adff2c1aa75925be3c35bb4', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'dca5100fb8c8d98a051ba4b4ec6d86e36f840edb', class: "gux-label" }, h("slot", { key: '1ac72d2086c0ec22d702172a194c9173247a85b6', name: "label" }))), h("div", { key: 'c82844f84efab44dfd0d05b3d892a40da7529496', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f67380664bb9bfbfe0b73372f03abdb04478cdc9', show: this.hasError }, h("slot", { key: '39cb75ad0d332d4f5cf966e8405b069d77ef5940', name: "error" })), h(GuxFormFieldHelp, { key: 'c608f3b4e7dfb9f92d5303e05457a16a34520f02', show: !this.hasError && this.hasHelp }, h("slot", { key: '03db82507903bf091edcc0753c75a79bbc1e86e8', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

package/dist/esm/gux-form-field-range.entry.js

@@ -1,14 +1,14 @@
-import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, f as forceUpdate, h, H as Host, g as getElement } from './index-91950719.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-8ca069d2.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-ddad54b9.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-d372c506.js';
-import { O as OnResize } from './on-resize-6439d074.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
+import { O as OnResize } from './on-resize-61e616c2.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -115,9 +115,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '10030bc0061686292f5de259b3c73f522b7e68ad', class: {
+        return (h(Host, { key: '6695fd4b486d4b288b42768e8c6105376d49f580', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '835be0936fff17c41eaab9d83c8a8c47e1e46242', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8864dfed64b384b2072959d113f743d19afdbfa4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8fe7c5f6f736b485aa668ff399115915e0471b62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '90dd887f8b0aabbc32ed1c46331f03a99d138fc9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9f18b3e1673e394ed83bba81f7e5856fecc11721', name: "label-info" })), h("div", { key: '67969623d8da0c088f4ec42dc64a4caf21c34bc0', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '01e1f0ff09a55c25c5639c40440057787c2abdc4', show: this.hasError }, h("slot", { key: '8dca4a4c3e54ec6fcdbba8020e0b2c63fa16439c', name: "error" })), h(GuxFormFieldHelp, { key: '888bf437590462938b230ca6aa7ed073e5b9e223', show: !this.hasError && this.hasHelp }, h("slot", { key: 'aa56799737605b7f9876da1d8d32f94a583287c4', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '648c0a85f4470ba9f7e47e4218caeda3cde59f83', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fd6dbd89b6e073c2f684ef908dc065e84463cf1a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a0c9a674bd536c26bd07b38ac8577ca5f2c7814', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a52555014c784f3dc06553017d9610cee840c5de', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0cb195c1e75ce2b546c65d51fc7826b859c1a409', name: "label-info" })), h("div", { key: '5986de20e72287a20d2ebf6a1879f7bcdff4143e', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '8ee1d349e59c05a6f72129a970fc5f1c3f717b9f', show: this.hasError }, h("slot", { key: '0e35a28b75c8678306a54e6f10df456472708602', name: "error" })), h(GuxFormFieldHelp, { key: '7a0dd4bdd6e8b0fdf0e0dff9b014ed7d2dc035f7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd1e2cb2e267de30eed1807afda20c58a3d9bc54b', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/esm/gux-form-field-search.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-91950719.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -95,13 +95,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8152e1ae2c5c1b251ed772f1f9fb3a18bb555c5f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7dc32a21c2710d1447e29f43947df8a0eb791c14', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'adf0ee44d1e27181c3d00095842d9b8b2511899e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dee1312b6a2eb5c9f6243159dcbcfdbe119b0c0d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c054040394accb1183c2f1b79470727f473b3c6e', name: "label-info" })), h("div", { key: '99b529c9e2c01a632bf658fd4beeeff1dd3bc8c4', class: "gux-input-and-error-container" }, h("div", { key: 'c9ab64b4e7ff1df2f1e2dce86f4c030a033a7d1f', class: {
+        return (h(GuxFormFieldContainer, { key: 'bcc392b9e5609a8cefaf27f648464bd914926970', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c32d7400e70a6b54599fc68a028d805170315c72', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b60103e03f34eb2b3d2e4184eea46c0109313601', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '84e72233ecf03f155e10963af3a3f0bd4992e3c6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '233b51e2a6ada55327689f98d50124a6cb502b77', name: "label-info" })), h("div", { key: '5a832c4eee08d4c62bdd7519ce29bd0d5811274d', class: "gux-input-and-error-container" }, h("div", { key: '8f7da4e839037b4ac190ef80dc29e7d42818866d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '452a3c888104d0bfbd7767d1d515bdd9e88199e3', class: {
+            } }, h("div", { key: '61c4a490e631ee03c990a7720fc681367d6bb5e7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '53704b99ddd2736c6969ccb09a6cf5cc0a40cff3', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '2ff4f0f5b93c7b2378ac1204483789ec65b0c4c1', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '839f106121c904735efde2529a4f0e7f5d27c655', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '64a49222812ee8594e788e0246f6bf8a67f4de8b', show: this.hasError }, h("slot", { key: '2414647b3472aed8611afcbb8e299529162507c1', name: "error" })), h(GuxFormFieldHelp, { key: '485f1027550adf270a64c775576a6b07e86a26c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '8156afa4ed4786629181d83b2dde8d5e6e75ebf3', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '18da3ab3f7ebe493bf2d35bdd86957252a192400', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '8699e5c14090b44ba8cd4ee0964350bbd1f33906', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '8570c3f7382a0c2daed6b231cd19058dbfc8ec8a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1cc02a6fb8f4b3d17b66a83b306f3525793d3b3c', show: this.hasError }, h("slot", { key: 'fd587d3858fcaf5c0866d70137c3c46e30e3566c', name: "error" })), h(GuxFormFieldHelp, { key: 'b31d5c66a15f36165479304c6a8074a500f5ba46', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a1381f6e916fcb8ab31242f5b17afd71333d65f9', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-select.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -85,13 +85,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '3cbb0b2cd86b780c3ac1eee19f91c8605f262ecd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '684e4f178fddb93759b1e259e36e5f2b1cdd37dc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '89c463f43ecf9c8e27ae843e4e28ce710766b1b5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b28db90f3e903d88fcb4f54087d01f6aae279d72', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ccc6ffbb285c07621fbd2e340b7adabe9efe8027', name: "label-info" })), h("div", { key: '719e9e9b1aa8e1d7aca89ea87bacbe6abd3e77d7', class: "gux-input-and-error-container" }, h("div", { key: '5f9597c864d60e25cf7333675903555aac2380f7', class: {
+        return (h(GuxFormFieldContainer, { key: '139f5144ca810c61c1532627d11daad6e2b268b3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f274f51db7dcf6292b7dcfab21166f114469cfb0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '92263b142afc3454c46cbb8c52e6f46563fae194', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6fc056af93901303593034b9d74044b884477021', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b6f595c89b86ce1dc885858334ebfd9ac2181aa', name: "label-info" })), h("div", { key: 'ff2d15b3d288bc325d94600e9e36420a0e3d4dd0', class: "gux-input-and-error-container" }, h("div", { key: '788bfe3b693495704c574807abaf1bc22c4df017', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '5f749b6bbf4dd3c631d139dbeeae8ef547564d4c', class: {
+            } }, h("div", { key: '77396f21a267dbe525705ae41a0b25ce6123f605', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a08a4319094361b0f010d5b7ba84234f0b4fa6c3', name: "input" }), h("gux-icon", { key: '3b92ca6e08c57c60dc518acf9f5ab1cc1a8b48ec', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'e61d8a0a58b6e7a3eb3c70d86b2dafc1f14045e8', show: this.hasError }, h("slot", { key: '6aa16e27cb6b251dd5e90b46f8ad1a68c6ffc342', name: "error" })), h(GuxFormFieldHelp, { key: 'ee4da5bd97ca45957780494770cb123f9f6ad7a2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f18ac75f67036af17b0db63eddb554e8f64fe65d', name: "help" })))));
+            } }, h("slot", { key: 'a1594aa24d805ef8a44926c8f795cbd383b45ab8', name: "input" }), h("gux-icon", { key: 'ec9d918e3986869fbd650a211d382ceaf457082a', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '582de1ac7c91dc71ccf00e93d49b7c3cd8d29bae', show: this.hasError }, h("slot", { key: '50465a4e19a0006881672f45c66c274497b6cc1b', name: "error" })), h(GuxFormFieldHelp, { key: 'e25e2669b945f5d6896bbd371c6b231f0333fc27', show: !this.hasError && this.hasHelp }, h("slot", { key: '42975bf6c2d4c9f8941a255c83cbb80500f4238b', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-text-like.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, f as forceUpdate, h, g as getElement } from './index-91950719.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
 import { h as hasContent, b as setSlotAriaDescribedby, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -111,15 +111,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '2430be7b76b2f8f3d3b71523e0c88c85a2198182', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '82e38c45ee42c3d2efb2ce7598b060d018979f67', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e43980dc7ff93409757ba55203b414d0c108c217', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '582e61c95bfdffd344cdf420d73b6b8d3a7ed484', variant: this.indicatorMark, required: this.required }), h("slot", { key: '619eb1804cfb5fa9c2c1d37ad51f6433760fcf0f', name: "label-info" })), h("div", { key: '19644290edd8cfdb82bd07b1dd82331c3537aecf', class: "gux-input-and-error-container" }, h("div", { key: 'c92d4ca6042025f7cb68dc75b214b2e36e4add07', class: {
+        return (h(GuxFormFieldContainer, { key: '9cf0d8cdcb743aefb389bdfac835c2bf004e6c6e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a5353955d4be04c46d7c251b11084b3f4c3e07c3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a4f796744756df06dc7a39d8597047b8eba6eac4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '04852e7fdc0663c522ac8b08e7f481de4a382963', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a7222bab8d6fa3d165c5121224e68b14d88684eb', name: "label-info" })), h("div", { key: 'bb016817dda043bfd151847d70aa0336dc84e96c', class: "gux-input-and-error-container" }, h("div", { key: '80cf6edc654586f6d07ad7eab749aa792e6ead9b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '252f449565a7df542d6e1afadc333efbe3d9d541', class: {
+            } }, h("div", { key: '1683555b14817ac54ff31e3197b5ad9656c82997', 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: '44abbe244c4f17f4d651798a9e23a24e89d85261', name: "prefix" }), h("slot", { key: '296c7672974d6df6e769f6bde91b2799d99d0271', name: "input" }), this.renderRadialLoading(), h("slot", { key: '104b7cae7c3d388602626b3595ac5f73e82b32a5', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '79fefcf4621e55a3fa7af93aa00b00805614d9d5', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'f7357ef14b18cb4b1a4caa842d026f833d345a8e', show: this.hasError }, h("slot", { key: '08d672a9d97e9124cab7158d7f1f7369f11ab5b6', name: "error" })), h(GuxFormFieldHelp, { key: '7f5d8c7476ec6acb109153e10e27c3e560e294c3', show: !this.hasError && this.hasHelp }, h("slot", { key: '40409374c8e749c95a89d01a8a5216c30418d737', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'd7bd6a4ca72b4dc7c65b20b9219ef121b2e712db', name: "prefix" }), h("slot", { key: 'c6fd8bb5a113244a32715b775a2717549805ffef', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b77bfe217b456ac9a3b28462c38d50a2c5ed2261', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0da69238645ed44eb3d0472454746b1cd336836f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1dba5afb79e032cf7aa69c71514aed98587ea49d', show: this.hasError }, h("slot", { key: 'dcecdcc6252f70b584abdf9edafaae9b36fb43cd', name: "error" })), h(GuxFormFieldHelp, { key: '20956660e7e70579877200488e5443c151edc004', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e9265c67ad26603eda3ed2c2218bba8a2651a189', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-textarea.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-8ca069d2.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-ddad54b9.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -89,12 +89,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '27c6dfcb0466cdab5080eae8afd8275029809303', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9ee5f53c22004a667be8861ce14155b29947d1e6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '19daf0de1320f63c3f11fa0bbc3c993157eea2ee', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c885e0ea7518cf2bfbd8f08f4603aeb96c8c1b33', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1a5112160adc0e60bada1a69026819602f796431', name: "label-info" })), h("div", { key: '5870184e681c0194cb6494278ad02475a9d2ee76', class: "gux-input-and-error-container" }, h("div", { key: 'e140ae4439cc282314e21e92b7c81b93113657a5', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'aad745af5d3e252045c4bd99db487934c97c06d1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '583b7746bf1acfaf6cba1aaf55dd3e9280dfd36e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4beb7f25d027c723416a3131253c53fa56f29ea9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '565d5970db9280de0a569e213263af7900d83066', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c167dcee89f75a0048ac693739e6b09cf48b5e80', name: "label-info" })), h("div", { key: '0de5472bc896e30ebd88f87eeca8b186b95ed381', class: "gux-input-and-error-container" }, h("div", { key: '7a0b6605d130e191f672379ea36aed1519c4ce9b', 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: '8156f3e56c71be24add16f23f4644787951bb6bb', name: "input" })), h(GuxFormFieldError, { key: '7804626dc6a8787f0da7225bec263b532f9c1efa', show: this.hasError }, h("slot", { key: '6d22f2c9c20b1b6865c2574e1eed5ff8256f8af0', name: "error" })), h(GuxFormFieldHelp, { key: '9b30e9f59decf564e5349aefc2b76c43f3702285', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eae30f25c6648f831a77d7cf976eb00aacb9ad0e', name: "help" })))));
+            } }, h("slot", { key: '2928032a0fae4a223bf3c9b493d11fa22d798310', name: "input" })), h(GuxFormFieldError, { key: '49ab143d3724b2b94981c51bb808c88791dfe29a', show: this.hasError }, h("slot", { key: '3fe6baccc2e17571fad8940e2f61a411aa4d32e9', name: "error" })), h(GuxFormFieldHelp, { key: '213f3c09d637a625d38cb9d23dcf579db804da75', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e862b410818acb231f7710d755561cc9711b348e', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-time-picker.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-afc88f04.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-c4354c28.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -100,14 +100,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8b6e52363f8144e7655191ec7aa179a9eac1e005', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0b899c631e99078eae3b60e33a500075444c378a' }, (_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: '1645e6a6ec05741085c5151ed2ce95cd230dae71', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '948584cf7adb1f112f6e8924ab5238613127632d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c030ae86e8bfd9f0fb6b39dc24874f1aca75df8e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '795364ccfa8cf191a1fe761a4d81ffc0fc33f856', name: "label-info" })), h("div", { key: 'a2e3774e0f2ed3c3032e623a388175c139a28e89', class: "gux-input-and-error-container" }, h("div", { key: 'a6869c8ccac7b8f0f368f0b8e2492ea74f13999f', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '450994fbedbfeee5763f239a3f1e5f9b4255ed00', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '963bc427a2b69a51a718e1a6534b4f24e98566af' }, (_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: '0574ac939e2e33cf1df9302f27335414c5357ca8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9fdab62befa5980008edac416548458db8e94d1e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5a315df3345268b021726e7db5585b1ba51b6a0f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c23a6853b454092eb9a136307c21f0209d8bab9b', name: "label-info" })), h("div", { key: 'ab7b85d88572f3429b7f63ce0ca38d9739b9d85f', class: "gux-input-and-error-container" }, h("div", { key: '4efc8f99ea61b126547eefe96d4241c4fe65bf6d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '7e7c33702663fa0787508928e68a006f7e80b82f', class: {
+            } }, h("div", { key: '3d8399addee15a4e278e755848c68ae7bed93a4c', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4d714c2cf747c906c85bf2f4c6e01b3f7cfe0ed5' }))), h(GuxFormFieldError, { key: '804e7416295d233824a40423288f5e3d6c2034c1', show: this.hasError }, h("slot", { key: '9e3ce482d09ebc55e4c9ba88ffa056c135a1a628', name: "error" })), h(GuxFormFieldHelp, { key: '7ab1f6683d785834ee0fa9874fc740b53a83d1f7', show: !this.hasError && this.hasHelp }, h("slot", { key: '6950ec9b0c14b2123d02a5e9b6fd61b592e4932e', name: "help" })))));
+            } }, h("slot", { key: '8178d0aafbfe59d907bffee3ef8be637d2fa7a6d' }))), h(GuxFormFieldError, { key: '0fcd7708aab3229a24ff7700ca7ce7670c5a540b', show: this.hasError }, h("slot", { key: 'bca9aa20d2f3d6db13a5f1e120acebc05497952a', name: "error" })), h(GuxFormFieldHelp, { key: 'a531126990dd133b267c3758c19b06246f7e8004', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b1c11ca1663bf2541d8e9b9062e63cf3a030def3', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/esm/gux-form-field-time-zone-picker.entry.js

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, g as getElement } from './index-46ac98b8.js';
-import { b as buildI18nForComponent } from './index-5a5cba3c.js';
-import { O as OnMutation } from './on-mutation-c5880cd8.js';
+import { r as registerInstance, h, g as getElement } from './index-91950719.js';
+import { b as buildI18nForComponent } from './index-6de381c6.js';
+import { O as OnMutation } from './on-mutation-22820853.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-33919964.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-ffe2439b.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-afc88f04.js';
+import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-d4daeee8.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-c4354c28.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-d372c506.js';
+import { t as trackComponent } from './usage-2c9a4d54.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -101,13 +101,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3f2dfc9d2e67b5dc37d7ac29900862801994a343', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4a6b54bb731fde4da6301a9eb148468280260b27' }, (_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: 'cd4f9ddd59d639fff65d098d7500f719cbafd6e9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e819d2c6df8e357fda36634c79898b148e8c7d76', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '75f3e7699379f857aff9098d11c261a5e8efe0ba', variant: this.indicatorMark, required: this.required }), h("slot", { key: '10e694aca53b8ba92c2532e5df8c7137e06499b9', name: "label-info" })), h("slot", { key: '6649ba29ebcfa563d8cf38278e77e40e0462a666', name: "label-info" }), h("div", { key: '44124ddee5deefb8cf0fb04af681059e8b3a689a', class: "gux-input-and-error-container" }, h("div", { key: 'ba6e67965b8c31a17397abf549247a979bf61ca0', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '5f2df40d248001de13b06b010c1d5c3d74ea9533', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '73f08b4cf28c4c0fab6f1586a61ee8ec5704fe2d' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'fc0e5b062656e8c9aa61b0e4d205a610cdbd9bde', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1fd86cac4a73a2eaf92fbffb70f68b6a1bba1d8d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9de2e1d3fd41888d9ac994f3f843024cc3c4a625', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dae5e33362c8b6cddeed25384d6215d8a833268e', name: "label-info" })), h("slot", { key: '753c4bc210fda0027e18348dd4ef0342ffe3133c', name: "label-info" }), h("div", { key: 'a93210ee6b1a145235bd7ce62a37d091558f3235', class: "gux-input-and-error-container" }, h("div", { key: '0883effe367d2ced9624fabe30bca32b68239793', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '01a98eead8b8649493776d609dbc91d82a4eee45' })), h(GuxFormFieldError, { key: 'b811a8b4e3d9565430e518b16e4337b7abeda02e', show: this.hasError }, h("slot", { key: '7d2072af01037d7d596d9f7f250db97b77a2a637', name: "error" })), h(GuxFormFieldHelp, { key: '1d243a3ea6187b26da020fa34c96f3f7323a389f', show: !this.hasError && this.hasHelp }, h("slot", { key: '584be70c04dba39501c386e4468b7921253e5559', name: "help" })))));
+            } }, h("slot", { key: '32a739793bb222e72b1976562b559e004c281b94' })), h(GuxFormFieldError, { key: '894e2d14a16fae861d53e58c85376041512052eb', show: this.hasError }, h("slot", { key: '34864e9e621d4e5e803463f94e98adbceb49c8e7', name: "error" })), h(GuxFormFieldHelp, { key: 'e64f0907c6cfa047fb29d89715b355cda94ec4a8', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c364f2aa010ed15851137999b0efc57fc1c2b2d7', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {