genesys-spark-components 4.81.3 → 4.82.0

package/dist/esm/gux-flyout-menu.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom.esm-3320b3cf.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { h as hideDelay } from './gux-menu.common-b2a4d472.js';
 
 const guxFlyoutMenuCss = ":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusRing-default-border-color) var(--gse-semantic-focusRing-default-border-style) var(--gse-semantic-focusRing-default-border-width);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .gux-arrow{position:absolute;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);padding-bottom:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{width:0;height:0;filter:drop-shadow(var(--gse-ui-popover-boxShadow-x) var(--gse-ui-popover-boxShadow-y) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-tooltip-boxShadow-color));border-top:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-right:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-left:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent}";
@@ -172,10 +172,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '96edfa3ebf5be5afe504e370c2a14cfd2daef2e8', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'e0d36d479bef1cbc9da0e256b99d2548ed333809', ref: el => (this.targetElement = el) }, h("slot", { key: 'b824bb2babaf66719c69ab878a9562ba17e59ac1', name: "target" })), h("div", { key: 'bf772250442e633fdd2334bb90beafcdf8269563', class: {
+        return (h(Host, { key: '98954d39709206fb3a688940dfba59e45e65f951', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'ebcc1d72965f1b589b892c17bc3cc564e448765b', ref: el => (this.targetElement = el) }, h("slot", { key: '6857f784f3e295d09544a57398ba552108846049', name: "target" })), h("div", { key: 'eaba7913c1f1d1233e05f22c9e73f3077c9d1579', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'c2cd14ed5b78d0a1632851cc113ffdc50528716b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'adfe1a13efbd5e7eaa58e5382dad50a7d00c99c6', class: "gux-arrow-caret" })), h("slot", { key: '1e90344b959b1bcfc73a4a74c7c61e50a65d4a53', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '0057297de59c8eb7f236034ef0853db443020120', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '30bf6af55aea626e56243f29a5c247adcb489ab5', class: "gux-arrow-caret" })), h("slot", { key: 'ce422d6f2c5ab1bf7c2208a0424f775eaede96b2', name: "menu" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -5,7 +5,7 @@ const GuxForm = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: '7cf122ef2820dda8c5e854f0aab3863716ea218b' }));
+        return (h("slot", { key: '5ae86892c61c1db5065ac21ebd14f4e81cfd316a' }));
     }
 };
 

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

@@ -8,7 +8,7 @@ const GuxFormDescription = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: '62b83205f3f0b7f6cef701829b4fd1f37e1eed5c' }));
+        return (h("slot", { key: '94a9998b9411fbf8b09ecaf98f73c1b9a2e53050' }));
     }
 };
 GuxFormDescription.style = GuxFormDescriptionStyle0;

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

