genesys-spark-components 4.29.1-beta.0 → 4.31.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-8b93f9de.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.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;z-index:-1;width:var(--gse-ui-popover-anchor-width);height:var(--gse-ui-popover-anchor-height);background:var(--gse-ui-popover-backgroundColor);border:none;box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
@@ -167,10 +167,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e11949e06cf3c44ea6ff5f85ca2eb8dec8866f49', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '8352ee9dc7120a1ff1a38c1df7b53f6218e20c39', ref: el => (this.targetElement = el) }, h("slot", { key: '43860e5a015cffd72cd840e0884e0be889a2d56a', name: "target" })), h("div", { key: '1838c16e7bbe154a8a7f1d0a1479ceefe4a1b3b6', class: {
+        return (h(Host, { key: '713c203b6f20eceefc29e4ed737ed801811dd640', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'ac2e9dc4d16f47abf1b50042d3d27ff825576f81', ref: el => (this.targetElement = el) }, h("slot", { key: '58a78780537a8d25395f386df0a6047937cc1718', name: "target" })), h("div", { key: '043a936717670712d21cc8f23f0d38a46eb42fa8', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '0768b95dcbf3fa0bd17171866a7718c46a45df72', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'cece0e808468f83f15290311d7487b03fe18faaa', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '6a592dd1053b026784bb91f75925f4f9aab8bf92', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("slot", { key: 'f59e86b6692ec758d21e797081a6e6a92062f41c', name: "menu" }))));
     }
     get root() { return getElement(this); }
 };

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 { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-f168cdd4.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -46,10 +46,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (h(Host, { key: '7dc13dd03b4729df3eb09588e1ce01cddea983a8', class: {
+        return (h(Host, { key: '7ca886f97a2dec4ede297a7e6d8f27d77a6e9e54', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '406b44fd812ec3d051bcab89dd5ab6a6938f79ca', class: "gux-form-field-container" }, h("div", { key: '4c42bc4a1282cf6519439411f04a3bbdcecb75b3', class: "gux-input-label" }, h("div", { key: '331ea023f9225f4a69b0571d55a5d899cea60b13', class: "gux-input" }, h("slot", { key: 'd27ef7e45fb15ab49050569bb88695a75d952b56', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd396688e77ee70ef453a32be4bfac66f3d666b5a', class: `gux-label-${this.labelPosition}` }, h("slot", { key: 'ae4760f971f2a4a31985671d4e4b691b37fb558f', name: "label" }), h(GuxFormFieldError, { key: 'd9a67860384ff11c8def636dea10af3b72637532', show: this.hasError }, h("slot", { key: '4234b39ea6ba614d6d1844234481ec9afa3d6450', name: "error" })), h(GuxFormFieldHelp, { key: 'e16c293abb15bbe883923bb3b64c5e7261f2ff2d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b26197479646716f5c5dbd627f846c0e24e76801', name: "help" })))))));
+            } }, h("div", { key: '6c8b0e5c8c833b2bef206ffe8da86475fe1b6336', class: "gux-form-field-container" }, h("div", { key: '2c60aa0249b111c650f9b7caa7a8d3beeca6d87d', class: "gux-input-label" }, h("div", { key: '61e2ea029da28f8003646b1d43b47a0af3cb7b88', class: "gux-input" }, h("slot", { key: 'd093ca1cb73fe632c763f6cef78f205ab2eeab8e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b486ec75e47e60156810c49ff7bd5c3a81842fb2', class: `gux-label-${this.labelPosition}` }, h("slot", { key: '51492887b0ed75efd99cead2861ab14fa8ebc8c5', name: "label" }), h(GuxFormFieldError, { key: '3b12799223f3f4f648bbd9170f7bb357fabb72a9', show: this.hasError }, h("slot", { key: 'b2d24a5e739e9b0ed81c0e057f51f1f860d84fae', name: "error" })), h(GuxFormFieldHelp, { key: '55e477fc79560c628f18769b470c2f82f34acf36', show: !this.hasError && this.hasHelp }, h("slot", { key: '47842632658ccc44e4cfed513a8e653ea1794094', name: "help" })))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -54,13 +54,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9b70f40b697826a00821d1228f5dad623e61996b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '35c7d19a34d305296cc42143f8d30f2b70e02bfc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '92484ff661df352824035dad4b500aa391f37e33', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'c4a2f287f883f090142f07fe8d7f9a510530933c', class: "gux-input-and-error-container" }, h("div", { key: '468b00b74d8055dc5f934cfcab3857aeb567d078', class: {
+        return (h(GuxFormFieldContainer, { key: '0a267056f6e0254583b68671cc16c3f8921255eb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ef83637c2a1371569d008f958a1913352c6e7c8b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8e853e3f9ef3083017252ff8f8a7c800bdb0deab', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '2505466fb6c8523ae4e5d3e384de387efa37589e', class: "gux-input-and-error-container" }, h("div", { key: 'c10d57b1fe3e45c4a1385178ffc6eaf8fa6e9eb6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '38a8f73ed5ec4bd63c9cf46db9bfef138a7f5544', class: {
+            } }, h("div", { key: '9f1f0cf7b2e1bee2530b0e63d772dec14e601e3b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd8090b53065edf0bb95382575bbcc03bea09d5d2', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'd18d864adaa84999f828c1efae6ad8983f6dbc83', show: this.hasError }, h("slot", { key: '36e8b4610b35f00990c6e862eef0a695c76c0f27', name: "error" })), h(GuxFormFieldHelp, { key: 'c7f4e2f243e1e224d9ab0893045d844d9d603a40', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c60336d650a586eb08e21cd6339639e4f127919e', name: "help" })))));
+            } }, h("slot", { key: 'b7cbe50e2e969589509dbc00151ed6500bda098a', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '50cf5117bad4e53fc00c462a385beb42d0a45339', show: this.hasError }, h("slot", { key: 'f8857bf5cd6753b309673a39fde0d8bfd16b0692', name: "error" })), h(GuxFormFieldHelp, { key: 'a07860ed85ae753c957ca0dec6e6e9f9362231e5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eaef97368f5b1b7a884e88911d7db38cebb147a9', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -6,7 +6,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, s as setSlotAriaLabelledby, c as setSlotAriaDescribedby, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -70,10 +70,10 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd5e3a4c2a4e23affbb2e634502b53cccd63a7499', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'fc856311f81ab31cdf6c862628fce91b23e8a14f', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '55cd8d2d10acb3c81e1300c37534b41dcc505fdf', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: 'dd9ee0ee93ccc8720bdd72c07166c08655a00ef1', class: "gux-input-and-error-container" }, h("div", { key: '78ae908a960ed18013990fd408b4785440432982', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6eeadf1d4f7aa84403909bbd300fd0457df25965', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'af9c0056c3d0fd127938acf90df84013d08a94d7', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'cbf696e35d6e0f6501e6653d51a7169d28f1aea2', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderScreenReaderText(getSlotTextContent(this.root, 'help'), this.hasHelp)), h("div", { key: '453b8c3722885047b793a83e4236a0efdbcc6624', class: "gux-input-and-error-container" }, h("div", { key: 'fb58031156c464e26de0a08ddc00725ae64ab81a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '31497817dd322d36df141be274cff89a8e641bd4' })), h(GuxFormFieldError, { key: '205fefa53f98be43095f9dd93c883708da6c2533', show: this.hasError }, h("slot", { key: '73329ef3def8c43252dcbd85fc72aa3a3291799e', name: "error" })), h(GuxFormFieldHelp, { key: 'e5803c8a035c4df146e60a7f9d0687a2053f57e5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b4813498a954f594cca0737e1d47fd79dea9e931', name: "help" })))));
+            } }, h("slot", { key: 'caf3374d9d5786f2fcd8ae42b26f719aae58ab16' })), h(GuxFormFieldError, { key: '24b1b954b8973221d9b509112c0cedcc505742db', show: this.hasError }, h("slot", { key: 'a843de0674b118f04f1b2fb7def6072b79fad36e', name: "error" })), h(GuxFormFieldHelp, { key: 'c6f35f83e459fcc2de00ada2df43027518febb44', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c87b011caebc07bdb74ca6e89a612fb306afd05c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';
 
@@ -20,7 +20,7 @@ const Gux = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '220253eba191932c3e80c1fae4f272120b31520e', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '70e3bce1f6cf701b50e8f5f7c97a4d5be8006dac', "icon-name": "close", decorative: true })));
+        return (h("button", { key: '4d4366d7f1df3a90a35a3b4e1d903877b947166f', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '7f855f7264f7173e895364d35cd8a3a57c7cd7cf', "icon-name": "close", decorative: true })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -8,7 +8,7 @@ import { h as hasContent, d as clearInput, G as GuxFormFieldError, a as GuxFormF
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import { t as translationResources } from './en-25a315a0.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -26,7 +26,7 @@ const componentResources = {
 	decrement: decrement
 };
 
-const guxFormFieldNumberCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-left:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}";
+const guxFormFieldNumberCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-left:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}";
 const GuxFormFieldNumberStyle0 = guxFormFieldNumberCss;
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -80,14 +80,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '140f251656aac72e6bdf129b4a9408a287799906', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '081843f21d4688d65e1ded305a1ee3c4392425ec', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0e18f68fef439eb6d83459b47d99749f856dea50', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '4775b7b1498c847f3dae07e49231fa5d7074d343', class: "gux-input-and-error-container" }, h("div", { key: '5d913e0fa93027dc1a58ad340b1497d0654891c8', class: {
+        return (h(GuxFormFieldContainer, { key: 'e7e0f810ffb787325a1fed5a68d58906a3a01b84', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '68a5584152dc3ec8e673265b7aededac6f0292cc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bac13572e3e534a12599ab43cda179e3838263e3', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '4cf2d41286d48bc45a1cface25ee5ba51ef95f2e', class: "gux-input-and-error-container" }, h("div", { key: '849a0db84bd945508e94fa16e00e29d9c0dd1549', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '571cef33da2115fd9221a936f611fbd5b35a2c35', class: {
+            }, part: "input-section" }, h("div", { key: 'b6ed3de9bd5eeb505863112c2c8bcfadcd02b463', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: '0e562691d11ea156f490e42f5bd25b64fcbda49c', 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: '61c095314733e553d1cc3f1f0679e7a84ec83f64', show: this.hasError }, h("slot", { key: 'adf2293e262f9a3906ca827fcb2b717e9bda1c5d', name: "error" })), h(GuxFormFieldHelp, { key: '1b6aa97aa2d2607ccf736734d6b913a597296843', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b045551a5f988f8e97915e656f8b1eadcd75c376', name: "help" })))));
+            } }, h("slot", { key: '21824a477b0b26e6925dd51747ea0023c74232aa', 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: '315a25714840051627acaa4f926b61f6de6f589e', show: this.hasError }, h("slot", { key: '1283e755f38ce3bc46d50084d3ae5619e43c625d', name: "error" })), h(GuxFormFieldHelp, { key: '56d1b8063cafe8416982fb57a6cfdc2f8a9f6b6e', show: !this.hasError && this.hasHelp }, h("slot", { key: '76e8f17069fec173b73e683a7f48a80d7414a97e', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -235,7 +235,7 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '1dcf954fed276aa5e8e299426829b93186629588' }, h("button", { key: '5ecef232aa7fa680b9301e036992e0afb5d461f7', 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: 'f46565abe4943328e03f485f2418c085caa54126', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: 'b03cfe11ffb75843c7a5a499c054e42ec3b6d936', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '9e7a733f1d2630de3568dad74e2eea6c1169bd77', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5589bf322c5cc85fa4c2abb41aa8bf7f992e868f', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c8e505892c77da6fc986631ae85cd9202aecdbe8' }, h("input", { key: '0a3ad78c3598e2c25821807759c771a7cbf61974', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'd0c6dc41fd19af21742b4a71f502bd487bbd68a5', slot: "label" })))));
+        return (h(Host, { key: '83423eed41204911b58b37a338e682c03e9a570f' }, h("button", { key: '3536d4848966ff1176cf8306549fdabf174044c1', 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: '6905473b5ab0fb0d2900f07fc72b322149cb9bc3', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: 'f4f73ef51c47bfc98606421262fb529f3e0b75bc', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '79680022d1a435ab45e484b81f6f95141e476dfd', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '04d5077be86f1b402089660e8c564c1fa65d59e4', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'cca4a6bb2e41735a43bbb7ad8670a995cff2560d' }, h("input", { key: '168c0cf089b8e9418359fb5fbc78187e2da2af65', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'd114c2cf70707fd944464e5839df30b5ac99f669', slot: "label" })))));
     }
     get root() { return getElement(this); }
 };
@@ -376,10 +376,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '632376bddf217f1b556696b406ebd483f6900bad', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '5e008928fc28e73afe5cff8bf2b320d873a75ec2', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'f11882bb2f9781d6fce1620e8ad585978d904e16', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: 'b05186e1ac2c1856d145a2431504eef3a4847e00', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '788bdae710fe3845219d8378a39020a7f50fa79d', name: "title" }), this.renderDismissButton()), h("div", { key: '000abfe8718542ba7bafe9b7c4c0b37ce749bdd3', class: "gux-popover-content" }, h("slot", { key: 'b5e435dcdc35e908b1ce19abe98c1c30e3d05d92' }))));
+            }, "data-placement": true }, h("div", { key: '621242dccaed28d26f3400b4ce5db056f0366ad2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: '0e64d2999a7a04dc54f7a7202986c20d3af94e5b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '1fd806a7b09ea20160ea63240862de369f6b738e', name: "title" }), this.renderDismissButton()), h("div", { key: '6e7463b8168f1e0b01e7657698aefe3215f89a47', class: "gux-popover-content" }, h("slot", { key: 'ea191ccadb261b1539c25672a9e58c624909851d' }))));
     }
     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-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.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-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -64,13 +64,13 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1c97db05461b448ed774d1b3286afd3b2703e85b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '61d4e0288a6388d3f964b3cc10090c003108736f', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '07cb1b379a20655ad7732b41f54c2798ed12719e', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'b9bc37dbd8d4fc16036132002eb5a2a7288d929b', class: "gux-input-and-error-container" }, h("div", { key: '3bdf82b8df04a62acaaee7767268e57cb10de2fc', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aa099738226cb230f0840a0e1e6615b33f2f1e08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '039ba6268299ae6a219268a260250f78d2518fe1', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'a5b4ddcebe54959215023bf8628a8b61904d3dd2', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '9ebe34b182e41461c50b8015c8e48af4f404b734', class: "gux-input-and-error-container" }, h("div", { key: 'b0eba7357d020f9c6d04d709caf9ee5ec78b85e2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '06b2fc3193e793bff248d744d770c48c488bdfb1', class: {
+            } }, h("div", { key: '3efd59cda87aa33594499d0c10adea4e31af2d73', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '056df5cc40820ed784761be3219d4d530c525bcd' }))), h(GuxFormFieldError, { key: '8d2c3f93da78b6776681c6fb4e98b3ab9586dcf7', show: this.hasError }, h("slot", { key: '6b0e896646fb8f732f2d62901ed2a313355fa41c', name: "error" })), h(GuxFormFieldHelp, { key: 'b135698c3fefc12b92089cff7d4962ae751b83d6', show: !this.hasError && this.hasHelp }, h("slot", { key: '39f1e5a5cb0f9e053fc025f2710a5ff0ea06fa21', name: "help" })))));
+            } }, h("slot", { key: '21f7ccabe004e25ab6197cea79bd7a1f6e266455' }))), h(GuxFormFieldError, { key: '0b6c6333ebefcb2f5cfe5ca2953d86633908d1ce', show: this.hasError }, h("slot", { key: 'e2cd7265b2703855b095fc3e77d40b25597c4b47', name: "error" })), h(GuxFormFieldHelp, { key: '7e80453580965e82153ac94da8f0c0cc5cdec0d6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ad376f0cf533fcbe5252bedb05ac30e8e3fc1615', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

package/dist/esm/gux-form-field-radio.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 { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-f168cdd4.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -45,10 +45,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f72e288a6f831e5439778a6005d01c7094adffd8', class: {
+        return (h(Host, { key: '2316fcf30820a7164adefd30118fb15bfcc57d6f', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '1af8837211b75d62ca3b1b303ddc310225da9bc6', class: "gux-form-field-container" }, h("div", { key: '6d2998bcc82fedb54761c240c3d8ed835421e633', class: "gux-input-label" }, h("div", { key: 'ceb208dbd53366be1b5c295add0d4e0358384c88', class: "gux-input" }, h("slot", { key: '086c7b822f29c03a3cf8e6b9443e582f14571b8d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'e86ac65433df765859ef08e691e010879d7ee1ba', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'aec6d171182e67180f5aaafc7fd01d778f713c5d', name: "label" }), h(GuxFormFieldError, { key: 'ff63180701da1917c12f75f374492b167d7cb6a2', show: this.hasError }, h("slot", { key: '764bd91229915d738eab6a9f054bbfc2a50d71e1', name: "error" })), h(GuxFormFieldHelp, { key: '69ffe6e33652fc820f64bb74790c52a8cceff776', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ecf28c9e7cfd1b7eedebd76715728d19464d0835', name: "help" })))))));
+            } }, h("div", { key: '6ac179a6b25f91eeb91c7f9e17f0c4b9cf7b29c9', class: "gux-form-field-container" }, h("div", { key: '132b391a50876060bb1e2ee8fa3d36b714e8e3c7', class: "gux-input-label" }, h("div", { key: 'f8452c3495851fb218f483ab0c9321583141102c', class: "gux-input" }, h("slot", { key: '41dc059248ff0c1169ce584e12ad9b9fe99868ee', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ebb1c083611daf83eff7eb6a68fd78f6c48f4123', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c138b06f73e4c50a01a6100453f9d2e60584a319', name: "label" }), h(GuxFormFieldError, { key: '15124eb6f2992766c25c8a2aa4a28c02c8af58d1', show: this.hasError }, h("slot", { key: '02bcb7dbaab53d25a7626668720a4732a8526a92', name: "error" })), h(GuxFormFieldHelp, { key: '58fa3e1e04431c27a5c6fcb556381e9f61c09a7d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'edd699db3516cfafb77247c78aca8d18647c43fd', name: "help" })))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import { O as OnResize } from './on-resize-6a194a58.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -83,9 +83,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'cd5a411b6bc2f55576b102c21b7231e742b6d55c', class: {
+        return (h(Host, { key: '81bcf7def789b3a2707248c242057d944882a095', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'da93fa3bfd1dfc09071d61f0b817b3751ef21ea5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '78466505b11fbe51fb09d2c259e5f35c2e6b831b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3babdde16c310fd693725b5b34a53c559bf9c9d6', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '85bab02888fd0246227eb21fa27a2f8f4c276101', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '34a72530f212668fe9f8d75632f0fb86c1ab09e0', show: this.hasError }, h("slot", { key: '99938ac13a147af887445d0ac967096bd4c0903c', name: "error" })), h(GuxFormFieldHelp, { key: '5f7d87453df5c4c8c3f76cc14dfab5b702ee8df2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e474171d7e470679ce73d3faa35856e46383dc77', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '32efb77b8a031f7f4f190a0abbd0f3e6bedecf53', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b9ad6ff1911ada56012f51106cb2fc044ca5d18e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '880ec505a41853e49aaff9c53c4e63d231db3f53', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '67ed547b24222835e255987f27f919fadc037299', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'bf007068167e5c5a2c373042dc13747b2783806c', show: this.hasError }, h("slot", { key: '4f6002fd34f88777457f19dc081f6e22b95d6fb6', name: "error" })), h(GuxFormFieldHelp, { key: '43d0940f664ccfbe8a6d2075d04de5253d9fa9e3', show: !this.hasError && this.hasHelp }, h("slot", { key: '67e48d3711496fb0d70692783b4956aec81f2676', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { h as hasContent, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -63,13 +63,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9b6fcaaf87128437f2a9dafda11959b6015f30c9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '10f37d725c600a9fe23dfab1fdd17c91d4aa52ec', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9e4f4b0e5cc5d6fe985c4e63695faaa2e04e4a43', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '44816b3c4dc4cef57a2c4c11efe45658784cd220', class: "gux-input-and-error-container" }, h("div", { key: '7a941a606fa9225958beea6c03bcc251b92deec5', class: {
+        return (h(GuxFormFieldContainer, { key: 'eba80d3f0d91eb995ba43a700b85762c8144e47a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5169e89d010bac43bb5030c1986245710d0f4c19', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6f8bc2f71cfb300312e33e7eb1db66e72e8e1237', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '7175c3be7dd691a9e3d3f9f18204f96878755b74', class: "gux-input-and-error-container" }, h("div", { key: '61ab7581058f09ad364350d68a50530b0a211f61', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ed4ac1c6e96c585bd201dbb9b8875f8f82f816e6', class: {
+            } }, h("div", { key: 'd5603d0a174f82b00440689183a42a861f93106c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: '5824f76c43b0a98ac0687a9d71427514b537b384', "icon-name": "search", decorative: true }), h("slot", { key: 'c8f4fedc593b65609886d5a262a21903c5b5b190', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '92e8f14671da0afaa3e7911a0589007a6d5b4aeb', show: this.hasError }, h("slot", { key: '3c4d39ef55f5fa6fb9a209570db055ac1b8ce9d3', name: "error" })), h(GuxFormFieldHelp, { key: '4a8ab14a6870257eeb60698a843d736a4625331b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd31bd419c31ea46cbb402ff2437eec902964e519', name: "help" })))));
+            } }, h("gux-icon", { key: '50b1d0b551ee1b677be91fb227b8d8d29500733a', "icon-name": "search", decorative: true }), h("slot", { key: 'fb25ce68b17f995904ea179d66964df882ff1e0a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'dd2a6547e171135ff2050713ba07a48834cf2615', show: this.hasError }, h("slot", { key: '8262f673bb69981e8761d67ff9baad1bac3ab01a', name: "error" })), h(GuxFormFieldHelp, { key: '7a22597b846232e3b3ec149cfab4eaefa8b39b78', show: !this.hasError && this.hasHelp }, h("slot", { key: '04df57d7cc9f427fd5ba03852e55054fd365b3c0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -54,13 +54,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '5de6c4b7dadf5c5413cc5eb1c714bfa309de9f7a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd8c2668d92a59f938b6716809b3818b79cc8381b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cbc5638431c6de2d460bf5f556d24f5a9b860fea', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '57b712b205b93e7802b6fc0b68f86f75a556ceda', class: "gux-input-and-error-container" }, h("div", { key: '0c95ddf34e5a91e7bca5569f007003fdccdf7097', class: {
+        return (h(GuxFormFieldContainer, { key: '35285308d3d85efbc9992fde8cf8c1cce3083aa0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cddd0fe8599518a183ea1f0d94efc5bf40d741a3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7d850d59eb38dcf279a378d137ae0bd19cc1388c', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '9cd9947dd23e4bf0b10b4f86e618a0aac8e19514', class: "gux-input-and-error-container" }, h("div", { key: '80e321aa7923a49942e82367e0da1422ea1bd3b7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '96bf718581a1f3a3600cac37b9b234113db6a4e8', class: {
+            } }, h("div", { key: 'da77ebaf81cb2da4ff5f7b24bfed3aa37ad3df2d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'f9e3ba2148d1dbe21d76381f0ebe120ae87a077b', name: "input" }), h("gux-icon", { key: '01b0093bf3e519cd535d8c1fc2deb3abf37d5a3a', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: 'e720e6da23f29976cca7e5430568e8f0ed87237b', show: this.hasError }, h("slot", { key: '58c670c88ecce44d7bd4b3e71ac0cf67aca5cc2b', name: "error" })), h(GuxFormFieldHelp, { key: '89726cf7a86e81a0d8b87ace001d03948813b3e7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ec453c765f7370c2e1b31f9830dfa8d362764c6d', name: "help" })))));
+            } }, h("slot", { key: '2b83e2aff4b48725516c06a6c628a2d918b8ad35', name: "input" }), h("gux-icon", { key: '1b525344294f3e2de8075ae34784fdc236a6a6d0', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: 'b1c917edc17bc6833770266c57234702939605d9', show: this.hasError }, h("slot", { key: 'db11927090001b5e4021b94f583e7322693df03d', name: "error" })), h(GuxFormFieldHelp, { key: 'b7ade7c7efc29efa0e4bf07e3af9a56bda735236', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a5bdd87e363fdd611f277c288d71b0d53acb0dcd', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { h as hasContent, c as setSlotAriaDescribedby, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -79,15 +79,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '1b539f28d93fb3d83bb9b9916e99db01d365dcb8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '10c8175037a431fbd41d1a55cb7de1c853f47899', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6420cf7ea31534f1ae1be97293728d90930c7f35', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '5953dca426f431d67536a828da54d933db8a06d6', class: "gux-input-and-error-container" }, h("div", { key: 'cb70dbb052ac96b304cec8967af79a70f99b2955', class: {
+        return (h(GuxFormFieldContainer, { key: '11aa067706c5f6c91ff83e5f7616640e350c6e70', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b99ce693335a34a1345c7cf3a3bb0c467adef8ee', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f92d4903220f4f4a26857f2cb8721d687baad180', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'd1cce04d2d9787290a56a30b893333f0c69e0b96', class: "gux-input-and-error-container" }, h("div", { key: 'f80b237e084f23118db59c44d230f1ebf3986635', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b5bcc50eec9abf8f71a99cac0c4fc1383451d423', class: {
+            } }, h("div", { key: '2849803deb586c0d66bbf1fe74f56f519de48d04', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, h("slot", { key: '0c0f46212f0193abc836d7528a8a1519c82b05e8', name: "prefix" }), h("slot", { key: 'bccba0e8ee54d25b62b242ca77a52be19c6bec41', name: "input" }), this.renderRadialLoading(), h("slot", { key: '03843207037a3c58f329525d0f1caa7c99bb1233', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '4a1e53f704a610273234f6b27867711a733acbf3', show: this.hasError }, h("slot", { key: 'b6159f476b77bcb2029b6d1ac369bc31fce55020', name: "error" })), h(GuxFormFieldHelp, { key: '325df110dbb96e9bdd7281ab1f2be251254fb54f', show: !this.hasError && this.hasHelp }, h("slot", { key: '88b377e85c3fc2723f497c1326d51c94e37d7e29', name: "help" })))));
+            } }, h("slot", { key: '2688c3997262b51ca3a3b8f0109afae98a42535a', name: "prefix" }), h("slot", { key: 'b8a15f02f4aaa306ba2a30718226497b266c739a', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'd1fa8e46f65d35fd7bac6e986f2ff688e0ef0c31', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '9ff394f8c52df4aeeca5c40c9e8f4fb7e05681c8', show: this.hasError }, h("slot", { key: 'bf41f9fd79fb75ccd17d76b12047193aee328cd0', name: "error" })), h(GuxFormFieldHelp, { key: '4d167581382d2e90dec87eafd518e5b3dfd964b1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dfaa97a334b26097a93de84a6e37d76e08e6fb9c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -58,12 +58,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'fa6b3297a50339ab8184f4538b6be8ffb2aeaac0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'db119d2241a81038bf50d551c1b8855d03d6eb84', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fede5f2a55e59075998eba3fb8289f8091527da6', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'f663ed56ab469d71a57b5f2185f72b1380b02573', class: "gux-input-and-error-container" }, h("div", { key: '08c68003185c1ab9a0c6f963db529504652da394', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'e567e48fe4b00a039f94cbd32810176ed7fad532', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cb65ed3cca6a2a60f560eb89f0c30985d8236521', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9e2089d256eb8df606074334467633ed938563c8', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'a1bee96e501b05b41d913407223eba02357be058', class: "gux-input-and-error-container" }, h("div", { key: '8887e3c5d8b647e86706e7b4ef411ed16dc05f41', 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: '7c7ee9c362d036e1ab2ad00f2b1661fb44693b4b', name: "input" })), h(GuxFormFieldError, { key: 'c3fdc65d0deddd79937f7d443add5bfb1ac45f1a', show: this.hasError }, h("slot", { key: 'e10508d9c7b0e9240fd771064934117a85364082', name: "error" })), h(GuxFormFieldHelp, { key: '1c80d984cab3cc38b214729db74bf16bdac1acd7', show: !this.hasError && this.hasHelp }, h("slot", { key: '0896e503cfc3bfaab9a7ba1374740cc9cc79063a', name: "help" })))));
+            } }, h("slot", { key: '186a652acdfed8690dfd8282d31483c68752df84', name: "input" })), h(GuxFormFieldError, { key: '18bdab3074419905296d93fb6f035ee05c03f166', show: this.hasError }, h("slot", { key: '11ea1b40a6136e1b9f25f5706ed7f81678cd49c9', name: "error" })), h(GuxFormFieldHelp, { key: '546f416b51602aa21044547442c90ba4059cf260', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b7295b99f63f6ac915e2c63378097937cfe5ba3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -6,7 +6,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -68,13 +68,13 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'cb5afd1c70e22ea2fb322d0dbfb6c4952fdca4c0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '5a708464f62da04af944d276070d1005d5b3aff4', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '18e42258f67f8a917b35acdd9fa8fd41a203728f', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '6d5d751ed61d1b54df2db0f856d7e1d2b312bf11', class: "gux-input-and-error-container" }, h("div", { key: 'e499be6891a67781daec67d7cbfc035b3ee10e46', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f15d7bf47bfaf557ffc8946e8fa8f1297afd9183', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '15af8859f0a22183e921d12e14af3f2f8d829b6d', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'b145ab7675ebad903a1f4291cc912d4a7205d043', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '79c344dffc2c225769c18024c04674700af460da', class: "gux-input-and-error-container" }, h("div", { key: '74f8cc89daa388d5a22a00fb290edb0ab318a565', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3fa4adfc24bb765f995b83a91083cd1c484904a1', class: {
+            } }, h("div", { key: '5d7c0cd3386342fbdabf6d62a4f3bb9aefef8614', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a31011bad7d1e7cce3206e1c22c17da6338b798c' }))), h(GuxFormFieldError, { key: '81e519461c2ad8572ded22152e9c9272d054612b', show: this.hasError }, h("slot", { key: 'fe7ed9a58e9e24bcc01863fe46de37883e2a4b68', name: "error" })), h(GuxFormFieldHelp, { key: '3ce1cc9c78db409a8c89ae541f4f3d88f1827b81', show: !this.hasError && this.hasHelp }, h("slot", { key: '382462a2c9592915ec320be97e21c315e9c64107', name: "help" })))));
+            } }, h("slot", { key: '99e6bc3168524a599f2900e291107d725b6160d5' }))), h(GuxFormFieldError, { key: '45d6b410b99be965f74b697ed5cc5986663feaaa', show: this.hasError }, h("slot", { key: 'f0aa01d917e94422fd9f7bd487ee2e4fdd8c9c04', name: "error" })), h(GuxFormFieldHelp, { key: '0ba3359659691d685e5719bc0c23b78bf516c17b', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c10938ce5f2dfe66ec14cc35ee90004607b9d04', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -6,7 +6,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -68,12 +68,12 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'e05df8de7283be9ed92faf95406024fc6ec078ee', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '3098ae67f889d7c5c34fc18f3cc2f358ab5a798e', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '5b7ed447abdbbb97c477885d9a3dcd744ffa5982', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'c0096de371b5ccdee13483835d2abdfac1ca0bc1', class: "gux-input-and-error-container" }, h("div", { key: '693e2e0dc7d5f0b78bf211a9c51ae96ad87c894c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'de726d94282d98a7111d24b2d5e338c68474fe8f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '5de20588db37900b85ffa05274e84069b1ab7a58', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '15302646ee40fd0d39ef448eb97671020893049d', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '8d02a6381327f6dd0b23aebafaab937d0e763254', class: "gux-input-and-error-container" }, h("div", { key: 'eb3e52fa659ee91c57f4bf6a0d851e4a7aae3b4b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'e2d3641582fba167959bd3b5364da9465512a92b' })), h(GuxFormFieldError, { key: '99decd7cd71f92be5b91df09820a6439cc29b013', show: this.hasError }, h("slot", { key: 'c5bda40502474b8ee5eaa2c831ffe5e76ef59bfc', name: "error" })), h(GuxFormFieldHelp, { key: '4d6bc0c6bb642cc71577a71a0471d027c7033d47', show: !this.hasError && this.hasHelp }, h("slot", { key: '501479b64b1672a146441de768489e095534ba13', name: "help" })))));
+            } }, h("slot", { key: '9e6e31d44591f3d7324d5c891eb9fd2dba69f39f' })), h(GuxFormFieldError, { key: '9544e2c9ad10cba12a10fa13b020a873a7c18bf4', show: this.hasError }, h("slot", { key: '2dcc8bd05ac0acf94ccf2c57f44a4b289c2ce579', name: "error" })), h(GuxFormFieldHelp, { key: '8c0018bec31320d074143a753f0e6467e0a8d992', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a236ef369ba11517a65617aa122d76877fe3ad84', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -184,7 +184,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'b733e0652ab1bff5ed2c0247641d0ed49c2b5945', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '123ff50b057117db333bef0c7e9d2318d0452dc6', 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-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.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: '884626902b91ce75205b672281fa808d7ac7267e', class: {
+        return (h("div", { key: '7caded91b7e176e48516b6d2b39227b18733e2c3', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("gux-icon", { key: 'ac696664c4c8addab8f529b78e1a9f3038ac9e3d', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '1834d7cd87f76fed456351e810587fdb25c1da4c', class: "gux-message-wrapper" }, h("div", { key: '73b77795b421f77d680d11f6a3fd3ce7191840e1', class: "gux-sr-only" }, this.i18n(this.accent)), h("slot", { key: '88bc321031aa3a6df0552a7454c759e03577c320' }))));
+            } }, h("gux-icon", { key: '8d65fbb32f399271287997051588e8402140d040', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '0d302d645ea61fdf092aa5c79c9176550207d2d5', class: "gux-message-wrapper" }, h("div", { key: '2b6b3ac0558ed964fd73e9eb42964f75cef13ba2', class: "gux-sr-only" }, this.i18n(this.accent)), h("slot", { key: '6e6e08e66481a5f882eb9fcfcb404cf442f19955' }))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-list-divider.entry.js

@@ -8,7 +8,7 @@ const GuxListDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '02e5588b1b1a3d1a4faa8f76db94d869b3290c75', role: "presentation" }));
+        return (h(Host, { key: 'd5f5d3f2b7416397036fe326af9d25a16b3b0c13', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

package/dist/esm/gux-list-item.entry.js

@@ -25,7 +25,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '5a523bb5c86732d4b8499404464d41e25cc6933c', role: "listitem" }, h("button", { key: '51c203f86daf99133685636b6c29559da6c0b913', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '760cb17676acbf334abc54486c55d938a90756c9' }))));
+        return (h(Host, { key: '3ebc7ba7612911429b236980cc269c62f780bb71', role: "listitem" }, h("button", { key: '73b146fcbf6b4db026d91366d0a9dc3ec529c813', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '6b3b647d18c75d730e4fab3182f36e842466e8cd' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { l as last, n as next, f as first, p as previous, b as byId, c as byClosestId } from './gux-list.service-5da368db.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;
@@ -56,7 +56,7 @@ const GuxList = class {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: 'e951d90340b5d6009e50c4ca3a26fb244450c85d', role: "list" }, this.renderFocusTarget(), h("slot", { key: '4369355cac57dd8aa4b584082bebc8070f7f9048' })));
+        return (h(Host, { key: 'ad7114dbfd9bfd2fb141766babe54e4fc52ca001', role: "list" }, this.renderFocusTarget(), h("slot", { key: '6e9b69ab988c0b95a377bf298fb99803a2ed1c6d' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-listbox-multi.entry.js

@@ -3,7 +3,7 @@ import { c as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOpt
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-5ca68a29.js';
+import { t as trackComponent } from './usage-67ab7c11.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';