genesys-spark-components 4.199.0 → 4.199.1

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

@@ -4,7 +4,7 @@ import { O as OnMutation } from './on-mutation-27bBUUXS.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -47,10 +47,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f3ee03f85fd8b0c0cc6c6dea848b7ec784899f3f', class: {
+        return (h(Host, { key: '9a67611178b4fbab4de144aa1bdc1a72925ce901', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f7e315c092c47f89ec0608f7cc0b1f545bf03018', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '12c0119369f66090ac050085dc1b996827285ed0', class: "gux-input-label" }, h("div", { key: '0ab3f6b8cffae4fa54506215fcc92e787099153c', class: "gux-input" }, h("slot", { key: '3e682dd24124254a6c2c017b3054d2b9901ee47b', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd3915ba819ba13879a2389eaeedeb823e0d5c9c4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'a271dab20e31017654e81f53b4439c0521d69557', name: "label" }))), h("div", { key: 'b62854e3667a9ccc4937b1028ae72241557b7002', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '4d7211f0a9d54b7e7c070926a59518f8afd63616', show: this.hasError }, h("slot", { key: 'cc7eaceef271abba3d6d0caef3eede476ae21570', name: "error" })), h(GuxFormFieldHelp, { key: 'e185bd75c1fca4cced04b3db74188727440b21e4', show: !this.hasError && this.hasHelp }, h("slot", { key: '01a2219d9114c2a0d87d5dd9a475999117d699e5', name: "help" }))))));
+            } }, h("div", { key: 'e28cf023c99ed25ade7cf91cf611742b4010e327', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '96b73aadb08d2e30fc607238ebcac504fa272e59', class: "gux-input-label" }, h("div", { key: '0f651ffbfe26e03ff75c29ec1b12f9f34c54dc15', class: "gux-input" }, h("slot", { key: '852b28057e2de1f7f3143f43c399e80819848a8d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7f2955e54e31d1ca5f6e293f30b239a60600c06b', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '878cbab4ced7c03cd8fcc5de5d3118d454e12890', name: "label" }))), h("div", { key: '6dbacbf57dbdd0effd2e432027bbab37a5da233f', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1270122ffe746ffa8c391bf33247d392d660fa58', show: this.hasError }, h("slot", { key: 'd9bbfa0e6796cfbc007f36168e74020048ff3623', name: "error" })), h(GuxFormFieldHelp, { key: '9baab5c9ad95605d3f93edd9796867e92e86eb3d', show: !this.hasError && this.hasHelp }, h("slot", { key: '6a62b0006e15934e14097ea01e86026081087190', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -88,13 +88,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7ae46b24ae3151ab80b14bea6c449b94f9f3d0af', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2621b92ad1a11a36e23b6b8b752c3f3e9db64733', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97100d4c6a6e22d0c1fb0dc13ab18e8885810f50', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '11cf8407ed1c1a2b7891da4f36affb4da45e30e8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '79c7005dfa407e9951085b78eb9e38d638a80c2e', name: "label-info" })), h("div", { key: '9f268ec512da2faf2cc21303d6971d4bc84582f6', class: "gux-input-and-error-container" }, h("div", { key: '54e1400eec5b010eda2c5a1793caf45b87b17584', class: {
+        return (h(GuxFormFieldContainer, { key: '219f4a0718ad7ed67ac89a3350073c16f04f766a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '70de9cc31cdc03faef8d81f206e78ae063e43c11', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4d7498b7ccd9f49868e2bf53d80cd9d1b497ecad', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2f9f04abceed2f9e91a7bbe1346047ac1aba656e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a64d3c90fecfbdd18074c20b9885e04481575cc', name: "label-info" })), h("div", { key: '1aec60e34affb0f9ea19593837f2c3ecb2ea2949', class: "gux-input-and-error-container" }, h("div", { key: '7dec62b0d5140f5f8853b4a4abd6f110effb4663', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c9536bf3c1d2b013a99fbe926ffaa23e105c658e', class: {
+            } }, h("div", { key: '490065f61f0cc51fc90642fdee24716b1dcfac95', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '1f27963e69948292c5e81992723533a6ea39f77f', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '1abdb89e7442e3d0fcf16db6c7ef6e92de6987e0', show: this.hasError }, h("slot", { key: '7faa5a9c50cebe60440e2287e41f4a968407d3a2', name: "error" })), h(GuxFormFieldHelp, { key: '6cc55324a81e01db245e369235a22d3f33760a50', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f6a356d08459075bd1735ec4318d48e13906ff72', name: "help" })))));
+            } }, h("slot", { key: '766dc8fff8596545a4988bca32bea33ba4a6bcb5', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'f8fd59d01f3663807a434f67a0d013d33132bdcc', show: this.hasError }, h("slot", { key: '712b3728ff4fb0ae385ae49a2e3f52c02fdcd136', name: "error" })), h(GuxFormFieldHelp, { key: 'a8354fd6c4ab5cd377f3fe5f362f32712f829d0f', show: !this.hasError && this.hasHelp }, h("slot", { key: '8f5f5663bd83e0e33765b178981ed6bf0a2b0eda', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -7,7 +7,7 @@ import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import { b as setSlotAriaLabelledby, s as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -108,11 +108,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'bd5a9b56b2b463bbcd47b0d848e8fcaec15d7bae', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c42d702abbe91566650575edca6aee30956f8ec3' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '30451157ece2c841eb63ff1ec17c45e12dda2ae2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '62d3807d6eaec6817a691edc9efa52c961954392', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a967b1d2f7558f052efd7b5058edd94e43b636a6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ac30a844a6073be2ad2ded6b0393d262c2894f6', name: "label-info" })), h("div", { key: 'b2683a7e75d91508871a997d40a1f6165417a505', class: "gux-input-and-error-container" }, h("div", { key: '1e32cd4a36b3d78dc8ade9b277730c6c426de3cc', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'ec646997b4f8d98e72fd85fc1d733ad3ff86eb50', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8a134b39c68bda760923a6f4e4b12e7b071cf935' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '1e1f058b1104a30a4ea06c3b77cb32206f2179b1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '314afc1d4ab62e41398c05390a92a8910b736036', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b793439b45a6a2343b06c93586c5d3281ba111bc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3a116c63e13c06e9521ae129ea5e3d5b0f1838ad', name: "label-info" })), h("div", { key: '023609836f4ae6c8561de81cf2b75e65aaf08e14', class: "gux-input-and-error-container" }, h("div", { key: '264577a04ad1ae9a60972c7bb08b4e4cb4136bd7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '8c98c697edcd4eed3cace93a085c4b539dd486c5' })), h(GuxFormFieldError, { key: '05c226f6cb719b8d9101114dfa46608d827d600f', show: this.hasError }, h("slot", { key: 'd0cf4cce0b8f158ee334552bcca07746d01de98e', name: "error" })), h(GuxFormFieldHelp, { key: 'a8f8a6efbe78e5bf88416cab4f2fdcd5287851b4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b857156a70d1cec9207efbff4fda1a44e262ce56', name: "help" })))));
+            } }, h("slot", { key: '4fca7d269966a355fc2fd8751b06e5e40bbfa7d2' })), h(GuxFormFieldError, { key: '81a77841c23ea807b4b4080be72e3e33036b874e', show: this.hasError }, h("slot", { key: 'bfe215d97a4ebb10c36d1c88e3ec6b0a395483e5', name: "error" })), h(GuxFormFieldHelp, { key: '3398463f4ebf6d648af038e4359fa5593ae1964d', show: !this.hasError && this.hasHelp }, h("slot", { key: '77c22b9f1015c351f9bd1ec8bb7b515b91383738', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, f as forceUpdate, a as getElement } from './i
 import { b as buildI18nForComponent } from './index-CQoOheQV.js';
 import { O as OnMutation } from './on-mutation-27bBUUXS.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
@@ -111,7 +111,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9e9bbaec5bbd3c926e973305ec996df8adf1d9b1', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '074a8887189ea9303211036f73f2d3695eda49b3', position: "above", required: this.required }, h("slot", { key: '88e8c37a8e03e160dde9dc543faf34fecae6d4f0', name: "label" }), h("gux-form-field-label-indicator", { key: 'b9b0af8ea039d0511eb0e7bfa51a044d50c094fa', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bd40cd0bf61b433329f9b672c6d61e635fcab493', name: "label-info" })), h("div", { key: 'b408fc16579d909a809de5757c81b714a5e440b6', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '789502c9e47879284a9928727a098666a3172206', show: this.hasHelp }, h("slot", { key: 'bffe0ae64f217682edf3e01bdfe1a6c0545805d5', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '49a5992a62e699cd1a998fe7c07689bdc4ab4940', show: this.hasError }, h("slot", { key: 'cc68b2d9bdb53022dd8e4d3250b635cbe155aa34', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '0436c9af8c166d2eb58f513179c746964f5b20d7', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'e3e86c8aba35a07427731c7bc8dd1142c2cd1f3d', position: "above", required: this.required }, h("slot", { key: '79b4ae008d058d117dfe8bf77465c3646ef5a1c8', name: "label" }), h("gux-form-field-label-indicator", { key: 'd303918feff2a3c42a01350898765e2189b634fe', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9a7b1ab0b500de60d2c331c8eb8451a8f0b661e1', name: "label-info" })), h("div", { key: '46862e36e14d6d8b2f2c734bdf4923187f4a6f06', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'f0bb5e0e3bb4af2c7d72405df9412a478ecb5559', show: this.hasHelp }, h("slot", { key: '11fc5aaa68b0b94cdd642db2c00749a8c2e7ee9d', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'a324982a5daf4bfe9d4b62d6cb4b77bc6d504f92', show: this.hasError }, h("slot", { key: '171e7ccc498134dc1514618201c24aaf83dabf62', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
 import { O as OnMutation } from './on-mutation-27bBUUXS.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
@@ -106,7 +106,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '800706efb32a5fc069785e68b17af6ce353cc2e9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '061505ad88782106a3cd218fbcfd65462d61178a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd2e8a671d2b4758311179c996d967bec81d04e5d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8cd22242c1a53d632c461dcc93ea77a31d2b6e9c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e4ecdf92ed980fc8dd74f3812e4ea32e148e4542', name: "label-info" })), h("div", { key: 'f0bd99e4bf8c7d1d0d64f0f8bb1b00a9df8108fa', class: "gux-input-and-error-container" }, h("slot", { key: '151f007b4f7f21ee46a3ea0dd653cd6facd4c009', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'd9f70eed956e54821bb9008b932f135951373e57', show: this.hasError }, h("slot", { key: '762675f3a42171715d844475bcbedbea1413fa30', name: "error" })), h(GuxFormFieldHelp, { key: '650c387520aea7172343587f601b975bbe13a8ff', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b6eb0b7b9c44c29e38f85a483684f81c92538d32', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'b332159adc6c4ee6ada7e9f03b33bb4a4f390410', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8bcc9ff337c1bd08a9be8a9297aa995591f214d2', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8bb7965a56e846f9a0e6cf3f1b1c92e204d6703b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ad45c2965c423367cdf58b057b2d8b9ea2b82a72', variant: this.indicatorMark, required: this.required }), h("slot", { key: '08e2fa920ffaa0b48ba279c6e34ddc8bf000a53e', name: "label-info" })), h("div", { key: '1593256c7e719413751798bb997b2b47a559dda6', class: "gux-input-and-error-container" }, h("slot", { key: 'b88b29a2b252658dbecb34a0cff3f5934a00b810', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'ba275152daa1f92884dd719c173826d9f85db4ef', show: this.hasError }, h("slot", { key: '427d887d9f00f91cf2de1f315db158695ca7ba66', name: "error" })), h(GuxFormFieldHelp, { key: '77c2dc2ee4392bb73d6f3db9c3b630f1340ff05c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a3acd59c02593d0292c8b3907b7e341c2009a8c5', name: "help" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { b as buildI18nForComponent } from './index-CQoOheQV.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -19,7 +19,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '779b8e00c708e767fcae1e8d8458a7b38c6aa310', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '2986d3a8ffbe6e38bcb59d3713a2f8c09708795b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '468add6065638c3abcdfd35fd7a6cb7c2b7c00a2', "visual-only": true }, h("div", { key: '24e172e461f7f7378af010946a6cfb7ccaac3f13', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: 'd767eeb75f1d8e250573451480cf1658d595640e', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '55472e3853a8fc5c309db8a5e2181ef0b189b297', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '63a327f0dd1b4bf47cda108eee0a4403c8d6ee68', "visual-only": true }, h("div", { key: '40fb239275e0e48f770283d1fefd8f8e804e00fb', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { b as buildI18nForComponent } from './index-CQoOheQV.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -9,7 +9,7 @@ import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import { t as translationResources } from './en-BFMPPR7N.js';
 import { O as OnClickOutside } from './on-click-outside-0JRHYOHB.js';
@@ -113,14 +113,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'f8e0dfe12b4371a0e8ed1d9dcc8d7dedd0d3b481', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1cb0ecceacecaa233238afda2c25173e75e13425', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'fcaf21db47267fb62339d9235119891d97c310a0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2ffbef17f6ded2ce595ef667eb4bbeb4bda7f515', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e1a91238631fb6fc8a6497a9437568e1688824bb', name: "label-info" })), h("div", { key: 'f1a4116ae6921ffc3bea4a59be85e6003d8968d5', class: "gux-input-and-error-container" }, h("div", { key: '52c7c3a5112fc46d4ed3027d9523ad5b7b3b3408', class: {
+        return (h(GuxFormFieldContainer, { key: '802e4e804c0ff63447beb64d1c3ec74641f0f9e5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c4a8919fa11e73bbf5a6a9f16d9c31be1ef6694b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b94b116930844aec239fb700792b986f0dcdfb68', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '26d03102dbeeff75be46b10437130642a3a3d1ba', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c75977abf537734087596b45851b6ed002c3ff06', name: "label-info" })), h("div", { key: '3cd90c995d27e5ae6324e0c738a8bc57d6d06a8d', class: "gux-input-and-error-container" }, h("div", { key: '6110a08d781ff6633170b05ab86fe62d41e59042', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '48f6e9d99ae983229690d3defdef9deb3fc0774b', class: {
+            }, part: "input-section" }, h("div", { key: 'dd3ddf7fd3ff9f85ee2cd0813129da60fed14ead', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '56561b6989928d1c59ec3db3970f2ffc9b72314c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'faa195b85f1f6dde262820f4474d1f4beab129be', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '43afd45c0e7ce0667cbdaff64e3bb6c817a901a1', show: this.hasError }, h("slot", { key: '6376e17617f4190814ef6c4f5bba6fd1a702d95b', name: "error" })), h(GuxFormFieldHelp, { key: 'a9df73f4fa893117617d4edd03f69c822907e20e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fc3c7bb473f10af851f1ff3068034b86da80b751', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '62523b10e81b47392f422bc48d6982e0407feacf', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8e8d305fd03f54979d67fed1fd67cee04318c958', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'dd4ab025eef11248369fb2d7b34f130a30c87739', show: this.hasError }, h("slot", { key: '949db9a5bac588cc3a47428e1ef2e01d4a433f4c', name: "error" })), h(GuxFormFieldHelp, { key: '46c1f0d9f2128cfedbe241551a98fddf39e5ba4e', show: !this.hasError && this.hasHelp }, h("slot", { key: '6b0eeb8d8cbfbd069e28bae2dbaf759e44cd43a3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -279,10 +279,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: '54d4931acd0b6adbf452b5234e225c4e531302a1', 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: 'cece20bd08a8fd503168a8c2b5a84c10a53ae1d0', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'aee4ee449d689c54f26c234f07ea15bf6044ab5c', for: "popover-target" }, h("div", { key: '304258ccba1ec70a299b0c4e8635675b71a147f3', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '8b8411e720a78c6fb7e45d1f7133175d72985797', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '6e670634e2677cd8f46c3985f3e436b3b82d2d15', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd7c88f32207584e289f1eabeb56b7838066c3bfa' }, h("input", { key: '234b7415c9a861f9a3b7d1d328f95e8061746c8f', 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: '72490115bd1baec1333b48457002ce9d934b45b0', slot: "label" })))
+            h("gux-button", { key: '2fcf5064a17ca9e8b8dbd472f10e4a2a2805d3ab', 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: '97dd6f748e49b6a0d85a0cd7e2267306985c34c4', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '7e2503b4e4299b83f045c54b8640d54e66719e3f', for: "popover-target" }, h("div", { key: '090820d0ae09bd2fa5aa51431dfd016784a4be52', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '339b3819def254b1c4e1c4e2ad6c61738330abe5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '00ec6b9344a801076796d3726b2e80414587bd54', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '369bf241308f1de96d84fb3ed4ac3ee91cb2f32d' }, h("input", { key: '279cafe9b624a2d7a9bdcd361adee0cf71fd6484', 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: '49de61ad35b002e1a07c4577b68b9903dd2ec6c1', slot: "label" })))
         ];
     }
     get root() { return getElement(this); }

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
 import { b as buildI18nForComponent } from './index-CQoOheQV.js';
 import { O as OnMutation } from './on-mutation-27bBUUXS.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
@@ -103,14 +103,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '39a407208d3376eff32481d80fd7cd885f8879f7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '845c687f78775c6f6cfe24dbf267520ce19f2b46' }, (_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: '7f10639eb517a75ea7460cdbd8a846ffdd75bb76', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '225815c06ff37df869c3124059338f0ab10d7aa3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e691e8e73d381e21d327ac8ea14b0ea82ccf5710', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa0c807c18732462724b170feb164746affbd39d', name: "label-info" })), h("div", { key: '71747507e15078f43f045820156a2f001ae15880', class: "gux-input-and-error-container" }, h("div", { key: '30295fbb1c3219edba2424b29fe9bce9dc7a7af5', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '757cebb89a13fe36ebd2ba756dcdc6dd4973b4e9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f6343bc6255556d8e38f4729cdb76d003e7d4ee' }, (_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: 'c921c0f1f61ad5ae9c406dadbca51873729604a8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1da746dc51d15b046edabfb2c628925c036543be', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '693dc7b8456373ef7d8d1e8dd95ef4a248c37635', variant: this.indicatorMark, required: this.required }), h("slot", { key: '99451c0b8fbd56e017e709e4b0c870bc38696bf6', name: "label-info" })), h("div", { key: '06f2235a9542cab53159ad0ba61c1b71f860442d', class: "gux-input-and-error-container" }, h("div", { key: '01ccf1a88c30096d43424704f6b3024c90e0004c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd7ae0f45b6bba0984cad385da8a9cbeaf265f158', class: {
+            } }, h("div", { key: 'ca8c3a6b3d4e0d8edba4787660248f337a07336c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '6e8536d0a24dc0a50c756b0a9f97c2d6dc86a318' }))), h(GuxFormFieldError, { key: 'c7f083797d4f68730ef17268a3bf14155b4fbf58', show: this.hasError }, h("slot", { key: '8942b4457ec833f4e80985e812ea9d5ecaa3af69', name: "error" })), h(GuxFormFieldHelp, { key: '278ffdc44a4b6d4c335a75ed07bd726ff6e87901', show: !this.hasError && this.hasHelp }, h("slot", { key: '9ddda671e1422f1e9d952f12a5d9bb2a494b8916', name: "help" })))));
+            } }, h("slot", { key: 'bb332adf129294ced650fc25ecbd0fbe02209785' }))), h(GuxFormFieldError, { key: '0c13dfde870fc9a6f7b6d12a9057d431d488f178', show: this.hasError }, h("slot", { key: 'fd27983e9293fb8af84dcc83e0784adaac1a3f8e', name: "error" })), h(GuxFormFieldHelp, { key: '425bb54b990cb99914a225f298b5b89b3551c3d8', show: !this.hasError && this.hasHelp }, h("slot", { key: '08689d1b13d15fab6e73633fb4be9ac726838d40', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -5,7 +5,7 @@ import { b as buildI18nForComponent } from './index-CQoOheQV.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const required = "Required";
@@ -128,8 +128,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1dddf22be29f710fca6ba6ce98b0dbe1faf032f9', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '14f39be31f723aa8d45addf90e70361e1473a8ca' }, (_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: 'e1b406b2f4641ff77792d3379cbedabad581cec2', position: "above", required: this.required }, h("slot", { key: '822237035b64c334efc7a3949ef079b64653142c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bc3ea838afc780927e61b23b85240da795c9d512', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1ab538015e21dec0a12be8006097f259e96c87dc', name: "group-label-info" })), h("slot", { key: 'db77e8d6c5af8a3e1bbca49449fd250604682a49' }), h(GuxFormFieldError, { key: '4e92f44b08b08733bfa61ab18b1e8a5422c9dcd1', show: this.hasGroupError }, h("slot", { key: '0b2846006c3eb88ae795ffa7bdf46fe19e7838fe', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e883b50237c419f86fd9bded37bc8facb4ed995c', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b778e4b03942129d6b5670707f261a1ceb428017', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '064878acc06694359eac83ea971398e7dde5eca6', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '45cac8e655a3879c2e413c483fe3a842b15569d2' }, (_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: '02983c33307a2e495bbfbc13e4b9c5a95a70c9eb', position: "above", required: this.required }, h("slot", { key: '6115a27910af173207d57d4d19e27dbc6d0a762e', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '28a5d2eb175c842367d1bb2dc1e22e9d628d08d2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '074821371b9fbb2fc62c57d6877a213292174b36', name: "group-label-info" })), h("slot", { key: 'ea9d5891081645fc731ef2e02ffcf0d6d5351cdb' }), h(GuxFormFieldError, { key: '1941202beb7c274ffc6aa5e4b0a5da768c225fdc', show: this.hasGroupError }, h("slot", { key: '84bc65865c84649fd31ecf7fcf313f8d99295edc', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e6817262317f6cfc5ee06bd57c37f0ecab3baf82', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '95adb1fbec549329e2478e8375430ef752395f49', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -5,7 +5,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -46,10 +46,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: '67116e4eb3942df84634acee5e9ce953775a5d73', class: {
+        return (h(Host, { key: 'cc6a04d4435bfbfca304beb4769bcd330bbdf514', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '823c51daa536c9f4d74e079e389e23ca2b329e29', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '31167f841d8682b44d28107f9f8ba4dce9d24d36', class: "gux-input-label" }, h("div", { key: 'b41e9dc80b1ceedb5e86b9d4840885e8845c6e7a', class: "gux-input" }, h("slot", { key: '7abc5d9b92c977b3fe9c2e972dac49c23ae00f17', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '753be796e830557b7c9673a4daad39276ed6f48e', class: "gux-label" }, h("slot", { key: '031994e319d909cd095ff008e95e80e28ae4429d', name: "label" }))), h("div", { key: 'ab4d5bc0a67cb0674bb42f5c68e088a7548c1b0c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f299e1eb9508216270b46408b2264cae2aaa44e3', show: this.hasError }, h("slot", { key: '3dc59aec8fa8d4faf52d8424e870a6ce44cbf18e', name: "error" })), h(GuxFormFieldHelp, { key: 'bfd5e8b55d213fa5296742b756874f40d884f718', show: !this.hasError && this.hasHelp }, h("slot", { key: '769394d7fed56cd0bb7de8e77df1d7637684e6c0', name: "help" }))))));
+            } }, h("div", { key: '4ae84c4e5d60358eb997f129b8c088a1f0ae5f10', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'd942e12836b2bc5ab4c204cf6213eb842dd92fbf', class: "gux-input-label" }, h("div", { key: 'd1657d6c7fa5aca36d25787c99ff7c9ce15f2750', class: "gux-input" }, h("slot", { key: 'eff047b0f6106620d33517a5e3bc26b06c0d9d86', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7a4bf9ad866dd55887c8374d3b45cf0e13578fbd', class: "gux-label" }, h("slot", { key: '4e169d9f2012f3e9f783a25acb26acbd76001b7e', name: "label" }))), h("div", { key: '969e9e6130e9da8fcdcd1582aa0b561515156b05', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'cb5dd92f7334c02c7658b4d4c588b2255e95834a', show: this.hasError }, h("slot", { key: '88a2ca3252fa17b8a550f230bd2b54350f716bd7', name: "error" })), h(GuxFormFieldHelp, { key: '299d15016018ca89c22a6cb14f70147642604c18', show: !this.hasError && this.hasHelp }, h("slot", { key: 'da2c41a1dc738427a769ae79af28f4063a26cb16', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-DgY6gSC7.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { O as OnResize } from './on-resize-ElTdnUfE.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -114,9 +114,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'a6f22a9e582ec638d9f6309313c920356e1bb630', class: {
+        return (h(Host, { key: '9619f39516089dec1af3add943c647616d6a206c', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '160c53d5399debe101c82e188b5c46f47b84cce1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4527048ac90fb4442efd0d1073c682bd03ca6461', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f2da62566c5ba9a271d9ff0d671d6dbed37f88a3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6f57048aee9b0389a4cdb96b007d27511eac1fe5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '659d2f15e5914c8b257f61fce0945c0a750de459', name: "label-info" })), h("div", { key: '3d6c2f68312721c4e3a79bea2d76c9a123812241', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '380b1076a454b286534d3b9a1d687fe59df10e3c', show: this.hasError }, h("slot", { key: 'c4e0bd4ab15ac54623ca8f7295e590b717c3a5e8', name: "error" })), h(GuxFormFieldHelp, { key: '032ad62e730d205a65a05d952202cb42912cd304', show: !this.hasError && this.hasHelp }, h("slot", { key: '224729f7c5c00f411b7348ce3d591fa84ff2a893', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '55bb9b7123d8b56d82ed16ec936bb8c822065e90', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cf035065a70bf185c39838e54458d8f2fd8e7a4b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2376af0a20104ab59db2df3188ecc96267cf777b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'abb34b53fd55306a49d1ee1c47714cbbaee443f8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23bd81b67c8621ae098f7e653abd0ef7dede782a', name: "label-info" })), h("div", { key: '70a9ad941f868cd1fdaf6376d287d6854380dfc5', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2f4d79036c7b295b1f74b78701534a4a2345a8f2', show: this.hasError }, h("slot", { key: 'fd856f1a5e020881ce54473a1fb67ecb7d4949f2', name: "error" })), h(GuxFormFieldHelp, { key: '485ce0bf3a37dba85b7413b8ca556a7d607186da', show: !this.hasError && this.hasHelp }, h("slot", { key: 'adfc74111011054ddb56c07b1c9fed6fc82a5b19', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -99,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6507ce14649f45316af15c20184d610b5cfba20a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '87cd402400bb26ea4ce621d0898dee78f644d6f7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4913517e08d245dc3e2ff4ec3de1b3ec675c5507', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '22b5fa6aefd1185ae0bede4e8b9457ab3eee5193', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1415a0d73398c3aee5ab10c5e1cba8bbe2f43d57', name: "label-info" })), h("div", { key: '4d1a634b508b4891c6c977d047af50e0667977d7', class: "gux-input-and-error-container" }, h("div", { key: '1b5e492b7f653b0bec71247ffd83678b7d46d861', class: {
+        return (h(GuxFormFieldContainer, { key: '29b59df9fb4b700ab144d7d5a4f4751b76985ff8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63121bf73a0059cd543e1cfc436e0f9cdee8aa69', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cd413ade3e1583cdb46d46890d4fba8a4a2f515f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '800eb4bf8c204e54891270e5c10d43cf74f09767', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4ecd777e2c5efcb0ffec0477c033cc677393b9aa', name: "label-info" })), h("div", { key: 'a410526dfb1af30c9195764509237e6450433c8f', class: "gux-input-and-error-container" }, h("div", { key: '197e1a1b08e4570bf32899de7f22ce1e03c1d86d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '8b97da4a7c0de0954934555426d50de4c5a031a5', class: {
+            } }, h("div", { key: 'b6fee2f89c0ef01aada923cc56619f34080fa086', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'b38376b0f79e187a38501230dee96ca0bb4cea6f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'd98ce658d611bad649645350bd44b13f7a37d49b', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3cb5ce32805749636cbf5334d45884635f0e1e26', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bccad44237fe2e71f50197c1a55f89736a8621b1', show: this.hasError }, h("slot", { key: '0a62fba69aae92493020a49636315b9ad076b858', name: "error" })), h(GuxFormFieldHelp, { key: '263c386c65e8dd1705e0ccafd0b71487802b09d1', show: !this.hasError && this.hasHelp }, h("slot", { key: '6507f8559f672d99bfc75d92a3d843a44397e13e', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '1bb545531deb946096774175558d26741f4fa120', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '65a20e02bd472bf21992854b13300faa9e5d2f64', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '44d426c7a0dd4c8541c1c1308f63a4ac26163ec6', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0366df7203d470467e0df99a8f13d43bbf8f730e', show: this.hasError }, h("slot", { key: '127b81417379054338d15a2fc3bec7078409cb8d', name: "error" })), h(GuxFormFieldHelp, { key: '582b4031ea679ecfc197fbf289c466b290b63ac2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b4fa4f8f444899782adf53188027690693f0bf79', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -89,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '95b1307ae83899f5978ddaf34054191201f66c51', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'db8a4a35beb1dd0c413c35bc62cc2194222dddd7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a805817a5220c93d18d62a7f3adb9ab56150f398', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '419d709c54c8228ff85d4f684c013098a6c16744', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b1344f130052784e29dac48241b1e895e14cc6e3', name: "label-info" })), h("div", { key: 'bc55fa3bdd47cb7a0d76dad4fc15c62fab2fe1ad', class: "gux-input-and-error-container" }, h("div", { key: 'a04f7cedf8ae05aef94cbe64747c5ddcf750b401', class: {
+        return (h(GuxFormFieldContainer, { key: '28357f6d18b35cbe1b62ec9d7e02ef04a822ab68', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a2b5bde275327e7ca88299319ffa1cee6777c9d0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '01de425157db781a55ace8168c312a9285416fd7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9ebf52c54223194f1014bc1a70041d6365909fb7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1695b0d4e9c12042c63ff381d57ba737f8f749c3', name: "label-info" })), h("div", { key: '203c55784147e1dca931abdbf7d2729bab1b4e84', class: "gux-input-and-error-container" }, h("div", { key: '584c2abb9210b783c5a4893b15df94787f53970c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2730d639d0f62854440ee43a2b0761abfbdf6c92', class: {
+            } }, h("div", { key: '95e98d853744d4516c0f40e191bd805e19b05c09', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fd0ca6b699de87bced903bb678a562b38b49fe01', name: "input" }), h("gux-icon", { key: '0db4a6a9f4b387f1ca366a6dd164cb5ccb751bf0', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'f2b6f167158037f6027790a94a2b1d439175f009', show: this.hasError }, h("slot", { key: '0014171582ed20fdaa79d498526307d6bff2f993', name: "error" })), h(GuxFormFieldHelp, { key: 'ea68634f4529ace457f236ccd3d296aa129a020a', show: !this.hasError && this.hasHelp }, h("slot", { key: '04f367c56b52dcda0dcc439b721366ab60e4f1c5', name: "help" })))));
+            } }, h("slot", { key: '301cf81dc4e152195be4015fb6ce2b13c56dcabd', name: "input" }), h("gux-icon", { key: '0b6e4b26b58f5cc1cc44af0d5d46096651db7c14', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '895fce78e62929770b6468333cf22eff18bb5d6e', show: this.hasError }, h("slot", { key: '12aef346f03b6ba72d31614155f2f8fc6f81f98e', name: "error" })), h(GuxFormFieldHelp, { key: 'ed9fc46e8ce3809944a5671796bac3cb4026c32c', show: !this.hasError && this.hasHelp }, h("slot", { key: '37ae1c1d8e94ebae17cb419fc9920c3bb6f8a2a7', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
 import { h as hasContent, s as setSlotAriaDescribedby, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9d4a14eecf131a8949928deb7d1341b8fd7aa6cb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8f3f9aad9aaf77e13964916b6b72270f0dcbd1a4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6ae871001183b1eb908a2505bc4f94445ed87711', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9c5b545896d669cf19f0a7c738076f555c3a4517', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9a3e6985da7354c2e73e0ab8dec2e93c3eba6b10', name: "label-info" })), h("div", { key: 'ef9a4d8eb3ba37b9bba43cf7bef3c85688662bde', class: "gux-input-and-error-container" }, h("div", { key: '24f5b080cd8efba1885482ef2b94d6ca2c1f5c38', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '2a365f9b1d447674235bd9ffddf98967d5b8fae4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '49a6b8ee2a03c41c743e7fd2d2e8e5d5f4bc47d8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8cc074b8079ac81b2b98a4859fe90a86bdcb21c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61a95740d7664c80eba7efd5311ff6f1e5b1a80c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '987228befabf0916554deca27d065d7585495ab6', name: "label-info" })), h("div", { key: '19302986d05d9a4d6ef58488861954c32d33d0e0', class: "gux-input-and-error-container" }, h("div", { key: 'bae0c384922fae381e7321bf5daccdd9b30b5215', 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: 'bbba06d3e1c30eff82c73f7639f7b804e1e4aa30', name: "input" })), h(GuxFormFieldError, { key: 'b258457525950e755e23c165cc5d60ef6e1dc9ee', show: this.hasError }, h("slot", { key: 'faf677c38681fa0dcabf911680d48027bde696b4', name: "error" })), h(GuxFormFieldHelp, { key: 'b74295df0254d41d8dbfe8814316c9994ed4144a', show: !this.hasError && this.hasHelp }, h("slot", { key: '13648cef817f3c5104d6c13fb0648570aa9e7c0f', name: "help" })))));
+            } }, h("slot", { key: 'be421f029fede53fb56e2625ddbc155a85a383b1', name: "input" })), h(GuxFormFieldError, { key: '7539f848c1efc9ed993f227ab6bd4309040746af', show: this.hasError }, h("slot", { key: 'c93372c511eeb2c8461f6241c7c2a76f6d11bfca', name: "error" })), h(GuxFormFieldHelp, { key: '90359ce1f49f6f181f7fe635afba6ff2d53c260c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b5ec14693a86c09e7638fe7881bb048cf2fa8dd3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -104,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'db8247513641d3f1216c7649f858c1537b7c4af9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3624f298a8ad748a22c1e807338185b25c5f6dc3' }, (_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: '8fd8e91f29eeaf7d041d5b3d86b6fa5ddae0a260', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b37eb164f76dacf6ef1d977dbccc35458419852c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e02c192b5c26df6ea26f85b313dcd19fa4cff4df', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b515d4c947954b9235290022f45f12da8a661f7', name: "label-info" })), h("div", { key: '13f16c11bba6d4ac7956660bb12f6388e45c8bfd', class: "gux-input-and-error-container" }, h("div", { key: '2199a4b191750fc8f733badecfe0ede9654231bb', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2cea88ed3d3c818948d14e3ab8747f05591f1612', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9c3bff809a6ae95dd5996d9da6bbcf4f9ec4619a' }, (_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: 'ba71037edbb6da6cf4a2348cbfd949265510a7b3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '867bac691af76b2cdba7574d79c94bd9f8b60379', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '218814930b592c33376215605967e42ed7532ee9', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f303ce6a2d20b74c7fd26b9c6125fa858edb21a9', name: "label-info" })), h("div", { key: 'f868f0a7ed8740098261116cab52e079903ecd0b', class: "gux-input-and-error-container" }, h("div", { key: '55c97fc474d870176218c53b09a5314d30a4398b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '48926099c83ea49273a2470d6a7c2a9da5b5e11b', class: {
+            } }, h("div", { key: '77e2d7b4621072b2066587423fde7b53b3c23052', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '167417194f8b109842f3a948c187b1caad8b8037' }))), h(GuxFormFieldError, { key: '3c2c5c61d490da2526cdb307dd99446305cec31e', show: this.hasError }, h("slot", { key: '8acfe75ff992b935ada1f6091de5e3b0e9ccaf93', name: "error" })), h(GuxFormFieldHelp, { key: '08b16a6c3a8ff7a94f6f85e06ac98fffa1105f5e', show: !this.hasError && this.hasHelp }, h("slot", { key: '2d8831e69a1580c1663a55f6a2de67cf19d7dcac', name: "help" })))));
+            } }, h("slot", { key: 'ff26139c10224df0a335588bb2c2422dfb3bf21b' }))), h(GuxFormFieldError, { key: 'db56ce699f9389cb04eeac2fc8a8960d447eed21', show: this.hasError }, h("slot", { key: '8ebfbb53a7a3531b5df2397b1cb66362fe193ab5', name: "error" })), h(GuxFormFieldHelp, { key: 'a932a6cde47974cf2473aba724228db17b38679a', show: !this.hasError && this.hasHelp }, h("slot", { key: '0cad9ed59d779c64f150ca5ed0303296a43fda3a', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -7,7 +7,7 @@ import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -105,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '698a03f7203710e51df8a4c63fd0847500d3fa9c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'cd7cdb03a86e7927ec27fd349da16c1fda31c154' }, (_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: 'adf54b2fa3a4650554d1d084b176ce41807f6152', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ee407db2b4175f92011d5839005ec5b78a0853ad', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5809be679379648fdb79ca1803af38c9c20e634', variant: this.indicatorMark, required: this.required }), h("slot", { key: '52509ba3cf65d8885645b19b61d526fe2cb848a1', name: "label-info" })), h("slot", { key: 'e62a6928d1cb82f8ba10e6c1eaf1a1087dd961de', name: "label-info" }), h("div", { key: '2a11b0692e8f73257f85c1a7bf5f5e2a82e62a50', class: "gux-input-and-error-container" }, h("div", { key: '1cc573fba25e36a8f96f61361c327a671dc165a7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '8dfac8230f4ce8c861992e9904d097709c6182d9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '71831c32360d9c1eb1017e98fb32138a9c2ac6de' }, (_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: 'b0a9cbddc5dc81b597e825036c132ac6dbcc01d6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '79b360377f3ceb4b6a4258fac723f0ada0c54f4e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b6e13f8b858425eb0c08213268105774e5bc85c5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '463701646c4fb4c93c5cec63268ca3f015d8ed39', name: "label-info" })), h("slot", { key: '2f84a3466390bbfb97f75f6e3e54d39626c183f9', name: "label-info" }), h("div", { key: 'f211474b13b3480a8a67bca79445c0ba0f6c4379', class: "gux-input-and-error-container" }, h("div", { key: '73b41b4b265fe9b1363172fe19d5506113a942f3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '00fadf06ee72e4118171be3de9b47b03fc6a4302' })), h(GuxFormFieldError, { key: '9c7dca3236e4b9cd6cd52af93a53c98ba427d5ea', show: this.hasError }, h("slot", { key: 'bfd7cf78218f8235c6a8754ea78fe253db92b39c', name: "error" })), h(GuxFormFieldHelp, { key: '3185acd1efc2d620e4b992fdbb8c01d050995013', show: !this.hasError && this.hasHelp }, h("slot", { key: '659851ed78c895b5bc4a6f23251166252af4d68a', name: "help" })))));
+            } }, h("slot", { key: '3f141d4c147e9073ce9918b4653f89d51c5fe7e1' })), h(GuxFormFieldError, { key: 'd98fe6b47afba5e527f24567fc5e1e6d74072dcf', show: this.hasError }, h("slot", { key: 'e5ddaae04b68f9a8b33e9c2f8dafc9b8f3b572e9', name: "error" })), h(GuxFormFieldHelp, { key: '13d2819ef4f236870cfc86cb21ab0bab20d5b56b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f914a03c60c30ddbec7d821ccd503c2006eb494a', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/esm/gux-form-footer.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CiOdbrOB.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 

package/dist/esm/gux-icon-tooltip-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";

package/dist/esm/gux-icon.entry.js

@@ -1,5 +1,5 @@
 import { e as getAssetPath, r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 
 const legacyIconNames = [
@@ -554,7 +554,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '57507f01d51b79dc790d622cc656073e6dcf6e60', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '09cca8836ec219cb5df43d37746af37f51e009c6', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return getElement(this); }

package/dist/esm/gux-illustration-beta.entry.js

@@ -1,5 +1,5 @@
 import { e as getAssetPath, r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 
 const svgHTMLCache = new Map();
 function getBackgroundShape(shapeName) {

package/dist/esm/gux-inline-alert.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
 import { b as buildI18nForComponent } from './index-CQoOheQV.js';
-import { t as trackComponent } from './usage-BOiv2mfl.js';
+import { t as trackComponent } from './usage-BkYesNed.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const info = "Information alert with message";
@@ -40,10 +40,10 @@ const GuxAlert = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '701e0f8c4d7dbc38ba3ccd2e47369de9e37b52a4', role: "alert", class: {
+        return (h("div", { key: '988f7b847ea4768795550880dbc2eb0308df536e', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '440571e9f332509870de353f95713d40a15b2a78', class: "gux-message-wrapper" }, h("gux-icon", { key: '8bc20b88cf67e551660691cb22e18a9bbc6a69b3', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '19b376ddc2c2a47a32ac517ae44d86b7bff8efb7' }, this.i18n(this.accent)), h("div", { key: 'b3f63b115c18d031614dca531ce221acb58055b4', class: "gux-content" }, h("slot", { key: 'ee2436ecbd5a22a033310dbad0bc2e34289fdab2', name: "content" }, h("slot", { key: '023d525781534d8ab225fb756c4b74b60d622ad0' }))))));
+            } }, h("div", { key: 'fc8d5bf258aed90445bbb8e1fe82db9026def9ca', class: "gux-message-wrapper" }, h("gux-icon", { key: 'd10c8bd6e5e49c82785f59985a5a9993979e889b', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '49adc3c5fcb004ea91c5236853aa8e9d6016b2dd' }, this.i18n(this.accent)), h("div", { key: 'abf688e747c1f1f17c2290685d4e24f6b7526856', class: "gux-content" }, h("slot", { key: '42eb216ff43da320b0fc52c81c3a8f5a6f463d54', name: "content" }, h("slot", { key: 'db4451365bd5b2dcf95d74f078f1487e64b395cd' }))))));
     }
     get root() { return getElement(this); }
 };