@@ -2,12 +2,12 @@ import { r as registerInstance, f as forceUpdate, h, g as getElement } from './i
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as logWarn } from './log-error-274efeb7.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-1776797e.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-1769a15e.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import './get-closest-element-728b9f18.js';
 
 function setAllCheckboxInputs(root, checked) {
@@ -176,8 +176,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'b006db504824a85c90abfb6042d0bd5958bf08a5', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'e854af1ea68495d2346038af1292de3f1034a690' }, (_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: '5356ecf1275e68044e4122a1699df2e6bdc3f036', position: "above", required: this.required }, h("slot", { key: '0022a0d7590b6e8b4a56358bc851dc70047a09b7', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '722e243a103af447f754d73f069a9b6727def5a5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5d79146bcc1c5bc7083a513b5a120c672ab7b156', name: "group-label-info" })), h("slot", { key: 'd4ecd45f6a732fd17f0874a09c5c5fffa977eb36', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'e347cf038bc8334093b017281f70eb905b6b4330', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '68cc7685d0e79ae91333202731a245aba973fdae', show: this.hasGroupError }, h("slot", { key: '00d19a503b650f85a82a83e152e808d14ee312e4', name: "group-error" })), h(GuxFormFieldHelp, { key: 'bc4ac41063dc2a88f47a0eddad5cee001ef65a1e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f18a19d0817ac07cec5d0785504ade40098418f0', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'b96de07ea2f50db414428a1c0da6d7519dc63fb5', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '5649fb46d2ad3401c0f91cd6e8e889d01d3436c6' }, (_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: 'e762a3109d33b1ca19d6b2f5395b03594645dd04', position: "above", required: this.required }, h("slot", { key: 'ba73fb9147fa3d105c648a8e74556ed05102efeb', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0eb14d155d544de04ef8a106f7966f58bae81e46', variant: this.indicatorMark, required: this.required }), h("slot", { key: '32853c9e842657f9e083649fb420e9168ecb304a', name: "group-label-info" })), h("slot", { key: 'da729ba2f72b8159d3f8a724a2c6b595bc750563', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '42db37ca5abcb91df01cedc085772c75db3c66d7', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'ec47fa90926b5116b72d6d819795da5b0f54b6d6', show: this.hasGroupError }, h("slot", { key: '3ca8db2694e3f29318eaf00f940564ca8b7459f4', name: "group-error" })), h(GuxFormFieldHelp, { key: 'f95e241b6a334bde7aed19696a1c406a94c66a64', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '1c597d9b240c5f926f6b618d5ccf1634cb4246ce', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -4,7 +4,7 @@ import { O as OnMutation } from './on-mutation-1355c534.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-1776797e.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-986d3f3f.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -49,10 +49,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (h(Host, { key: 'a7ca2efdb4a4e118969b80ab231375f6c6891c22', class: {
+        return (h(Host, { key: 'f8e07dcdc6178dac8469a373e7fc9f1e8f89fa2c', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '3da7fb8b8497dcc5a22ce9fb82a7d7707f1c7cd3', class: "gux-form-field-container" }, h("div", { key: '351dccf78036564fe310039c7bf5261f022cfb60', class: "gux-input-label" }, h("div", { key: '78a47780fe436bf754b5d91fd6fa910d6bf0ef1d', class: "gux-input" }, h("slot", { key: '50487b7b4ee7041342533c375197fa3a3113321e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f4385aee690dad8ca6cfcf90c2e7071b15274680', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '63697b88b3146944265dd721221a423fb294321a', name: "label" }))), h("div", { key: '32fa798b6d4f631d4e1bdbaf53f7e63d2a176c38', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a6aeadecfa6362d7ca24abd0a157c8321fe098fe', show: this.hasError }, h("slot", { key: 'f1ff271aae103e60ffdc83da30b80f96818655f1', name: "error" })), h(GuxFormFieldHelp, { key: 'dc991534240a90b7dcf6a2a65165bfb6e9963ea2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a282c1a098973c11278a424a0efa357741639291', name: "help" }))))));
+            } }, h("div", { key: '4ae6689a6fc1a858590718119c487449793e024e', class: "gux-form-field-container" }, h("div", { key: '1ac2613ffcc3f0d36dda677bd842a4071428160a', class: "gux-input-label" }, h("div", { key: '1fcab62fb4fbee25db937968903bb210f9b5ae72', class: "gux-input" }, h("slot", { key: '508ef0139fbbdb70f5a8a24770bec702710cead5', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '130dbb64399341cec6646991555c556b32a9ff61', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'dab4781b5eb6f1a10ca162235d59bea844510642', name: "label" }))), h("div", { key: '34a2f5460c3a2d1eb54d87ce41d573ff066625db', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '59a2dfd40d166c56c1bb07b3160694b92d3baaeb', show: this.hasError }, h("slot", { key: '886825073dbbdaaacf6edf8fc78ace33a0f116f9', name: "error" })), h(GuxFormFieldHelp, { key: 'f8fbad0a38ebbb03ead3726c018cc365eacb4b1c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd798fe0c5fcfb93c616be39031d2b38abca1240b', 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-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-1776797e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -85,13 +85,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0a39317eebc6d1b0b5095a05f9233f7a89119acb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e6ad2446431a1a0e6ff3f7a35199cc6ea4f4ddae', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4d9e6dc69f9f59bbed04a78db47dc96a36941b32', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5467932eb0dbd4e62c9525f71826628be16626ee', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ce3f830ef46c878b08fb60f06b34635ea8981c25', name: "label-info" })), h("div", { key: '0cacee7d9692522a64cf92bfab8db70aa22b2ab4', class: "gux-input-and-error-container" }, h("div", { key: '7540aff1d8ee693387e5ff2f72ee0fd5a64ada7e', class: {
+        return (h(GuxFormFieldContainer, { key: '13d8df11f215ab673e3877a7e27b02dace4e5451', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a1703b8d1c64982145823f7af4eac4366a37cb7c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '62d91eff172f5fe3ad223996e2a67864999f0468', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '836d29db382f1b91795c28a038140f503c154c3b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ad3021b9c3aa48ebf9f0f41906bacf1b468f1ea8', name: "label-info" })), h("div", { key: '07164a69a9396d6a6829c11dbd2c033426273c34', class: "gux-input-and-error-container" }, h("div", { key: 'ace65a2240bccd0ddb7ce3a334bb8726cba8f19a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4aba3697be096dcf947a6cde9d06b963b31d4ddd', class: {
+            } }, h("div", { key: '9c3968ad741c91f5767a1767cff4a0b8f2192dde', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd94ad5e6147de68ce73d669239018437b505d665', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '4442453b96851a84d65571a4cdbd30189148bff7', show: this.hasError }, h("slot", { key: '337a8d583e109816ff9d69f57618c6e42a05c137', name: "error" })), h(GuxFormFieldHelp, { key: 'c3fb67cf3d2bad26c2847d2362e17420951fe963', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd6cc78440ba431d4796fe7559f60ba697657236f', name: "help" })))));
+            } }, h("slot", { key: 'cc917e7cc4678f4d60db7f586f193c665306e213', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '2ac291486589741d20d4f3d64c1081211afeb4a0', show: this.hasError }, h("slot", { key: 'a32fdaee781a0f06e75fdd3ab569545f1f71dd23', name: "error" })), h(GuxFormFieldHelp, { key: 'a6a05b82d95fe56d25ba275730a63c28f7a2e106', show: !this.hasError && this.hasHelp }, h("slot", { key: '1b1aa28ef3236bf8351f502dad47fda8253cc39a', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -7,7 +7,7 @@ import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-1769a15e.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { s as setSlotAriaLabelledby, b as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -103,11 +103,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'a250369da3c693575bcae560207c82a77982089f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a7ba0b81a9e17d73100927f11e708aab31338e0e' }, (_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: 'f2626b303a8ce77adc050107c496f0556ab56af6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '69032596a69268b426c43d8a370de1957adf6364', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b7ae73d2b1d4c9060fb81c6225222d55f0b9ba3d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '68ebf129d77c75e2bb565499ad8da68f85d7a37e', name: "label-info" })), h("div", { key: 'c5813f2aa922a7ece51a84fb2850a659c2694133', class: "gux-input-and-error-container" }, h("div", { key: '98bb80f662b3746c9228a099224c12fffd26e171', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c1c74c5bb31b6f97d9ebfe1db1258a812a21ebf8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6b0e80e8a464c0f4e5adff21d847e4e1b66c4b89' }, (_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: '81f7da2241b8997d4008bf2321763b3ff6d0db58', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f42e82c18a0b7c9529f812e80a302e97f3bba3fb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2934265dfe189091fb2800c977d53522966952d7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '403c228edf1b4079cf92dde048a4d92fcc4f2dec', name: "label-info" })), h("div", { key: '7bc0892cd358d11a7dd7e153e060e05330e03d31', class: "gux-input-and-error-container" }, h("div", { key: 'e3170fc3c536f37ffff8c5c8f037f401e3e4777c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '14c6b0561f35234241f241a4150f98b3ca3db61a' })), h(GuxFormFieldError, { key: '6d6df40a7d65ded4f1bedaff9cae5e76ded6d70b', show: this.hasError }, h("slot", { key: '98b107a272159b89ab4a223fea9506b00aa3f304', name: "error" })), h(GuxFormFieldHelp, { key: '00c607f82c67a2083229171e130f44caf15dab95', show: !this.hasError && this.hasHelp }, h("slot", { key: '3bc4f90cecce9b35967d747e456565265c6a1e0f', name: "help" })))));
+            } }, h("slot", { key: '123eb80791e65217f2c8384bf05c0cd24399c142' })), h(GuxFormFieldError, { key: 'a43eb2cce1f8c80b321c111985d5468c8e4e2ce9', show: this.hasError }, h("slot", { key: '80d3fb9a48214610e6ebab1cc9e89a9c8208e401', name: "error" })), h(GuxFormFieldHelp, { key: 'd998d3b1685f86785595b34b51950bc4abf543c3', show: !this.hasError && this.hasHelp }, h("slot", { key: '9da58f97015a80e0d1cee3f50dc2000586b28c82', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-1776797e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-986d3f3f.js';
@@ -100,7 +100,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7abf536d21c5c458cb5b21f33f1bd9396044a0b7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '13ed9bf6c351863b755077efa5566a5cd1e90a14', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '09575fed78d9ca655eb4b63722b6a82315c0a146', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd64a434050c1f7a1019aa089d6740683efdc7df5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8e076c976fd28f8f21dd4bc12b2d0896756614ad', name: "label-info" })), h("div", { key: '93a3c6723a0f4a305fa06630eebb4a74f6905f81', class: "gux-input-and-error-container" }, h("slot", { key: '6aff1d14f123368160df5ad0ff76f2730ff05eb2', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '4e20fc902a0f9faa6a2590edd16d7499f2a717a9', show: this.hasError }, h("slot", { key: 'da00c934c70ab2084663d46e7e18d53639668620', name: "error" })), h(GuxFormFieldHelp, { key: '5516d1ff98f2f1486b5e7a390d7885d6d2b1914b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dd642f28776f0bd7497d7d29f05b9ea74f811148', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '02b253ca15761a3f942dff46fee31701687b4448', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '874303c861645b74bca40a9081fa5c40bd663210', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6a6c8d788f7527304b40452fd7deab46e6c4500d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b787c16459b39df19e22f8fcd34d0c1818afc488', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'af84f811a6afed45f9a9837ce8676bd80efff91e', name: "label-info" })), h("div", { key: 'ddea7c195b46989b1b00527d92ad5bb382c432c0', class: "gux-input-and-error-container" }, h("slot", { key: 'd0c3ce56d0ccb4848f9a3b943cfe5f66163e2519', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '2612ef8ca6b34375be544e2adad168c040cc8256', show: this.hasError }, h("slot", { key: 'c99d71cef51302a13e421466752e4af684c7089e', name: "error" })), h(GuxFormFieldHelp, { key: '6b90f6a97692520a35675d6eaa0f99f3b2c800ef', show: !this.hasError && this.hasHelp }, h("slot", { key: '69ba3bc76e2ad3e56200a303b10f5db65a2d292e', 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-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
+import { b as buildI18nForComponent } from './index-ad321c23.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: '8e3e3c5de710ef86247ccdf649ff4c9695d7a88b', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'f7c35fe3fa03064a90c242e33bcbeffefdaf14c5', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: 'af10e2cd45d2db167289ee3381dcdf5efd7336d6', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '0cf9598e236da8ba7443be2aed6a74824f9c95a6', "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-da21b737.js';
-import { t as trackComponent } from './usage-44565801.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import './get-closest-element-728b9f18.js';
 
 const optional = "optional";

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, f as forceUpdate, h, g as getElement, c as createEvent, H as Host } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
@@ -9,7 +9,7 @@ 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-1776797e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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-21dd269e.js';
@@ -112,14 +112,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '785fec87017ff42abee831b3c624c217b41d56fd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8b2118c7b4aa61db406ebe9156b0b4662274a8dd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0bb97183776944254809140c67c8b4f95b7e6473', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0b567491a4dbb3332962621fcd06fcb7f260fbaa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9c788f5e5be22657879e04abec11bd4cd8a01cc1', name: "label-info" })), h("div", { key: 'c1395eeffda28e6618c0ed585f98ea16566db1e4', class: "gux-input-and-error-container" }, h("div", { key: '79ed7447b231810038ed4967f95f24625987a291', class: {
+        return (h(GuxFormFieldContainer, { key: 'df4b8a0d67f9346f94f919bae2ce8a89f5fe1727', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ff3557152601cab46977a21cd8e9a801d4add136', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7374695cd022df657d0d2b377cbda0865b6db6ab', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8f016e8a96739777af319345eba72b027a64bc4a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0c513673d8646dc7fb7d1662003e08b52353abe2', name: "label-info" })), h("div", { key: 'acde65f1e052116c5d25d823cfc8057cd7cc96c4', class: "gux-input-and-error-container" }, h("div", { key: '995ff2b1bf1d16c3f733cab26ecc0964af1372e5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'e2a946f4c05b1dd34fe3f68988da03fad88be780', class: {
+            }, part: "input-section" }, h("div", { key: '3314defc9a659839e2b5882fc57f97d96656ae2f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6f58481bf65dad53105af30c21e0cccf083ff606', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '7c321e86300923dda697ea1ed96f395f2eae5e80', show: this.hasError }, h("slot", { key: 'ea01b157b5c696b3243eb22da2e7e0ca6b7091fe', name: "error" })), h(GuxFormFieldHelp, { key: '715ba6fc83227e5c35452c709fc4b5d66c7d96c4', show: !this.hasError && this.hasHelp }, h("slot", { key: '4b36fc63670534b1e314c6c4e79b8ee4164e19e7', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'e69306c0f92b42aa3039b2586c95c1e55b324b29', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '3458e120ecd9db5467e3dada2735a52675a3b79e', show: this.hasError }, h("slot", { key: 'd4f8a9fdbe5510dcbbaf0cc540b3aefaa06d11d1', name: "error" })), h(GuxFormFieldHelp, { key: '0255c2a4cf5cc3e0f76aea89508ca6a397c3b4f1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f50abf2bbf55c015a1593c01ed47a46d9c696c00', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -273,8 +273,8 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '2301cd5c9a4497de8384921a3c61774306d1208f' }, h("button", { key: 'd4a1c875f7d1fc2133a93ac9ed87a3e6e8580fe9', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'b3146905028aeb1b0206bf85998c65c374c29603', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '68a5d97e49580bb24edd13c4a190403d019d660e', for: "popover-target" }, h("div", { key: 'a4beb49b5c3edc66d33f2af5f10a1304ffdaf319', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'ee0612ca837568a3eba33a9862a3ff6bb4a3bafd', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'bfde9a1e39c04960fea0e1bce197eb8ef0493f6c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '650d0a9462488d1c3b2f176c04876fcbd95aed4b' }, h("input", { key: '21de6a82c8b6698a998414daa901d76b8f570c0f', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                evt.preventDefault() }), h("label", { key: '577fe000241f10532459835753722a15ed2ef745', slot: "label" })))));
+        return (h(Host, { key: 'f852510fab9f3720e9caa0c2b0906c726858c506' }, h("button", { key: '5c0b04a89b9ab2d445d40c837aa39d307ca1d1a6', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '9d2c6c8bf72a101f46d049c26106fe2c2976db92', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '4aee295c3323a0d2e9eb811bf42f17bcb72ff5cf', for: "popover-target" }, h("div", { key: '7c9dd23ad603697f8bc3c6f2db50355e31eef4e1', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'a55ac1680426c8663319fda45ac9f377223697ef', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '0acd5433a438ad5fd90ed3d74cae05b92fd8e58e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a12102b3da41b8250c73361763e7ec7fc7ba785a' }, h("input", { key: 'b85a482f875fc2ddcedf0e4db532fe05a309ecab', 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: 'b0ec79ebe2f17bfc3498a2b34822ffd7ec4906a1', slot: "label" })))));
     }
     get root() { return getElement(this); }
 };
@@ -435,10 +435,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '4ab7f3338ddd3fb6b7c789fe194f6fbae5fec514', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '36d5850e276d557d5e07991121f1aadcb11b3f4b', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '0ecd24cfcb871084ce571b2a937044bbb80a5458', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '49e1bb315b77d1c23652618c1a63377d008aa4a9', class: "gux-arrow-caret" })), h("div", { key: '4bb13e189e4421ff489e76b4ff4cfb667eb3faad', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd2fbaf08c2787230eb77e81acf14cb019aadcda9', name: "title" }), this.renderDismissButton()), h("div", { key: 'bcead8ef779fd12b3e7343d55c7759f5ceab628e', class: "gux-popover-content" }, h("slot", { key: 'cee2b739f73448891d9b5eb2f97a9c35a04647eb' }))));
+            }, "data-placement": true }, h("div", { key: '35e7595c8b531b989418f0664c6e63474224ab7e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '38f324974a2d2997f0816183f32aa5e2889fbef9', class: "gux-arrow-caret" })), h("div", { key: '74f0488250f3b3821d4c5a4a2c8d3b5c68f4787f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '40edb57fcfee191e7fce610bc77009a6b9d3f9df', name: "title" }), this.renderDismissButton()), h("div", { key: 'cca051a7c12bf2ff19d646ac09ca47b8c3cc684c', class: "gux-popover-content" }, h("slot", { key: '1d1726cb4e7bc3a7b6e00d3b9e53b36338518753' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-f42eabee.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-1776797e.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-1769a15e.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -98,14 +98,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '56f12f972a655ae407c09f1daf04cc23c7de1bcf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f2fe6e36721035fb33bf7bcdd8d1650bfb7dfdef' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'e07e162217ab41732b4f995944c60bfa2d14a9ce', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e5f95f3ac47968fec7f0ccd6f6592cc868089be1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'da85988d13e8024ab9fe74d4056ecede0d6530cf', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'feb7b1e0d892135bda3257dd8bb8531771304359', name: "label-info" })), h("div", { key: '700833f9c865c82b40f49653a227cf5f0fd19aa9', class: "gux-input-and-error-container" }, h("div", { key: '5e34d7c821c11a0616902073d56052802264abf3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '8d7f86bb76e7c3ff4a798917a45bc5b2d42e646c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9e2f637de0442d809253042f9675a7dd51081ff0' }, (_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: '052b1a003849260bf9d24055dbb38ed6b7b5e927', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'af8d9f5a0685e29be66bfeb80d288f05db995307', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b1d42a9e55588cbf576c8bc5681481b53ad25393', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd283281313e4d9bdde10ef78ac9a212db58a1fef', name: "label-info" })), h("div", { key: '0e15d073c9f4c41f51d36c9686a3a01feee51b04', class: "gux-input-and-error-container" }, h("div", { key: '5c163aa47d9ba7b760980d3cc55cef37a7161b09', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'fddd3d42d84ec8fdcc2ea1ca525e88b5a684493a', class: {
+            } }, h("div", { key: 'fcfd85402c8eab92a35b0e9d37efd577b401539f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd58fa6a08698808604691bbc8e72c3792827ef35' }))), h(GuxFormFieldError, { key: 'd6faf31ecd47ef331d932162b719e67ea0110e69', show: this.hasError }, h("slot", { key: '493b1b0249f723205ce9cb7c32638d82ed625d73', name: "error" })), h(GuxFormFieldHelp, { key: 'c9efbe0fc5a1b79d6a0d0d7426491ceb69b876e4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'afe33f3ec89fa5246c12327dcb78346f4d7258f1', name: "help" })))));
+            } }, h("slot", { key: '7431b1ab677bdf5d7983f83618ef1411e607e411' }))), h(GuxFormFieldError, { key: '8e31c0f6bc1e2eef0aa387de006cbded084e62e1', show: this.hasError }, h("slot", { key: '5cd157c3acd3579757b1b09cf1b3726e2be7f407', name: "error" })), h(GuxFormFieldHelp, { key: 'df5cd3f96afb6afe80cdcbef5df5aefe2a2bc737', show: !this.hasError && this.hasHelp }, h("slot", { key: '51cbf62e1b70dc72a5a5773fd49acc95d6bc2dd6', 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-da21b737.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { b as buildI18nForComponent } from './index-358e497c.js';
+import { b as buildI18nForComponent } from './index-ad321c23.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-1776797e.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-1769a15e.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import './get-closest-element-728b9f18.js';
 
 const required = "Required";
@@ -109,8 +109,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'f8f4831a93f54ea356b1902fbf037d897797523f', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '7a8c10ab4a4d4603b3801c1ebdbecc01b6a54433' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '04c17fff48218c66531b6dee9f3d591656121b0d', position: "above", required: this.required }, h("slot", { key: '7f75dd2ed841bffc60c40bc7ed670f9430a64f10', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '52977414d02b4ee2c07e74e3238a6612c11ea7e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9e339bbc65c945fb59434dc4727dc85acda9b22a', name: "group-label-info" })), h("slot", { key: 'cfa5ecb0cb906eae359dd2fe33afeff60cf53ec4' }), h(GuxFormFieldError, { key: '39c31179488c93d7476821a53869b1cd416e73e2', show: this.hasGroupError }, h("slot", { key: '4308eb7fad69d59ad0ec2af5a63999376569c8b1', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c8377482e8d2742c632b20795fbd6007ead688ef', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '55940e9024684cbff7ee46db3ff46b8435f04bab', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'be6bea2872562a80d2918e40f9ae29e1e0de408a', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8b75141efe648ccb79ef1e5c04fc8a69c0411549' }, (_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: '2574e55c2c2067ba94a1307800aaf47509af001c', position: "above", required: this.required }, h("slot", { key: '01953b33bc8d4373ad075b9f4c1a0344b9051f1d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8d0bb4f8955c09c22c0bc8550d7600dc76ab50eb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '60a9300f0641039bcd35da1b3bfd8d926a1d9daa', name: "group-label-info" })), h("slot", { key: 'b4515fcf05a79464d23eca1b68ccd391202e1e55' }), h(GuxFormFieldError, { key: 'aa2557b09e3117dae22eaf36697413c2af5eef1f', show: this.hasGroupError }, h("slot", { key: '9935bf900a741735f424531f04d28a4daeedb737', name: "group-error" })), h(GuxFormFieldHelp, { key: '216a409fd9732458bfbf061f71c81a19c0a5d0ae', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f9d90029ab126b653759d65dedb3ffb373b8836c', 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-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-1776797e.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: '7dc1f9d2b6002960146602218bf0ef4023ab6920', class: {
+        return (h(Host, { key: 'b75d0ff902ced5a1a8cdb9966d8c6690503d0130', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '6e84121c488ef2bbec5458bde706455e73b270f0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'fd7d80734803eb61c1391d5063fdb1084fe47c64', class: "gux-input-label" }, h("div", { key: 'dabc615e2494c0eb41b6196706e9ad3d740cfef7', class: "gux-input" }, h("slot", { key: '5a595f86b59079deaf325916c32f43e1020b5df6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2acf844b9be3fd281af460054af6bf06ab45ba80', class: "gux-label" }, h("slot", { key: 'fe34d02ffe32db3241f5cd0f6de31542a963edad', name: "label" }))), h("div", { key: 'e8db7c74f32d014ca1b64dc77dd6bd40979ed80c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a72e210faf7c6a85b79f4bba55b4450ad0d2761b', show: this.hasError }, h("slot", { key: 'f7802fcbac90cacf10f78cb9a8e362b1d471e4e7', name: "error" })), h(GuxFormFieldHelp, { key: '027bb4efd13c8267c700bb1231873f96156d4ee6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a562df50f27d540e8d68d4b9efa5b23e4e96cee2', name: "help" }))))));
+            } }, h("div", { key: 'f5854c0daf214cfd159cf4d96e35794e9e609e93', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '2e4c86e4443d2c701400747f3f119752984b1a74', class: "gux-input-label" }, h("div", { key: '68c21e8b945ebfde73d97e368ee950b0ec97760e', class: "gux-input" }, h("slot", { key: '3476024fddfa218fa102044f02f0b19947b8997c', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '293aec0463e0f137d91fe606323f2689554f93fa', class: "gux-label" }, h("slot", { key: 'f77833ddca1595534c3ce5a2a63abb242b58e9c6', name: "label" }))), h("div", { key: 'baa6ee62cc4c0ebecd9b22366e08f6166a99242c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2bef63243a37098461d311f23077e962d750cbaa', show: this.hasError }, h("slot", { key: '7c74813d8cb1bf5ba6252872b6478b87764a8063', name: "error" })), h(GuxFormFieldHelp, { key: '495509e86a0e32a761ea2babcfc16865945d9e6b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b38a0df20bbacb819bae14fa29fa8bc235871e54', 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-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-1776797e.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-777ec473.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.js';
 import { O as OnResize } from './on-resize-6a194a58.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -115,9 +115,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'db002b685d2d45e6009f39c8764169fcedad462f', class: {
+        return (h(Host, { key: '74058ce7c75b770a4e248ad97588a61f7ea30d7c', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '3bd4a211a8922871705f3ec89257d65f1759fd45', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '92119c60c0534f2d6b939055c41fd18f51b573a7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5f6179ce92020f54ec8bdc7d2045dd7b7e77c344', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9f1ceea87987e5b5708ba385d54396cc928cb645', variant: this.indicatorMark, required: this.required }), h("slot", { key: '535f26087b83b8ca61514a7bfae91f16a83a9a0b', name: "label-info" })), h("div", { key: 'd5939e7972e0943c57d0d735e1e60d7470e9ff32', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '58361330a95e52faa7339d4d7b770261b07a5686', show: this.hasError }, h("slot", { key: '6220c513e60271b94ce974db015805fb39ad308b', name: "error" })), h(GuxFormFieldHelp, { key: 'e550602f315df7f03d650e3ed737a9a47f518043', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fa2a4ee04b93939478d8cd2c14baa0c320d47299', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'a481f3ffb50e558c9dd30c76b3b1e47fe5762485', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3797514aca8070d73dd2c055f319e6cb78a3da42', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '52bb376ef8f1f3c7a489f63819d9f250bac72886', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '71b1ad7b8270e8247a8117e5a73726037798bd85', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a87ff423e9614036241ebd3aa41c3f8a01c84adc', name: "label-info" })), h("div", { key: 'b641c74a0220b112706f988f9613ada2324a84e2', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'd8874481e8d469c80af23c1bac422a27226274c2', show: this.hasError }, h("slot", { key: '87a5acef2b8cc817f82bbca3f8dda1519bea6754', name: "error" })), h(GuxFormFieldHelp, { key: '552098d2ed885c59fcfa200e63758dc0ec50a4b8', show: !this.hasError && this.hasHelp }, h("slot", { key: '05983248089044389b96eb9506fb59cd7bddf4d4', 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-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-1776797e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: 'a30394f27a86d20b0e598df66cbdb6bda45bd4d0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '25a4e6f6c1246e1ff8dd6d3bd5712241e3da476c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '88d218d2aee11f2c27f7ab60ab6c2f78bfb8883d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '53c5e9611ef7c53bbfb872852c6f0f910df44161', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8186ebb9d9a1c2b40c9586a39871c72430c4c9f1', name: "label-info" })), h("div", { key: 'f5a5c5eb6ce3dac279aa01f4482ac68d5826ae48', class: "gux-input-and-error-container" }, h("div", { key: '0ff8bd0453cf3e742516dee6151b824d9251e97a', class: {
+        return (h(GuxFormFieldContainer, { key: '6b8df5e83e706d08322519e9e6f55bf51ef11530', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a4b230d8a823a9584fe5225afc2ad769d2a927be', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd8bd8c59374138c1461ce4b77ede7585f81161ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4f9bf8bd1a1364ab1aed336d243ad507de48d11c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '05fe9085c8213c8365df4f63ed670042547fcf02', name: "label-info" })), h("div", { key: '39f1515ae751de616730a589f34ba9d6096c28de', class: "gux-input-and-error-container" }, h("div", { key: 'c1cf057108a368c4db4b9b37ed5f845d5d2c7551', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '761b0ac38b6d6412e90d183c2c19f78d7e0ff591', class: {
+            } }, h("div", { key: '74136ae5dcc0eb4f8e2315670a36f4b39df1a4ed', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '41bc95593404332f033f4ea16dee9c5fb6fdcbb0', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '25dd3495337b18bb13a36cef9c782b5718fd065a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c53231d3f96492b8b2cef987e16d81abecf86f1f', show: this.hasError }, h("slot", { key: '11a60452e6feb101a5e8db771283a206ac30e24d', name: "error" })), h(GuxFormFieldHelp, { key: 'fee2295ee046031446e1f2331a22d7268ed83a60', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b956452e2c38425bb962ae0b7251d7ea7771fea2', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '681b7b5f311115eb86465cee4aa9000e021bc5e3', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '65a673a135cc0d39d9630688f51f58337c89f966', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '17d36dd782da9efc15a70ed91af0ae54d0cb4ecf', show: this.hasError }, h("slot", { key: 'b0d7e381ef35bbcf95eaa102a68f0e5a02f2285a', name: "error" })), h(GuxFormFieldHelp, { key: '6e2a4209380837330ba7345e9937e86d72b61486', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fd4231681034a0381357fcfd37a0b7a386f215e6', 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-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-1776797e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: 'b369435896f25fb7ec1325a6b0be5c781fd67efc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '38901edb2eb3bd3f100d6cf3f132deb60b046896', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a89921edc4dbe6986031d28cd9cfb051942d0b75', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bd85f0211926890d31628ec5927ba84b7973f694', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a332b280ba8eabf29a12e0349a520400bb6dc60a', name: "label-info" })), h("div", { key: '1d4fb4187c5831e4d929e4863d328ee9052e4d82', class: "gux-input-and-error-container" }, h("div", { key: '6c631f4539772e2392ca1543575c30d35cbe1f5d', class: {
+        return (h(GuxFormFieldContainer, { key: '760bfeba50d1752e5fe40b8f9c960ea36389636b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '860f5c6100f4c65e5dd72d6a511211712c776eb9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '171e431f5b48e9fde083e054544bd07300725a65', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '16eed4eb22cd41463cea6a49400a58c63abdaccb', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b59a673e219a0db5da308491ad224de57389c8da', name: "label-info" })), h("div", { key: '4bae5cf7f7ceb0e8113be855ca622aac5a4b2198', class: "gux-input-and-error-container" }, h("div", { key: '2e83a3a204825960a49a71a598553c445f8328f7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '02bc02d0cb457ea7e021746be96470941560e6c8', class: {
+            } }, h("div", { key: '989d82b59d10a6c9994f65b54ab51b75ee66b6b5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '205bd13c0311f90e9d43415660c5fa52b12729f4', name: "input" }), h("gux-icon", { key: 'da7a103eea8e102efb4f0f070945efd2251464b6', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'aff49e31e92ce372557e9becee4b2bafb7c9e784', show: this.hasError }, h("slot", { key: 'dad5c48492a0b2d9691aa02b88ece74fd72d1a24', name: "error" })), h(GuxFormFieldHelp, { key: '484e6a4559d60f6a106fad7ef283fe9108aca87c', show: !this.hasError && this.hasHelp }, h("slot", { key: '4ced60adf8dad029da74ad51b209550662967b6d', name: "help" })))));
+            } }, h("slot", { key: '7f95689539d778051a6e3ea722608395f860c07e', name: "input" }), h("gux-icon", { key: '1d0cb2955a5d02ad4e9b09a9448b9649e8c7dc63', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2f9df215c2078bb51ff5c970ef5269d3ac4ca624', show: this.hasError }, h("slot", { key: 'e2efb30eae0c20206017d4b21677d88ef884135b', name: "error" })), h(GuxFormFieldHelp, { key: 'ed56813acf59677afe5db14ed67f779f517ca840', show: !this.hasError && this.hasHelp }, h("slot", { key: '70d7ea0ce9dc7bb0bc4871a9ae504b06aa30a398', 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-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-1776797e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.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-986d3f3f.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: 'beb98cc29449e9cc02943e698df8717b45114570', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'eedcf5016706b108e545817c98745ce7c52d161f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'bf7acfde961586ee95edfdae121b5e280ee49af2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '56a5c9ae8f38704d6de079b969ddc99089b67de2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '72d14572d6103e889ed27846be8e2141a174498f', name: "label-info" })), h("div", { key: 'fc34558ec02f718f85f739a253f735e3487e7fd5', class: "gux-input-and-error-container" }, h("div", { key: 'd6ad5d2b24eeb0b3dcf234c4fe76cdc4b1bdf343', class: {
+        return (h(GuxFormFieldContainer, { key: '1779562f547674ce4bd3120168ac52c57f99c5ee', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b91268b0f10d96ce64888ddd606787b9c19c8dfd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f90afc8ab539ccabf0660ef009619d1b78bafb0d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f762ca76d1625cb116a65bd344304eab968a1ce3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3955f043536b4c7fed7e778e75d2174c01bb3938', name: "label-info" })), h("div", { key: 'a08df9773be12991bfe5b22e9f4f331d211f12b1', class: "gux-input-and-error-container" }, h("div", { key: '911bb461d2b4391744beada4c4f05eb8be134007', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd882278f448c04225ec3cca78767c08da0c868f3', class: {
+            } }, h("div", { key: 'acc18c9291551ddcc91b461a511dbfd4dc1babd0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'ded12095ab3b9133bee6f5069451e1d831146ea4', name: "prefix" }), h("slot", { key: '9d48cfd6c49f2be1fd1e8a8f01ebba2bcf24cd0a', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'e4b8cbfa3e5cffb1e2aefe3d8e566c0ea8540c84', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1c763a24f321d889f596085e032a3cd9f915c437', show: this.hasError }, h("slot", { key: 'a9cfeb2acdd78458405f1d69e97abaf81c09b975', name: "error" })), h(GuxFormFieldHelp, { key: '2f789dd4ef977e7f9ec53a02991055c3b8e5b977', show: !this.hasError && this.hasHelp }, h("slot", { key: '5ae7376190c8c720fbc2c52eaedea99a717b78d8', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'dd7f8dc6dd4fa557807b8710f90c197635a1a67b', name: "prefix" }), h("slot", { key: 'c52191fdaee64130282c2f06347cbbe54986753a', name: "input" }), this.renderRadialLoading(), h("slot", { key: '26087930b92c8c22bd9761bd338438511b12c433', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '4a8fc41ba69758049510736e1163165dba55a382', show: this.hasError }, h("slot", { key: 'a5979dd32cc4855dc82bb7baeb4630e862b9c987', name: "error" })), h(GuxFormFieldHelp, { key: '30aee1f6ae34a8eaf405cb6b7a849ca2f020e807', show: !this.hasError && this.hasHelp }, h("slot", { key: '8bbbb135cb6c3fceb4db9faf7a7b123230318bd6', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-1776797e.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-44565801.js';
+import { t as trackComponent } from './usage-3d6b4b20.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: '3ab558e4589ebd613292374d01eed67a10499a20', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '46d9d2fcf36c5bb731ffadd9df2bab8cc2b18265', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f18d23a96d46fa7df87c53a92a82152f942c58e1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6c9ff48bbf20bad5844cebd08a26df7ddee084f4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd70ab2f2da69b4ff005e6d56d7fedb7e2556a411', name: "label-info" })), h("div", { key: '6bbea9474b4a2a7a988f2cb50fac5caa345f6fdc', class: "gux-input-and-error-container" }, h("div", { key: 'ff32248f326120071dbc6863125d0a1627c5e149', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '18cc1eed0c9625b9bb82c2348e8313d68d7f1cfb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd056aedc764431ceed695834c12077353c10a603', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e1072d653f2c2309f46e9235f98c2af6d4d276c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6df8ed6f70d2140a88fd476e532895c4b0727d50', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4b5e3f0e6d5b0df3230d7841d681edc3690c5012', name: "label-info" })), h("div", { key: '5009300428dbc2422bb042cf29fa4665f8102434', class: "gux-input-and-error-container" }, h("div", { key: 'b6a47e7ba3743a683c52c58a40496d40f43ed326', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'd7ea5e54b58900cca265223eca34dc33ab8c37b3', name: "input" })), h(GuxFormFieldError, { key: '5ddfe3bae1acf64b4860331377e5c1e176fbe45e', show: this.hasError }, h("slot", { key: 'd23cf2f4f3b653a56009f3bdd015b24b89c948f3', name: "error" })), h(GuxFormFieldHelp, { key: '6ff0e8b248d2fa2067b3159ca758894821461eab', show: !this.hasError && this.hasHelp }, h("slot", { key: '0d97f94cea4d945e2930d8990672467ca7875bbc', name: "help" })))));
+            } }, h("slot", { key: 'db9b67cbd35956c79b933baffec591f01a514330', name: "input" })), h(GuxFormFieldError, { key: 'd0291412581c75eaf53eaefc12f882828bf3ba6d', show: this.hasError }, h("slot", { key: '43919cbc9349192e193ee227818c9a67fcd0d54c', name: "error" })), h(GuxFormFieldHelp, { key: 'a869861b244f7ae4450bd5fe3e2bcd532663ea34', show: !this.hasError && this.hasHelp }, h("slot", { key: '7031721d0c3ac8b9b7d21b4844e7f16a77b2e30e', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition