genesys-spark-components 4.138.5 → 4.140.0

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, f as forceUpdate, g as getElement } from './i
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
@@ -109,7 +109,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9d887e6c4512a8391dde9846c231bf4e22187e84', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '492fa13142a4be8adb255ed97a2c2f3c8c5873c5', position: "above", required: this.required }, h("slot", { key: '7e5b0a6e5d16df5d61091e591d736e3c9b70757e', name: "label" }), h("gux-form-field-label-indicator", { key: '3093588796cfa6f643351d922886606afd8d9f85', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8f114a5c512df1976c51f41c5d17b55e14559338', name: "label-info" })), h("div", { key: 'f903f9374864c2a92de3e41d6ef1f63531a8af30', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '4a8ad0368308fdd0e95463b239bcd4bef60a2ace', show: this.hasHelp }, h("slot", { key: '2f61a4eaef1b9e29079fa562b42a00117951e117', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '835ba7fc9d59bb8f6b13a354eb98236d25bbf967', show: this.hasError }, h("slot", { key: 'e77e38555dd9f11f8fc97e6d0f85b079acb86a1d', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '989d4155c0aa73d2f0f9afe0eb04ba55764bccd5', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'cd69dd4dcc333cadb3b50e5736d319db88e8cf06', position: "above", required: this.required }, h("slot", { key: '88513d8977f749e7d0e9dc61b266a026c22c7048', name: "label" }), h("gux-form-field-label-indicator", { key: 'c602062bb5789fdde49921a0092344a8e9f60d58', variant: this.indicatorMark, required: this.required }), h("slot", { key: '48a3070cef06dbb9a8814b8750e3234cd7da0c60', name: "label-info" })), h("div", { key: 'a99a2dfa6c3662cc7da84cdf6c1866abe9e4878e', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'bb626c2431562b30da8a806838a4fe21e0f5d2a1', show: this.hasHelp }, h("slot", { key: '71119d39ee8324a48536350c24d92d2683f1d0f7', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '573d6c356d497d8bd76e0adda31f606de5953bee', show: this.hasError }, h("slot", { key: '4390140174fa3c91572fc5c5f5e8864f6f5af3ea', 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, g as getElement } from './index-1f4f2f77.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
@@ -104,7 +104,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '81a76e19d2642450f6700473fbf980e991a2cc2f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ae087d7a1287e9ef62d5ecb58135cb4ef62bf364', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0fde915ee6993a85f70cff079bc2bbc317b13f8e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '36dfd2da6ed5728d7255b12098e3ab5f49320d0e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '806f91102853273d48b484ee806a0ed700b27a49', name: "label-info" })), h("div", { key: '582f7cf93e0befe3f5ff66217af574128c11307d', class: "gux-input-and-error-container" }, h("slot", { key: 'c1d06dfc8938b86a4d34776c16ccafe33a97a4e7', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '17ab9fee479aadd9db3a3c5e4f07c66364231476', show: this.hasError }, h("slot", { key: '7aaa8bebe1a8d4a80387d36af4cf4a1f748c510c', name: "error" })), h(GuxFormFieldHelp, { key: '37df349655001e8542aec879c6da1d2962c4b0eb', show: !this.hasError && this.hasHelp }, h("slot", { key: '40d12e88fc9aceae27428d06be4426a58d9cc8ac', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '7d563066ad9c8436ebcff05124aa6d89114ed3d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '423e06477e702f4dfeddd13686846c58bd9c1e86', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3ba8031783460f7aa90c5e0b890111e34220060d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '10a3831873d6038d70dd0d9367f28aff502c6f9d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '48863510d76fa08fe770365a9876a6204572df27', name: "label-info" })), h("div", { key: '78b87bc6a5c35b46d0639be0bf8432f2b38338a3', class: "gux-input-and-error-container" }, h("slot", { key: '83c22f25feb28cca6a8974fe3f31891205ebd215', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '394b5fa72d633fcbf1074013a6adfc85fd0fe7d3', show: this.hasError }, h("slot", { key: 'cce151e81d6b6af993c533a8e22ac71319aaa527', name: "error" })), h(GuxFormFieldHelp, { key: '444741588fcab48668782e99b004988739362ad3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd9eedbbe7c31796e8f4a147ed6c94d6c13d9f64f', 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, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -20,7 +20,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '77f84eb9a74cd779b81ab929a801b444779f0eab', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '832e3b4435a02295473dd443b37757b818098d05', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '26d9c44474a55d82c850d3a88ef63cb602e5b785', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'bae5e132ef3765a45710f12e32b49c8dbcadab8f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     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, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-form-field-number_2.entry.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-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.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-6c2e399b.js';
@@ -110,14 +110,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '12dc2779919b1b02ffa27892b0dd0a618fbe11a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '687d9ab3416d421cef725504497650b179143827', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '22a8650e52351a1fd9d55b644975f435b78e5f23', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '42a582daaa9d37ed3abd22ca00757ff5f0b40119', variant: this.indicatorMark, required: this.required }), h("slot", { key: '31fdad12b44a87f24c8c139ba8c4aeadaf879228', name: "label-info" })), h("div", { key: '7933d9233db513e5c370b0d25fffebcae3f62d98', class: "gux-input-and-error-container" }, h("div", { key: '77ccdb3e33e3b52c6685028ff2ef5d585a5460a5', class: {
+        return (h(GuxFormFieldContainer, { key: '63e7deb047109d430c3d9b1795426fb98b1b4200', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ca2c7a3ff4f03212508944484601b59d8f98427a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a605b6838904eada975cd3ca25fdef3c3b448bbf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0f640d25358977d4c3a42e48a7d0ed102b10a103', variant: this.indicatorMark, required: this.required }), h("slot", { key: '40f5ebc081a68a20efaa8335590652a06107a86f', name: "label-info" })), h("div", { key: '30645fc288f8f2be1016930514aad552417e9f29', class: "gux-input-and-error-container" }, h("div", { key: '080ec62d131f30610ab14e201507d1481bd54f7d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '8d7b02afda8b8dbe83bb1397a2af6e5e3a3aa826', class: {
+            }, part: "input-section" }, h("div", { key: '25bf5ecb589bde21a6e462d04f8df3bdc172f666', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '50df4de53dd69305bf3104f0f741b8236c9d62f2', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8437b6e737c34f18308195eeb60ae0eade8f5cb1', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'bfefc2accf2de30da422472da670cbd5b25804dd', show: this.hasError }, h("slot", { key: '4e2bfc741b61f5e5bfe4fe8bb2f1106376c69220', name: "error" })), h(GuxFormFieldHelp, { key: '80177d9422eeb189d1a6a2b90b1bb6dfc8d824f6', show: !this.hasError && this.hasHelp }, h("slot", { key: '917ef57b398d13e25aebf5d34bb91cbcde943151', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '3ae432bf5657c7e055b91b7eb3ca8529b7c2e77f', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '53b45dbbc708c633f065ec3f41dbca1c206884e1', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '6cebbc35f71cb328e005e9b39f588a459e479e63', show: this.hasError }, h("slot", { key: '285b9fdaeaa52b14e3e2f92594e7170b134f093f', name: "error" })), h(GuxFormFieldHelp, { key: '1af9d11773f84923b61f80121f42506bf018d16c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a33bbbe0b48a9f503d7a9aa349d7cd52635293ea', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -277,10 +277,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: '36985a051239ecb27a5a7f8ebdd58d266311e6ae', 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: '015dd7d23b3e45d8d526d568cf2dcfdcf0b4f285', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '31fb8d209a0a7d1359739984aeb6ec7c3ad8e48d', for: "popover-target" }, h("div", { key: '8cd090daee18ef9b221e2a31b6df147af174a996', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '71aa010b988fdfa78aecf6698d3fab22f1100fa5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3d5e610300b17f93546365df3cba7daa0fff07fb', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'babc6464e1d60a1ba11d924c1c23d3e678a41828' }, h("input", { key: '8785c8665e2572e9530b49ef4d5f58ba5bdd4691', 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: '4fc1d7c66dd62cb88711eb657944f595f6e22011', slot: "label" })))
+            h("gux-button", { key: '9eaacb6cc8368aea3cc7510aea6265cc7786a1a9', 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: 'b7f5a768cf6f49751fe76a79f3200a3ea70373ad', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'a89861cf5d82bb9c47d5805eaff30a079892f163', for: "popover-target" }, h("div", { key: '55f1334f8bcb76d255e4e9356d8a4b96b5fd0606', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'b961ff7538f0a43f96217c7894427bf1d96c8ac7', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5456fe53ebefb5ac1fa8a75ce16aadd098004ace', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '41f301bf2f9f852b27778f3288b125a5659dfc82' }, h("input", { key: '366954e5ebe8533d304db503b3d16d9c3a3a4afa', 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: 'd344368156c0f358c600f52ba920d367d6929c24', 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, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-33919964.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -101,14 +101,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4cf726af903c7be3b333f632330a91f543ef6684', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3362298599464d52a448a4ad5e73e47e0b162a48' }, (_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: 'a53166b5171edfd9db4a9fca89f9fcab58797ee8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a58e3699c16daf7a302c610e443b12b207cc53fa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cb7097d5a031f680624bc2dcea9181247b1fa3c3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a0dc10a0c043e891f226c16c88c7cb866b7c80b9', name: "label-info" })), h("div", { key: '4a5308add4085fe534b2d6bba3c61b370a29f4f1', class: "gux-input-and-error-container" }, h("div", { key: '7b325104e32aea1dc06673a0bee9a2f62c96e326', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '48059a73efe3fe4a4689ba83fcb0da962743b4b7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6c7dea90cd98e12601a27d4c74c3231e5b95b895' }, (_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: '57125539a196bba6dbbd7e73e87ae2b0a72b838d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '860d57dd55ea11387a52b921aa90589b1f8f4e0b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '31aa890072f464aefe25c9c60ce8276fe86177a6', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c16bb6ec7c013ea35d38d47396207376f31bdb54', name: "label-info" })), h("div", { key: 'd4153ab1a3e3a974a783d2c48b303fc9f99a62ef', class: "gux-input-and-error-container" }, h("div", { key: 'b87ab37145ef78ce6f8779ef16889b4b3972bbf6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4878c0512fc9cae7bad1201aafac835ceb07e644', class: {
+            } }, h("div", { key: '63bcfc7e81654271015b84256c0db006573ef0dc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0f64e70da67a4289fb0d609defc6418e74733928' }))), h(GuxFormFieldError, { key: 'dab561c39953b59676ed2d5664dae2667c271a8d', show: this.hasError }, h("slot", { key: 'cdc5539e17a8700b0aa23b4c963c5835bde680d0', name: "error" })), h(GuxFormFieldHelp, { key: 'f2953b9d4935909b3eca68b4d8a41b9c418f6ca5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a18968d4a0106583b2f2724b4da0f5b9d3ac876d', name: "help" })))));
+            } }, h("slot", { key: '6dacd39e6dc9a7d2db9b520d925cfd19d4f534a0' }))), h(GuxFormFieldError, { key: '44f2a08a7fafc97065e45567e37d1ed00302375a', show: this.hasError }, h("slot", { key: '027f8760b80241efed53abcacece9f1d4fb31e82', name: "error" })), h(GuxFormFieldHelp, { key: 'cf3c055072eafe7b2dffea8fed2576f0020485cc', show: !this.hasError && this.hasHelp }, h("slot", { key: '9bfc55b855d1a8dbd8f55dac0a617fde352b355c', 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-4f1356d9.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './get-closest-element-728b9f18.js';
 
 const required = "Required";
@@ -126,8 +126,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '12920ed99ce2bd020a897c6eea58785df8fc779b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'f7c1856b28de15c908df6f91be94dd1e3b86a4b9' }, (_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: '6f54d0fe8f4e27ecc0bd1d9134514a480a713cf7', position: "above", required: this.required }, h("slot", { key: 'f69daa28114e54034e432c760b9291d32a518313', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1c00517fe33f530efb570ff6afc99a2d74357bb5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '246bb0c1c0cf6bdb697495c16688f322c269b4eb', name: "group-label-info" })), h("slot", { key: '62916504d6420b1b83e5e3c425bfe9a545f8bd43' }), h(GuxFormFieldError, { key: '323d318b6cbc5b2ab124be46abfecf4b13d50bc6', show: this.hasGroupError }, h("slot", { key: '0aae7dc9d143e24faacac5ddb965fd69c7801eb2', name: "group-error" })), h(GuxFormFieldHelp, { key: '39509edbe845e7b287971431637cbcf424c306a0', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cb6121726662f6eb07470df359373c3a6edb0d07', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '1cc65ca330dc3795d8a35e37bc199d5dfa89f1dd', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'e15e236b88d06bc110261231c2c57ff71806740b' }, (_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: 'd023966f2fc5b67867087dbcde2c75fe157f6fee', position: "above", required: this.required }, h("slot", { key: '74a390004de1d944bfd44cf1aafe196f4707baf1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '36e42a9426bf0cd52f6fa0ac1d9394bb674afda6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a0a83bafafd3fead1f5f5fac4cc8b296c0d7d98', name: "group-label-info" })), h("slot", { key: 'd13bf6b7a0f86bc59906e816bd0b50b3706ba045' }), h(GuxFormFieldError, { key: '500aa3d0aed57d8129b8eea7898afa731cd4da5f', show: this.hasGroupError }, h("slot", { key: '4f37ab4f4a2c413844dd6079721be9cf9620d58a', name: "group-error" })), h(GuxFormFieldHelp, { key: '65ebd857c838955e24dd63371be4affea94d14b8', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'd97d84263f3ca7d74fdbc8bc00c97648959984c6', 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-acb40a19.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -47,10 +47,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: 'de3fda5119a9a1e3f7667003a707cebfe8481215', class: {
+        return (h(Host, { key: 'd98fdff083c343c1b6a1135d89c9e78237812073', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a5c8d934b0a667721719a1a0120f3011851cc8e0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7a7d083af4f8dcf7176138a58fa65f8ab3b8960d', class: "gux-input-label" }, h("div", { key: 'cd988f3a382584509dc07579e5b55af3b1bca069', class: "gux-input" }, h("slot", { key: 'd70eb9b526acda2e6aa329cbd2afb64114a95cc1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b886e8225d37901f994ddd3fb27c55605eaed0e1', class: "gux-label" }, h("slot", { key: '21beb636f226754b437756d817b3f4ad5b640e8b', name: "label" }))), h("div", { key: 'a9ed50aeef9a4bc393d9d2c1c92aae83e859b346', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '19b981342e9606b7e9ac33bc3bc32ea7e1e6be0a', show: this.hasError }, h("slot", { key: '79673efcd02248572efd601f23bb2b801eb70cd2', name: "error" })), h(GuxFormFieldHelp, { key: '766fc93ebffacf73434969b7cb3ea56f187b431d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f32e6c16543de2cc803fa8a5d92e5b7e430b4782', name: "help" }))))));
+            } }, h("div", { key: 'be9519685488875171bd15e71020df9ef1a3186a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '694410cc9a5bcaead0fd65e6416af58bdcc4cb63', class: "gux-input-label" }, h("div", { key: 'b25877a9d42628b4c58003b08912f2262b03af06', class: "gux-input" }, h("slot", { key: 'e1e3529286f57d24c494c9832665514287072d50', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1dfaf01108c775e1a61dc90419a02ea96746db77', class: "gux-label" }, h("slot", { key: '9c2248e1721da340932ffdf81b9f456420cd2e34', name: "label" }))), h("div", { key: '36e792e62fc3733cb67f575e4386430dce47ba46', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2895936aa68caf1a77c88d7bca052b2600638465', show: this.hasError }, h("slot", { key: 'dc01751bf316ba7a22bc6792e6a51a88244a5237', name: "error" })), h(GuxFormFieldHelp, { key: '75bd814f5419cb7a26230973425dfda756e34a8a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd87be05423eafdfbf9e9e5c392b8a1648baf74d4', 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-acb40a19.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-3dd7c6ff.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { O as OnResize } from './on-resize-c9d0d33c.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -112,9 +112,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'dbc20f30e3bdb90b5897e9beb17f386aa6be098a', class: {
+        return (h(Host, { key: '6af96507a815c130d8a8c21df88a937964d29e76', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '0c4b66113ecc2655befeeb1f980b32a3175c63c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e17c1e83ea6f690fb1fd8a5d8b3fda962197377f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef15f9874779f3433884b4a2188cd73414d2f39e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2969055d3844e7abb13fc60174fbce0829520836', variant: this.indicatorMark, required: this.required }), h("slot", { key: '47b2762f35f3019b3ebb4ca2a782d39799e08257', name: "label-info" })), h("div", { key: '9ce16c2b4cb80a3d2d3898a58a81fdd67c2ca6d4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2a1cd04249e5930ea6fac78ef7ff8d95d0169afe', show: this.hasError }, h("slot", { key: 'f5f13beef1573176c6ae505af40fa7f25255501f', name: "error" })), h(GuxFormFieldHelp, { key: 'e8920cece2d26bce657a0675f0aa411373a83b53', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b59416266cd30e01d6b3b673a7e25b013f214bc3', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '224a82242fb246d4869241ebca2e53070efa0e90', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e3345669465c76d6f793b2acf708aa11a4ed265e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '63ddebc824c33d194fa7d5ae81a744fb0373bb51', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a70aafe2767b624c2d456655988ba0c013c1e1f1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1579b787201e462a2f51505c79d2113061e9f443', name: "label-info" })), h("div", { key: '6bda74a178accc7a446712a10a962c51b1082418', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '3607c2227ebfc97e5765d60b6b26ecd9f5d82f28', show: this.hasError }, h("slot", { key: '9c8fe0cf3dd1af32c7a9ce87daece95edf1e4715', name: "error" })), h(GuxFormFieldHelp, { key: '27b2ac6902ce6d740a36057255fdeb214a14b8d2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e51b7969edf421d09994f7b3c5fca6536ff77b33', 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-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -97,13 +97,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'd21f47e4158e59f11cc18bfc62f2cd19d9940e24', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '22fe759769a4fa9c403863ab4a5ba7be08340309', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3f236d73ea44814cb72c5a8e5a52fb20bbe22773', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '896993f043090714466313b4539cb7ba237e78d7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '281fffdbad31a072ca3d6d108a088fa390af7aa7', name: "label-info" })), h("div", { key: 'f41c6d4ee5fceb465944e16c16faed671a2dc03e', class: "gux-input-and-error-container" }, h("div", { key: '693527c71e04622714b3e64acf728fdafa22276c', class: {
+        return (h(GuxFormFieldContainer, { key: 'afcaa260114a2b6d667f195b0e50a2acff92cee5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '008a5639a28f629f626befc326d2e5b54112c12e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd2b5ee9237421dee3d519fcade67c3699957991b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa2a2914c3be162f7b103a9faa7d94c86c758185', variant: this.indicatorMark, required: this.required }), h("slot", { key: '360faeba9efefdbddf6ee2943b0badc1753ebe29', name: "label-info" })), h("div", { key: '60fbd81d27fca50a1f87da8fc41b41ef7e615ee1', class: "gux-input-and-error-container" }, h("div", { key: '534309ac532a539ef698b1dbe06101212b6bdaad', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a5eb2409440cba119537ba4772318144f5d66688', class: {
+            } }, h("div", { key: '1476f7e24eb5b9e44d44fabea90f0cf786554dc4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5ca4d4208a06bddf0e9c8e0fea0a65a18908260f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '882532bcc88a3e6ef3717830bbc8c6765d85e165', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '75d3ae2eb0ac068d0e9c7c49b912cd05656dcfad', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bfb2321a37d5e69873fc3535c4f9d19acd97f2b9', show: this.hasError }, h("slot", { key: '640f29901bb289db2e4fd96db23360936080be67', name: "error" })), h(GuxFormFieldHelp, { key: '59f102e5ffdf520f1fc78a6d28767dbdd6e2bafe', show: !this.hasError && this.hasHelp }, h("slot", { key: '2aa34602b6bdaaa24298e2921ef4b3319bacd853', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '07086f5e7da832a44a1192085a5a5d0fcb8ca32e', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'f6b1f41f0d5a8a39f18ad48bbdffb84686d73fa1', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '56897a1a1961140ede0fb44fbd99d9d08ee240f9', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '356ecac7267bff1357e4693628eac29ab231625a', show: this.hasError }, h("slot", { key: 'f12b64a74998ff6e68a1dd4e8d2603677f3a1c21', name: "error" })), h(GuxFormFieldHelp, { key: '977091490dc86ae0435282010774d67bcb115041', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ffc4787b324628b35c530c3aca77da7476a61b85', 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-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -87,13 +87,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8fab666ed9dd8dfb34c3c9169b0318cb85ae886c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '67c189b8e8ae3c38c5d7600e92aaa931b73fe3c7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5931134fe8b4b588213f17c3a073e300d6ad380d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '164f4bacb16425c76face2e8c8d030ab9be6c1e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '69f66ea9a268e95d7e7db80ab86d1fa9eea27374', name: "label-info" })), h("div", { key: 'f50f9c67182be19f1f9d73d3577b2f5c8edb0d70', class: "gux-input-and-error-container" }, h("div", { key: '38fb0fb812dca5f250a743edcf77c6f7a44006f7', class: {
+        return (h(GuxFormFieldContainer, { key: 'b5a097aed911e182261254e69d6c6048506102e0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3cfaa421c75d936be6044354dbdd83cb17a87b18', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5b216bef231c4781957f7035a1b51de80976e04f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a3f49ddf62ed9e49b0a6e91d249ea9c1a6ee11d6', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bc9871752294ebae4ec8d744c53e807750a2a251', name: "label-info" })), h("div", { key: 'aef461d8e4bcad541cd541972441beb188bfa25e', class: "gux-input-and-error-container" }, h("div", { key: 'dc54a1bac17dcc7dd8c28a5d3a3166987b73c9f7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ce68e4c39d3bf617c406387857777775f8efa7b6', class: {
+            } }, h("div", { key: '1d416cae3aaccb505ee390f1748be4491a6391b9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '90cbaae24a5863e6d6bb65ec3e34cb09a2895ec0', name: "input" }), h("gux-icon", { key: 'bcfb3024085f44651148d515befb45c3da39926e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'cec22eac2942c4f37bcf10a5ea148a69ea128a46', show: this.hasError }, h("slot", { key: 'b884778e478663e3e4cff9b07fc48dcd97ea05f1', name: "error" })), h(GuxFormFieldHelp, { key: 'd373a37aec09d91e33e837fde1425dc2a35a64b4', show: !this.hasError && this.hasHelp }, h("slot", { key: '7d9c3445f573e585989aeb5ed5ff7ff8fb341e0d', name: "help" })))));
+            } }, h("slot", { key: '9d8424a8a68939dd708a732dd22113ca62c6b0d6', name: "input" }), h("gux-icon", { key: 'e1ffd7f6c6136cd94f4b6fb0d78d88020d4c5ef3', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'dfec2002ea77b4d11219d0c0b6b04fb662a3488a', show: this.hasError }, h("slot", { key: '7eadef44136e5040fe2348f0392756adbaaf3203', name: "error" })), h(GuxFormFieldHelp, { key: 'b04f820b64c9f8bf3416fe7cfd1768472adb512a', show: !this.hasError && this.hasHelp }, h("slot", { key: '1753996cd6dec9a97a84060e7d8b2612241edd24', 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-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { h as hasContent, b as setSlotAriaDescribedby, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -110,15 +110,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6f7a9f8a3ec92ca86df73ffab6bd9b40cb0f7a8f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '96191f5ca8707b314ab42ac2e3120ca52c6c6c69', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6beba272f10dade4a734645ce876fe5024f15d16', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f27b6373cc5f6a588197809efee724365b572c16', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23d41cb4d9d5dbaf8d51d47c7a9a9bc6165748cb', name: "label-info" })), h("div", { key: '48759dc437355ad2a97a43444566fe0f3a1bde72', class: "gux-input-and-error-container" }, h("div", { key: 'bc303813eb586bbf6a9e2650dcf6daeff42ac9b4', class: {
+        return (h(GuxFormFieldContainer, { key: '3176db5956ec09c3d57be9ec591fb26100b57f69', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a5640438aa1e6df6b7c02dc205fab397b6d87846', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a0fb0a1f726233e5d2e057488632505ab1d7aafb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8ac23dedf2732cf5118326f99bc3d448c8b126f4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0e4027170521ef623563e4beed0629585b41549b', name: "label-info" })), h("div", { key: '34647aa25191caeaa25ffa9ae3b5974e33f706b3', class: "gux-input-and-error-container" }, h("div", { key: '773605f4c25951fd91a4171122501afe69b272b9', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '670c179a68ae3e5c1840676dc9f7f46890ab8cb7', class: {
+            } }, h("div", { key: 'acc5c6d48b69f827b63ae3920bb40ac75bb0cc15', 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: 'cb0cf1684c668e8ea25bfd812d323745189c0be6', name: "prefix" }), h("slot", { key: 'f15b23f4f5e7f3ab7d981187d08e5f12b5e50f3a', name: "input" }), this.renderRadialLoading(), h("slot", { key: '5eb3800f612c6d6f0956c3b1e870efc63668fd45', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '57c3f7261ce04b35770f6765a1720931d32c0edc', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6ea192428b68257cbf22bc9f18becf20ed1da63c', show: this.hasError }, h("slot", { key: '43cd676200cf4f8cc0b20200c4de9357e76e8f76', name: "error" })), h(GuxFormFieldHelp, { key: '61efc18915d47c7f5aa495700964f226e79f00d4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f083af53789e074a95b219909a63dba25e2259d3', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8b1b8a1eaede93453c209a21332c4e8f467ef1df', name: "prefix" }), h("slot", { key: '95bf3aba89cf262326ee2a2046188a9552d75e88', name: "input" }), this.renderRadialLoading(), h("slot", { key: '0c539582273b05ee2acb980ef291e0514c39a8f6', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '01b89eb67eefad82edecb4abc464e4ae6e5329ea', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '2aa51cbd3821ed1bd281934b9fcaf3df63f70f71', show: this.hasError }, h("slot", { key: '4e4cec3c1820923f5efb59d7bfe5f27cd2d4ce05', name: "error" })), h(GuxFormFieldHelp, { key: 'a3ff3646f377f6681dc753850ccf47cf7aa4b8d1', show: !this.hasError && this.hasHelp }, h("slot", { key: '9cb9ab22824c1c8a1d69f4a439e88417712fe82c', 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-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -91,12 +91,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'afc5b34188bc2429792a2a5be621d83392bef36c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'afd0785662dc28c6ec564375fc0e1512eef63dc6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9d3318b6a0242b629b83507272ffaab534cf0399', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c3ce5a92d46d87135f2537cfa7e001549f0b46ce', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a9618dfdc3207b545d298c221921bf0e2405062', name: "label-info" })), h("div", { key: 'b512a08cda182fececa423e9f21908fa8d18d926', class: "gux-input-and-error-container" }, h("div", { key: 'c99fbcfe4f496b6666b00674363dfd7baf8a4b9e', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '6407ddcacb1fdb3b82fb964ea79f7db167e62943', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e6e1a08a36209d757cd194c68ac87c304daa87cf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2ddf2d0507d799aa5433d150a44ba6d276f33ac1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '34ea2bd96aff8ab73e9bcd3c798bea12ddc0f8ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb2df5a84a51d19b641f90dd208c39dbb470a02c', name: "label-info" })), h("div", { key: '8f3f75a49f255181af8fed7a3f9be8eba024dbde', class: "gux-input-and-error-container" }, h("div", { key: '973620d76537b189f056b6304feca1ed1d7b09ff', 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: '8933387ec8eb1e3363d132a9ef907341d4bc8303', name: "input" })), h(GuxFormFieldError, { key: '3250b2b484404f687e230c1d520a12fabe75e01f', show: this.hasError }, h("slot", { key: 'f31f7ecd263620e91e566e53603dccfd9c8f5cb9', name: "error" })), h(GuxFormFieldHelp, { key: '29439c754fe6e38252d79582379f4ded06a448e0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ef20a8407ceb4578d99fbffc27e8af59945aa206', name: "help" })))));
+            } }, h("slot", { key: '41a18dbc04090ae6e6afa4e62dfe225542796082', name: "input" })), h(GuxFormFieldError, { key: 'f5314dc2da07de50650bb5371c45888aade55c12', show: this.hasError }, h("slot", { key: '88f7e3e308b52a900acbd0ce4415fe3520d4d6a6', name: "error" })), h(GuxFormFieldHelp, { key: '64da68877e4eac8871821d5305fa4cc7c9ab2c0a', show: !this.hasError && this.hasHelp }, h("slot", { key: '22c505af2a8c66b7756e1cc833d0bacc6dd74eba', 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-95a85429.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -102,14 +102,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '13c2a043c02f79af31dbe4a569bb6341f8ea0f1e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1576011c159ed182727d1af4271a034ec26813d1' }, (_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: '816fedfd9703d2426ef2c47356d635315eb6345b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'db3c6e39bf6f8ccc41ebd91aeade416782373fec', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '644014361d8550a003ce48829964b36257fed6e3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '556b7cc46c4568f2cfff281ee7e6c4ffdc29d324', name: "label-info" })), h("div", { key: 'f39a40253b5bc5323a087d590ec5ed0b4bcd6f48', class: "gux-input-and-error-container" }, h("div", { key: '2ea17a8cdbbeea6a2a179512deac54274914f3d4', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '3fd88c10807314cc6782ada2147315f5402e28b9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '810f80c9d2ae908adc27d19adabefcabf7055778' }, (_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: '88129db8bba63831615f259bc378a058dfe7b5ab', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '822d218f6b153c435437813b621e8e62c1cbfdd6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'db5d2afdd53e7d09e013e7d58d7a4fab7c04d9c9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9fae8d53675d56ebd3119466c6ac85fdb0a7110a', name: "label-info" })), h("div", { key: '288c41845b8220a602a4f2fd8be0cb73e656d3dd', class: "gux-input-and-error-container" }, h("div", { key: '66cf560e9474c91ebccc474c29522518c17a2316', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ed38d1df478cc7e0151c3a6310522e52fa96fa8a', class: {
+            } }, h("div", { key: 'b10fe51de7a104239854db4eefbce5f7d33d037e', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f363d6a9ab0a05ba26f6dbe1a8f339368c5190a3' }))), h(GuxFormFieldError, { key: 'a86e6e626ede9244290470900c190c2dd01b0d5b', show: this.hasError }, h("slot", { key: 'd9ac7f78937bd27213ab8430dddd94707fb362a8', name: "error" })), h(GuxFormFieldHelp, { key: 'eb27a7ba6d697394217ca769760418a5c48fa156', show: !this.hasError && this.hasHelp }, h("slot", { key: '72684c8de51b461d0d384e72cb55b8829451a2ee', name: "help" })))));
+            } }, h("slot", { key: '1f60b7f32e6fad7854bd43652b187028608260b9' }))), h(GuxFormFieldError, { key: '2d4442b1228aca2995baea442c0947146a84526a', show: this.hasError }, h("slot", { key: '1f2b967347d3cc0a7a5a47fbde8220dd5c9f19ca', name: "error" })), h(GuxFormFieldHelp, { key: '9524373a787c456b4eb1bcfac8e391e2efedc20e', show: !this.hasError && this.hasHelp }, h("slot", { key: '490f2794fc202aa3a1d3e70e29e16b6eeafcab59', 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-95a85429.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -103,13 +103,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '63fe764bd0305f73e98138f208194ea346dafa82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8f7cc3150eef654346cc49aa43f40d54e6e20c9d' }, (_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: '731d7e3a8f00df3dc894cd24988841419f6f09dc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c612bc191a188822b5a212a7a5132e64ed70be21', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1724057c6cf45d88e2a414479ddc66cfb5fe48ea', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5ead73514f396411ff0fc79499a89c874e2118cd', name: "label-info" })), h("slot", { key: 'e0887f800850c98f5e5b7ac80fd7d00ec7bdf289', name: "label-info" }), h("div", { key: '30068c15a89e9aa42a8610d0540e60c05a9681d0', class: "gux-input-and-error-container" }, h("div", { key: 'd3ac67e6fb2a0d79e0e33a177971b32ca4557d54', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '5a4493c1f8c9e5d3618cffc378e50f5a79055b4d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1bc0e7dc45d864ee842129920050614e6cd2d2ed' }, (_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: '8b404bb3d16c262aa86f8fb776ae52a29147693a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '362a673cb006cf6ebcc684e09fc3ec9b9207a3ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '217f639502817eea789d805e92b46b246f31eb0e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fe95de1394e09cf1f936d828c3c8f2e0312f2c29', name: "label-info" })), h("slot", { key: '68076e7fb7bc00708b393e7886fa2f26c9131683', name: "label-info" }), h("div", { key: '7612b983aae771d98e2cd3d874e1e47845596a01', class: "gux-input-and-error-container" }, h("div", { key: '8828cbdbbbec905a5d5edd5374d8039dfedeff2f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0d855e2f1564c2e3b8736bbca24d24ac6a55d5d1' })), h(GuxFormFieldError, { key: 'f45773a01706d6ff6ece24fe897d092ac850edcb', show: this.hasError }, h("slot", { key: '80583c4fb2866590600059f8a913fa26bf630204', name: "error" })), h(GuxFormFieldHelp, { key: '3be673b6b92e7b12b07b67f0ba8cd7468b873fa1', show: !this.hasError && this.hasHelp }, h("slot", { key: '41c81c39d84bf560eb818c856d94a5a5a57d695c', name: "help" })))));
+            } }, h("slot", { key: '91694867233c695f0998f32e74bde23222d9948b' })), h(GuxFormFieldError, { key: '5aa018784fd0bf6567a3d4e113e98a0ba6a1ab11', show: this.hasError }, h("slot", { key: '17771e2dc7275cbf4a3c094c806687a029ff806d', name: "error" })), h(GuxFormFieldHelp, { key: '6a6764a937e6a6fc34fb7687fc679466f41f7c9e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c4dd635643c051598aedae337d4e9c51ecf881e1', 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, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.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)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.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 { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -550,7 +550,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '4cee2f5e075acfa120f017ad2fc1f6fefd901949', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '48732c4782a70319ea4be66ab109aa9af91678a8', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-36c49ec0.js';
+import { t as trackComponent } from './usage-86a3ca46.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "Information alert with message";
@@ -41,10 +41,10 @@ const GuxAlert = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '1415fdf4b452c8a7265a9ba3f87cb8b4268dbb5d', class: {
+        return (h("div", { key: 'e38a052abde5bdb85f668e7a56d3735704755f03', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '8babcd543b6ffb15f223f364a89a95809526bebc', class: "gux-message-wrapper" }, h("gux-icon", { key: 'a3894fef628e1eebc22f3acb2a5037aaf4656590', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c6dcc56496a3c4ed8b105cbeab080f163c2e8e43' }, this.i18n(this.accent)), h("div", { key: '1db5fd900c4cf4dde8826b3254f8da1831316c12', class: "gux-content" }, h("slot", { key: '58726e3bce9ae06959d67478249b7cdbab9d890f', name: "content" }, h("slot", { key: '44766ba8e0dab916d5f3666ae47e9befcb62dc66' }))))));
+            } }, h("div", { key: '3685211e79104b9158b6d373998c77f2476f5a95', class: "gux-message-wrapper" }, h("gux-icon", { key: '3b332a38888504f9dfa1c05de9886c094ef9e183', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c7718994a9bd5b94e6d2bddadfe7bb3a6996733f' }, this.i18n(this.accent)), h("div", { key: 'd0a29d8e5a44d2d18b480b75fcfa426a99067b55', class: "gux-content" }, h("slot", { key: '162d617ab2c483968f6118ffb9ad043333695bbf', name: "content" }, h("slot", { key: 'e0b6e888bdc70bf18e6271c18993c30f532be7e9' }))))));
     }
     get root() { return getElement(this); }
 };