genesys-spark-components 4.126.0 → 4.128.0

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

@@ -4,10 +4,9 @@ import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-27395154.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-503fe0e2.js';
 import { O as OnMutation } from './on-mutation-bf72b518.js';
-import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import './get-closest-element-728b9f18.js';
 
 const textInputResults = "Type to filter dropdown results";
@@ -23,7 +22,7 @@ const translationResources = {
 	pressEnterToCreate: pressEnterToCreate
 };
 
-const guxDropdownMultiCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-combobox,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-combobox,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-combobox:hover,.gux-target-container-expanded:hover{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-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{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-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-combobox{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-combobox:focus{outline:none}.gux-target-container-collapsed .gux-field-combobox{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-target-container-collapsed .gux-field-combobox:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-combobox:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";
+const guxDropdownMultiCss = ":host{box-sizing:border-box;color:var(--gse-ui-formControl-input-populatedColor)}.gux-dropdown-container{position:relative}.gux-error.gux-target-container-collapsed .gux-field-button,.gux-error.gux-target-container-expanded{border:var(--gse-ui-formControl-input-error-border-width) var(--gse-ui-formControl-input-error-border-style) var(--gse-ui-formControl-input-error-border-color)}.gux-disabled.gux-target-container-collapsed .gux-field-button,.gux-disabled.gux-target-container-expanded{user-select:none;border:var(--gse-ui-formControl-input-disabled-border-width) var(--gse-ui-formControl-input-disabled-border-style) var(--gse-ui-formControl-input-disabled-border-color)}.gux-field,.gux-target-container-expanded{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch center;align-items:center;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);cursor:pointer;background-color:var(--gse-ui-formControl-input-backgroundColor)}.gux-target-container-expanded,.gux-target-container-collapsed .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-collapsed .gux-field-button:hover,.gux-target-container-expanded:hover{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-field.gux-input-field{block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content{position:relative;display:flex;flex:1 1 0;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;min-inline-size:0;block-size:var(--gse-ui-formControl-input-contentText-lineHeight)}.gux-field .gux-field-content .gux-filter,.gux-field .gux-field-content .gux-selected-option,.gux-field .gux-field-content .gux-placeholder{flex:1 1 auto;align-self:auto;order:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gux-field .gux-field-content .gux-filter .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-expanded{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-input-borderRadius)}.gux-target-container-expanded:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-expanded .gux-filter-input{background-color:inherit;border:none}.gux-target-container-expanded .gux-filter-input:focus{outline:none;border:none}.gux-target-container-expanded .gux-field-button{inline-size:auto;block-size:var(--gse-ui-formControl-input-contentText-lineHeight);margin:0;outline:none;background:inherit;border:none;box-shadow:none}.gux-target-container-expanded .gux-field-button:focus{outline:none}.gux-target-container-collapsed .gux-field-button{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-target-container-collapsed .gux-field-button:focus-visible{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-target-container-collapsed .gux-field-button:focus-within:has(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-listbox-container{box-sizing:border-box;margin:0}";
 const GuxDropdownMultiStyle0 = guxDropdownMultiCss;
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -43,7 +42,6 @@ const GuxDropdownMulti = class {
         this.guxexpanded = createEvent(this, "guxexpanded", 7);
         this.guxcollapsed = createEvent(this, "guxcollapsed", 7);
         this.guxfilter = createEvent(this, "guxfilter", 7);
-        this.uniquePopupID = randomHTMLId('gux-popup');
         this.value = undefined;
         this.disabled = false;
         this.required = false;
@@ -390,7 +388,7 @@ const GuxDropdownMulti = class {
         }
     }
     renderPopup() {
-        return (h("div", { slot: "popup", id: this.uniquePopupID, class: "gux-listbox-container" }, h("slot", null)));
+        return (h("div", { slot: "popup", class: "gux-listbox-container" }, h("slot", null)));
     }
     renderTarget() {
         return (h("div", { class: {
@@ -399,7 +397,7 @@ const GuxDropdownMulti = class {
                 'gux-target-container-collapsed': !(this.expanded && this.hasTextInput()),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), h("div", { class: "gux-field gux-field-combobox", role: "combobox", "aria-disabled": this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString(), "aria-controls": this.uniquePopupID, tabIndex: this.disabled ? -1 : 0 }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
@@ -415,7 +413,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '5b338deb97e0eb12f203fd47f1affe8f2447afad', class: "gux-dropdown-container" }, h("gux-popup", { key: '7ec10e6179cc0bc50b847b38541950277c8551ee', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '5afc0ce07a9b456fcc8953f7b82adcb3681b1e4a', class: "gux-dropdown-container" }, h("gux-popup", { key: '9a52a74db158d53c41fa64ebec31695814037539', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/esm/gux-dropdown-option.entry.js

@@ -64,7 +64,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '515fbc99de357a5cd58f76fa41b0a2e347e99c0c', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '6a8caea2d867b14044e93879ec2789a6d38e38ff', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-27395154.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { O as OnMutation } from './on-mutation-bf72b518.js';
 import { s as setInitialActiveOption, m as getListOptions, g as getSearchOption, a as getOptionDefaultSlot, c as clearActiveOptions, h as hasActiveOption, b as setLastOptionActive, d as setFirstOptionActive, e as hasPreviousOption, f as setPreviousOptionActive, i as hasNextOption, j as setNextOptionActive, k as actOnActiveOption, l as goToOption, n as matchOption, o as onClickedOption } from './gux-listbox.service-503fe0e2.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -361,7 +361,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'e64394b81bdb9bd6dbb77dec69f9405ab9f3cdd5', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '15dcf2e43c4b3189c504d0cadb7be7c8f3023bca', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -588,13 +588,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '9e48195c318f9299cf5582c1d1bd46c5a0d336ec', role: "option", class: {
+        return (h(Host, { key: 'd88956b5636fcc1bd323b6594710704d12eea8af', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '7dd2e74b43d865b9eafa987ca022037c54ecd778', class: "gux-option-wrapper" }, h("gux-truncate", { key: '914f40b490bda7c3baff799f43727fc17323048f', ref: el => (this.truncateElement = el) }, h("slot", { key: '6d5ddf51a8f2eabb468283923ae2b35d423e8d24' })), h("slot", { key: '2c74027ca797f57487b32dbc89606b8b8ffa5349', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'f8d3cdfe0fceab214cff38ec6d7cc55377aa01db', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'eb029c4c3acced018e21390a25add637368e0eb2', ref: el => (this.truncateElement = el) }, h("slot", { key: 'f1862dc525747e03427a017ab69e293aa5f7982d' })), h("slot", { key: '5934c332ae3d1bdcdc60785b0cc098fc3996cad4', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-21889d5d.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import './get-closest-element-728b9f18.js';
 
 const removeFile = "Remove {filename} file";
@@ -31,11 +31,11 @@ const GuxFileListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '3a2e436b710705f65b693b7a5d9dcfbdf3a0f036', class: {
+        return (h("div", { key: '32750112acc6a02b04ea5c0caf00c3a519f0315d', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '210ab577a899ac3596a181ff5192799a9eefeb2e', class: "gux-info" }, h("gux-truncate", { key: '50d20b56f716d6ad219c9c86b4cf4534de0bf8d3' }, h("span", { key: '707ac3629ba48c98375aed98010ad129494e67dc', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: 'd39565238f275c009daa29c42bcf01e1d3e18a2b', class: "gux-info" }, h("gux-truncate", { key: '7fbce9dfeb303ba05edcddd9869c75d52fa9ac5b' }, h("span", { key: '5e7f18d0efd6a33696a515f299714e7d55bf0530', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import './get-closest-element-728b9f18.js';
 

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-21889d5d.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-17bec7ce.js';
 import { a as afterNextRenderTimeout } from './after-next-render-07a41f53.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.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-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-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;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}";
@@ -172,10 +172,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: '2f43a8a4f68baa65ae5243c93653f050f389cfc5', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'f37dce70300774ccaff040decd82b96336b5c1ad', ref: el => (this.targetElement = el) }, h("slot", { key: 'f768cd8f491727ba8e03f1b6e80df3e5edd1990a', name: "target" })), h("div", { key: '20c820e00f9ab4ecd9f6ac9b99eff8dd55ecc5e5', class: {
+        return (h(Host, { key: 'e0e87dcbc0e81430953a35574fd9f862b07c1101', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'b7b9d8fbe2098856e11018f5ceb93b731805997c', ref: el => (this.targetElement = el) }, h("slot", { key: '57d0d57f5d0eb0d04ae134becf5bffc328b197b7', name: "target" })), h("div", { key: '8276005357e605c2d6cf44bfe06114ffe873dd48', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '7456e5e494845697fd39d2922e8f8299da99f871', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2fe41ab16d311cc710c7fee50991313c60c7a298', class: "gux-arrow-caret" })), h("slot", { key: '902ed6e25c797d59df13edf6463f262ad3a2647e', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '594abbff53dd689c7b422e8e7259e4d690c06399', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e8fc80d09735955dba0aacc945165a785b2c749a', class: "gux-arrow-caret" })), h("slot", { key: '70cfea075556e24c7052aeedf08160725cd19a4b', name: "menu" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -7,7 +7,7 @@ import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-a340fbff.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-15aeb3b3.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import './get-closest-element-728b9f18.js';
 
 function setAllCheckboxInputs(root, checked) {
@@ -176,8 +176,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4c5a63c6a52397fe7265f2395c65f013e4aa8a95', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '77276067a01869834a6382976d6dc94992ab8d60' }, (_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: '511a7aa3534088a53d95bd1175066aec54670b61', position: "above", required: this.required }, h("slot", { key: '6234a6ec65c4ff11c19e25842e289b8c3a012d4c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e70bcc8e4c9b7b7b8139c9ad3436b4ba6582cb80', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64e42eaf7a619f0559b81977ba9dcfab6b186254', name: "group-label-info" })), h("slot", { key: 'd179128afefa5e3c3f994416f2eefbfa8a83c140', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'bed4fef0135b9404e2fc36bf1de7003f701e9cfb', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '94ea9497133308920f91684c307d72530031329f', show: this.hasGroupError }, h("slot", { key: '285fc5c130cb2f27a32dce028f34a652fdd39352', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c908c41d58d3ba70621205072da2a59ad9c112ad', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'c52f44999bac204169961b476ae77b9268ed1808', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bdff584bfa28838ac5f22ee2fb56eb99b81586fb', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '4f2c5e0564c03e61a3be4b9cb4b8a334664875da' }, (_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: 'cbc565eae0e217a3b3b367be5192f077d5b3958d', position: "above", required: this.required }, h("slot", { key: '6ed37e9f4d9af18cb318c66b6bbd54191977424f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ddfc3f8d09fc4b2eff492368286a99f179ad7451', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c3e34134c4aae83e750b02976348e8b0e2bf2c55', name: "group-label-info" })), h("slot", { key: 'ee29f1f5648c53dc10de5a5ded9d023b4a89f193', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '779914da2c3068ccc19fb4b17b2ac5d36e3305b7', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'ba8cc3662f98291a26bd1259cb35ab04213eaa77', show: this.hasGroupError }, h("slot", { key: 'cd9eae0f6bc250dd85051b54f12cbb4ef72727e7', name: "group-error" })), h(GuxFormFieldHelp, { key: 'b695f5205b39df95fa7be9d2b9126e7aa52ca419', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f004236fb164c2854d961b8c40280f85a62719b8', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -4,7 +4,7 @@ import { O as OnMutation } from './on-mutation-bf72b518.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -49,10 +49,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (h(Host, { key: 'e8836c17124b8cdbba54da54a6958d2191b63726', class: {
+        return (h(Host, { key: 'e40400dce6b34387deee6b6244aa527877532230', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '59e502ecb66c96f104d2c43ba1569d9e46ce8276', class: "gux-form-field-container" }, h("div", { key: '284aae1fbcb3c45dce5ee3425b0016dfc8095b77', class: "gux-input-label" }, h("div", { key: '8418ef06dcfe66c915f65894f9a9d1af7a8a2411', class: "gux-input" }, h("slot", { key: 'e486f71e6ba37002b5f5e499c9cb6c39d1d56e5c', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ebbded085086c62279d7725ac75baffca514dea1', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'b74acffc5dd4171aae269a310d1069b6474a5552', name: "label" }))), h("div", { key: 'dd3579570d94015e6ece1fabfb4f8ee824fc1ab1', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2423a193c6d87698c5230fc11a8352f11b63c791', show: this.hasError }, h("slot", { key: 'f6e4770954fe3c97ce42bd2804fc9fc2da39acec', name: "error" })), h(GuxFormFieldHelp, { key: '4e6cadfa6301ba23968b4b0f6ff81756f7b3bd72', show: !this.hasError && this.hasHelp }, h("slot", { key: '32eb3b58143e9b1ff14ae63a0a74d0a44de89644', name: "help" }))))));
+            } }, h("div", { key: 'a0aaca6ebd8de03d38e4d3ab28487d8b98e4c14a', class: "gux-form-field-container" }, h("div", { key: '39ebc72af0115c16b391f178d14c9cf108d048a6', class: "gux-input-label" }, h("div", { key: '5f60fbe50d21b90b39e2110ca3764d0fd495964f', class: "gux-input" }, h("slot", { key: '83549d1dd5cac6cd3e5b1f96197635a7bbde25b0', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'dd82b4c70ed37e156ad8ffb71218aa811296f8d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '4a88b290a5de26a75963cc637173a39026ac1177', name: "label" }))), h("div", { key: 'aa8a2a00294a6d7131d7073eb823a1685bf7a4a4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0f49ae8b132bc53cd850ec4eb31752e4ed5f754b', show: this.hasError }, h("slot", { key: 'd61465e5408f9ff62397e250259049432ad19e14', name: "error" })), h(GuxFormFieldHelp, { key: '9bca8004303189e323b5288eacaf750feeb7339a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f58224e0319a71ed4b8dd45ec969e5876a728007', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-007ab28f.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -85,13 +85,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4e37c2be3da8a3afa03c57fe911cba011b27e748', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9647b1d22e706b8f4892ab16151849678a4c9c1e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd6b7e328e54fc50507531f9ca662cfbae763a6dd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1f12ce513f8126b3c94d8c8dffeace8ae84852ef', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e330a6a178705e1f8b674769baaca884803b5604', name: "label-info" })), h("div", { key: '626c44eab58e8c30a0e75529916697d6ecd38806', class: "gux-input-and-error-container" }, h("div", { key: '4f9de4b94c9134c43621a323e1844642db18ce23', class: {
+        return (h(GuxFormFieldContainer, { key: 'a1254a49bdd604a780ca5b763f02c79688e9992e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '32161cd724db17bef0bf705da6f3c5eb8ac19d10', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ed670d24f28a5e574c0167c0ad5d81c9217e0cce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7a65e197887a516aaa1211593a1b3fda759a7fd7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6588bd1ea2438f820792a375243ccb018b3f1171', name: "label-info" })), h("div", { key: 'aed16d69981cd73f533b3a18441da39fffa6e342', class: "gux-input-and-error-container" }, h("div", { key: 'c4c39122edd56132e5af7c654bd5537853f4daef', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '24c29cc3f858ca4605091ec9e511043eb27cab3d', class: {
+            } }, h("div", { key: '879870ea86f8dec322abe44459700174a96ace39', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b1e2a3a529c4e8b75521590af6b6ea201dd72733', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'a4bcf4ea048ed8f6597adfd859bb1eff3fe2f00d', show: this.hasError }, h("slot", { key: '8031a6bfdb1ae67510f64704ec64195c5f1d3dd1', name: "error" })), h(GuxFormFieldHelp, { key: '9bfb53e582a935814c0928f68c661c5643fb7a71', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dc98a52e194be0ba2c5e655147009cf76d036082', name: "help" })))));
+            } }, h("slot", { key: '9836fff073443e27d583abe07d2f067a62e9e4b3', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '0ee00f0511f21cf535469dda23f13fd48fdae4cd', show: this.hasError }, h("slot", { key: 'c619397a5468f3b88eb54d0cf29c0339b0c187c4', name: "error" })), h(GuxFormFieldHelp, { key: '61cc149f1b2050615568908e3d6222941eccddf8', show: !this.hasError && this.hasHelp }, h("slot", { key: '80803b18f1530e2ef41f65f98f5a84eac7319c8a', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -7,7 +7,7 @@ import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-15aeb3b3.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { s as setSlotAriaLabelledby, b as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -103,11 +103,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '407596d4d5155948a198ccfc01c18df9983170c6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '315ad3a04c7e6887359177b32cf536baf3d0c77c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'b4af4b3542ce6ef371835640d8166427bf3079cd', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '923503c8d04c9d58599b624dc3dc95becc04c9d4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3d6029e71ac98941a4636b38dc998f8ed0cbe570', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ff996afe12119a5068410f558487aa3d2550d87', name: "label-info" })), h("div", { key: '993901c5907e35364723241450523f70220700d5', class: "gux-input-and-error-container" }, h("div", { key: '39254fe1aa4cf2042e9abce425a92fc75d9aab1e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c347276833025035bd90243a90ad27df0ba46afe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '68c9b0694e33feb3135dbdc798c9bb78d6e0700d' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'c48026033fbb870564f74f6547d63a6c66cd0a03', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f6f514e63bfa5703d1a5a4242c82fae77933db90', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '56b87b0b1c5c042b59842ea107a52a391771ecd9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3625460474664c9aae79fd05dba547855d5d9a00', name: "label-info" })), h("div", { key: '6491fcf755e265f03885759d30d5512f4c32dac1', class: "gux-input-and-error-container" }, h("div", { key: '4cefae842dfad33fa668311567f69acbefc6d51f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '11db2bb6955169ee5feb0174a04e3c1c1128de60' })), h(GuxFormFieldError, { key: '058c99ab06e9dcd2a3ffea5172d3bae87de8f776', show: this.hasError }, h("slot", { key: '9d530630ed7603a542e755d80a55f70414f3820e', name: "error" })), h(GuxFormFieldHelp, { key: '12b4e1e1a804b0ddd9379a5cd67fb7acb2f7e904', show: !this.hasError && this.hasHelp }, h("slot", { key: '9567de9828fcfebcbfa435186c74d588c981fdfd', name: "help" })))));
+            } }, h("slot", { key: '11b191191dca3d285e419a3a5ef5d0ff6198386c' })), h(GuxFormFieldError, { key: 'e431ada8c3e1c1793b1551c19caf70509065bb8a', show: this.hasError }, h("slot", { key: '298268ccfae738d9d0caa9b4c9dd4f450fd8040b', name: "error" })), h(GuxFormFieldHelp, { key: 'f5be92964411367c052ea9617e5b7d5f6bd3ddc4', show: !this.hasError && this.hasHelp }, h("slot", { key: '8eb333fa890b97e92906210ac68a34b5b6db3697', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, f as forceUpdate, g as getElement } from './i
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { O as OnMutation } from './on-mutation-bf72b518.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-a340fbff.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-007ab28f.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
@@ -103,7 +103,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'bec805f439d8baaffb1bdf26fde903890df6a701', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '7116bf118efd75d586218435c99e915c1ec2d0d2', position: "above", required: this.required }, h("slot", { key: '98292ca6442192f8c6fb28c3794b971fca5f3f0f', name: "label" }), h("gux-form-field-label-indicator", { key: 'e0e7e7131ea944df30766c1620448de57c11d841', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5c29c04ea353aec4e516015c6198af258e2fe460', name: "label-info" })), h("div", { key: '08af8bc7b068858fa0097a91fb31c89c8f2b5cc0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '2700e339143a6cf407f823af17cc88c1d0d9b546', show: this.hasHelp }, h("slot", { key: 'ef389e8c2cbf9f9a65a67dba05030df4abed3f21', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '832b2a2992d9e568e41e73b262bee1141265f332', show: this.hasError }, h("slot", { key: '0b8990ee0296aad54ad91dde9aba28ddabed759f', name: "error" })))));
+        return (h(GuxFormFieldContainer, { key: 'e311adf5e3291789c5ee1efbc8c5be13141d5176', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '8f6c26c92f5d68eda4dc4ce4431ecb3820233060', position: "above", required: this.required }, h("slot", { key: '3983cfd7548aac4e5ed84a365b494751785eb64d', name: "label" }), h("gux-form-field-label-indicator", { key: 'f27c7ab879e7a9e04fdab00bee17eec07920d667', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a12e349812831a51cbfe93757b41edea07d61d37', name: "label-info" })), h("div", { key: '676dd6da295c7723f0caa55e1288c0b8e8ed2455', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '1a827fecccd5585ee80081383e10f2929b6db1b4', show: this.hasHelp }, h("slot", { key: 'edc2aa238893d9f5b610c4226f3685bcf3b5e34b', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: 'ada71e0f898458a6dd597dafab53d9a2cb3f4ec0', show: this.hasError }, h("slot", { key: 'c224741aaa2763ad4986513d7dd14afb11e809c6', name: "error" })))));
     }
     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-21889d5d.js';
 import { O as OnMutation } from './on-mutation-bf72b518.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-007ab28f.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
@@ -100,7 +100,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0582501ab3e6a756a14dbbd274e26908d2c549f8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4b294d2f3d6c388bc7066e3c4f666a1c16dc7c96', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'aa0593d2f1e7490d70d74475dc22c26d1c9ca01b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '49181f480fe19e6a3069a6a5f5655594679e92a3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd1da16d29c778840261f5f9c41f6472cade95129', name: "label-info" })), h("div", { key: '966cb02fe182ff26866900d5c147730a4ee4c012', class: "gux-input-and-error-container" }, h("slot", { key: '21719c9b003e9758503769b86dc1333de12bc273', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '1499d5895086079f45617d6a0c0d69483dbc250e', show: this.hasError }, h("slot", { key: '87e547b8082c485127f4b346326169e9715706a9', name: "error" })), h(GuxFormFieldHelp, { key: '55177ab898cca6c3b0b0a520dd9ee1a27d97d80c', show: !this.hasError && this.hasHelp }, h("slot", { key: '60a69dd5dffc9aa69d9f07248c052b150e5d91d6', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '0423fa1c0c58d00aba86ce7b3ed17f44cd245e30', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f773acda2d2bc4f72cf6851a62bf5d2811b7a463', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8b21e7c92c52f3b5bdd63f6bd262cb95b4df561a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a1d97d672751a6c2676ef627c56fb0f219bbfa20', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f354bd7a90fd27c951c51c14b3ee340acba912e1', name: "label-info" })), h("div", { key: '8ef1daf6686a0019af863647df60a4c763943ad0', class: "gux-input-and-error-container" }, h("slot", { key: 'e700c0d4959a12314e935820be741b21b5b81d0f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'e1b0d99c77199d74a5a442c523e421729df83fd6', show: this.hasError }, h("slot", { key: '17ded4cae02f8d415092154d9bc6dfb3dfcf17ac', name: "error" })), h(GuxFormFieldHelp, { key: '05465ca6379635fb9783609aa8dd6aba8432c259', show: !this.hasError && this.hasHelp }, h("slot", { key: '5e2e0568b00b706831ed115b552219f29012cf5b', 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-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.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: 'a407a6ed4a3d2f1e37a4d7f4a4a0f697fb1f0adc', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2b682655688eb2746040f2f6b9bf7a963f613975', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '500db590703c90de1425f14e61e90755f5900dc9', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2c7b1bdcbec8eca95932e83c0f622cc65acfdcf7', "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-21889d5d.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.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-a340fbff.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-007ab28f.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.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-ae4fe543.js';
@@ -109,14 +109,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'c99c914f830b61c908f13e5ce36954b4f3bd9c67', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '238333b0f6d90c605444499b0be9a98a53f1928c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9dfa0bfbb40b0698ef914599848d558078681d06', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '38ae86001b4472a8bf9c9468b67c5d5057873a58', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff254a92ec5ab3872ea7408e4d4922bdb43a11fe', name: "label-info" })), h("div", { key: 'd2aec32380add4537162bbfd0c02ddd02f9d6565', class: "gux-input-and-error-container" }, h("div", { key: 'd30cf52e81e1a69934f6bde76665af33ce952bc5', class: {
+        return (h(GuxFormFieldContainer, { key: 'bd883165e64e876ceeee22e71394f24c140b30e4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6c53c51e482aa8c9afabfe6bc55af13c4f590f20', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '21fb24d7f0f2d8725a05f6942ced28ee618ee804', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '426cacda6e9fb11794a330658879ac2ab186d146', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3a83ff17af8315e537dd85528530882027797658', name: "label-info" })), h("div", { key: 'bc8af0f8d8be8a09a6bc77da80230eb0c2d30ef9', class: "gux-input-and-error-container" }, h("div", { key: '2324554a3618247ffc24ce17a15d790b4c89355e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '4c92c1eeb2be3ab53c69c955031097a29184b211', class: {
+            }, part: "input-section" }, h("div", { key: '01e45b79be14d100ece4d89ef442fccbd9b1258a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '1eb0f0ae666f55ad099b095f6e58395f7a4a639b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '2e3d68d7c330b499fae6ca6c5166e440e32a509e', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '670ad78ef6a7a8fca3f2ef0785fbdf86568b587a', show: this.hasError }, h("slot", { key: 'd659f9ce0a6869db5f93136a5592a3c99574f08e', name: "error" })), h(GuxFormFieldHelp, { key: 'ae400235b861a8e73a516c8182ba300eb59fb87f', show: !this.hasError && this.hasHelp }, h("slot", { key: '7e5e8b3c039b16395cef0c7f662838e0027c1900', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'edeecc422f2bcf8c3ad5bedec624f8ddf104a237', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'dd3985b2f5009055443bcda9b7bc296cbc07937c', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '2e69d595ba7d3b0381a3878384b1908999fe7b94', show: this.hasError }, h("slot", { key: 'dba2c7dc9604de4f58a0c80715bb422881df4bec', name: "error" })), h(GuxFormFieldHelp, { key: '835fe60137f35040b05e17e9deb9a07f1ff0a62f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cd421b5266370b9267948608d0ea9daf3df7a066', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -277,10 +277,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: 'ac13d13688e49ffac6c92bb32d5b65bcc2af6c6a', 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: '74f5abc97f48f83488d0be7d9437b7a90c854a7a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '6cfb2d06d11dc3005bf75710a13ef08b1175ebf1', for: "popover-target" }, h("div", { key: '7d2f931cba9bb9b9dcca2b53084cdee7cb448a8c', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '6acc59639ffc78b1a757def70bef49a8d59cbd23', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '4c6e8d8cbb17aa86ce912ec0f75e2bbe53ab7ec1', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'afae060d8d2d647c671f521aa184795156c49c7a' }, h("input", { key: 'ec40619acef2609e7889bfff20f08e0d1ff2d042', 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: 'f3b48f804daaedf1373018640176f15c4cda9cd6', slot: "label" })))
+            h("gux-button", { key: '8939e53ead09851fbd15778407301ce18f30b2dd', 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: '215ceb1683fd762e3dcad28604204228dc731258', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'fe957bf0bdec28ead4d345929834accb1e42eb35', for: "popover-target" }, h("div", { key: 'fbf772460a0ca96ff3e5d87a1ec68ec66588c496', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'a4ccddbc55375945d315600cf1942e20645a6a9a', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '32ccd4c0fa08472ed326e51bd4ab4b4eaa94efe7', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'bd58ef303f672eb1031e8724e61c8f0edfaa406d' }, h("input", { key: '93903dcd10800ffd729642308c3fc3c132891f71', 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: 'cacffa426e9f6ea1642bda4cac3e8ab3f92a9ee6', 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-21889d5d.js';
 import { b as buildI18nForComponent } from './index-99f8b2e2.js';
 import { O as OnMutation } from './on-mutation-bf72b518.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-33919964.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-a340fbff.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-15aeb3b3.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -98,14 +98,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'aab1dab0badf3cdfd2d2de48bc0d22b24d47a950', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '82ec47058a20292f6131a81ef7007b75d99b1c51' }, (_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: 'b317c963152e1883fe1266d27a6ce52e9a529233', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1f2a52e8c9b69e50ed59815ba50a76f59a745627', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '39c7983144f32ea42335456a4325e1cfba6ec738', variant: this.indicatorMark, required: this.required }), h("slot", { key: '805f28ff82c24db041efe15e067319a3fd85daac', name: "label-info" })), h("div", { key: 'b6c25f2afabc820edd730a01c11e19c86aba47ae', class: "gux-input-and-error-container" }, h("div", { key: '815dd30a9c909f8c8da4d8d21a621058ba1aa33e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '087189f3361114ed4f13434e822a81a8b59b8b20', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd8affd28b8eda3915f971608b658b6d953d65383' }, (_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: '94c00f283bde270bcbbcfc2062553a290fee4b3d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9833cb45b61a37a6205e6d2c306bb1c244ad8483', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c52319e2464390e6fe0b8d400d7a4f8efcfd4b15', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23bced1f69ff8aa40fa099fb8a375bcdb6cff7be', name: "label-info" })), h("div", { key: 'e6a6769c9aad15b22064d8d7e98c822a73ddd245', class: "gux-input-and-error-container" }, h("div", { key: '9b56dec4803a50348ad009ab606dd140e56eeaf0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '1e1a6f88e1c8c58cc87b003ba4210f740c78de93', class: {
+            } }, h("div", { key: '453bfe88e66a785030f601dd536a092e5429ede7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '37eb03fab7a8b3626ddb0dfa46dbf1aea498e244' }))), h(GuxFormFieldError, { key: 'e5c3a9e2f07afaa939873ff34ec6e2f1ae02a0f5', show: this.hasError }, h("slot", { key: '7810e0906f93f79fc9f84557857f132afab9ebc6', name: "error" })), h(GuxFormFieldHelp, { key: '5f5bb2374466f7f0761f06c3e8ad6a5933bd45c1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ad5b9c0014ad9ab43ef42d8c1c49dcbbf34f9651', name: "help" })))));
+            } }, h("slot", { key: 'e65235dc28fc42e119149cc856f7d52fbf9b17ee' }))), h(GuxFormFieldError, { key: '52517e1615e9de2aa3059c7bd6fe056b2de956b3', show: this.hasError }, h("slot", { key: '590f11da0b8a968d691dc57160ea0cc8e5b880d6', name: "error" })), h(GuxFormFieldHelp, { key: '810c7fb5f43e9ffe0b36d26a09a2b27da6ee077d', show: !this.hasError && this.hasHelp }, h("slot", { key: '1a0f19b8dd00f83f6ad5e392637af5a61f7e9a05', 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-99f8b2e2.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-a340fbff.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-15aeb3b3.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import './get-closest-element-728b9f18.js';
 
 const required = "Required";
@@ -109,8 +109,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '67e013d68c8972e7262e3092a3b28e5783bf9816', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'd1deefdefa4ace07c0239aed219dfe892de45f23' }, (_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: '6a29f81e617b158e5471d605321ccea8460bd4e1', position: "above", required: this.required }, h("slot", { key: '98967f3f48835321b353d269868f292c0acb4979', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2969e018e18d6ce122c05de206225ded3fc9fff9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '570fc242e737b7fb0be4ddc7610cbbc0cf64d5b4', name: "group-label-info" })), h("slot", { key: 'a1f2d1608a23b1f005573cd89d9dcb6f40a7047b' }), h(GuxFormFieldError, { key: 'c044434c7c3675929c288dd5cef20e983e838122', show: this.hasGroupError }, h("slot", { key: '2b92c8eab9b2a05a359748b5e283ae65ec4f51a4', name: "group-error" })), h(GuxFormFieldHelp, { key: '80a77ffe1a01179cf9762905ca7c00ad3d4ebbb2', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a24bb76ddeee69936435fc23877d2494d04a80a5', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '7e50ad9e03f8daa4d4948d3ac57271dd309eb7b0', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '5cbd6303d0bd85e160d9bc12039dc8391b3f2e84' }, (_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: 'd56f0b2f60489258d4c080c2497a6fc2f96da392', position: "above", required: this.required }, h("slot", { key: '965db1425f0019661dad213a378287587de98354', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bb33d495d3e13c42bb6e9946e4dae4bfd8190769', variant: this.indicatorMark, required: this.required }), h("slot", { key: '349b17a1832d31951ac5eb308766da74664715c6', name: "group-label-info" })), h("slot", { key: 'c610888099a640750848677b85dbddf86431701b' }), h(GuxFormFieldError, { key: 'c75fa80a5af97fc9a95bde0cfd0a757b8ce0016c', show: this.hasGroupError }, h("slot", { key: '8fc449fe09bf4c731953374bf4266f209314ce85', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a4ca02ce2425a1353cf25c1da9d1da607dce7e36', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '040f8e24394398513a694404b61c3d5c88d34ff0', 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-a340fbff.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: '7868d5b3589350c106bdd66583d0210f1bc07abd', class: {
+        return (h(Host, { key: '2644d850310c01f0e9c150ded3ce20f47a365a0c', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'fb0c2550cc27cb33863de850d1be6ddc03e1107c', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '33e03e7eb337a46710af4256bae2290dac93018d', class: "gux-input-label" }, h("div", { key: '965fb67435e404298036fa8d357818e723e9e022', class: "gux-input" }, h("slot", { key: 'ed93091ef00481143fb25adc0d3e32c4d6e907e2', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a7a67237ed324b43fb6d4663c81f92ecc99f4ed7', class: "gux-label" }, h("slot", { key: '2659c63e9c04b6f318e18e02c9fb3b0ddbaf868f', name: "label" }))), h("div", { key: 'de613d8d9b3de1e62677d09843b0638824ba09a4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f6b54c5aa093a6aaa017327f223fb7651fd19c85', show: this.hasError }, h("slot", { key: '316b2da1fec3fc472ef7a22d6e48692bb6581e51', name: "error" })), h(GuxFormFieldHelp, { key: '273b226e5260b9f946748cd7774ab97c6c85267a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cca68cffecf10564da10855f364993119637781d', name: "help" }))))));
+            } }, h("div", { key: 'fe8c4a22526fdb3f0e44cd5325d5822cd62ad069', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '40f8c9b2268382307c50dc6f5eba917554bcec57', class: "gux-input-label" }, h("div", { key: 'd9d3cd046012d138a56be5a31118f16e1406dce7', class: "gux-input" }, h("slot", { key: 'b0d8bc34f778a3d86c111f3b44a1b5ac6eee32ea', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1c9a13d93da41adce8ecb7e6646b7ece7c2eae23', class: "gux-label" }, h("slot", { key: 'c2917cd7e29e4648712acc7f17d4b93124eaa645', name: "label" }))), h("div", { key: '83dcee62fc37e3218768dfcab088d7c7b6ad102a', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '76580811e586a9cdafa5fa4da07a5b0726f9b5a3', show: this.hasError }, h("slot", { key: '5b26a80b1053c03f313adbdce961e283821cb1f5', name: "error" })), h(GuxFormFieldHelp, { key: '9198f91b10cba18c1d51bd39cc282b6a7338737e', show: !this.hasError && this.hasHelp }, h("slot", { key: '2a4172af46bdd301b09ff7c0eda3e41cc30edad1', 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-a340fbff.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-007ab28f.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { O as OnResize } from './on-resize-3558b8d8.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -115,9 +115,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'fe79f33334d3af25840635fc74dbb8ae28cc99b7', class: {
+        return (h(Host, { key: 'fe6897dc2177b110b0204d1699f7283ca4ee867c', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'cce4bd14cad858df715628ca20ec9e24461bccc2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '737b3f4f14335784d2ae2de079267b5eba876128', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3462da632cbec8c52702030f68d47dba27c28d8d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7a5b2f8d979cf2365f355b60d5c7f6362cb2b0b7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a67625082f3042d533c59a83ee0037fcca1e5e1e', name: "label-info" })), h("div", { key: '510cee16c2ef097f23da13112466541f507438f7', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '406be020703ae0e70fc7156ff11097ae29aa2649', show: this.hasError }, h("slot", { key: '20cf1b98a8dfe48cc1959e9ea7a4178b34cc6376', name: "error" })), h(GuxFormFieldHelp, { key: 'c868fbd022f0386774f9048dbc90789a8cd540d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '490d52edcf83c9bdd4dc36435f454fbc3820a426', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '84b82790791943d40761b019f84222a3b967e129', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '18ab67bad7756a4f35254591b9c3a9d03924f7b1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a4c254f56d69f6130cff3501a1a934bdce050164', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3dbc8974c8bd31f8e871b4ae016a7d34512a927c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '57bc576b43a85cf539c442858944fbf39babd6dc', name: "label-info" })), h("div", { key: '3f6e6eb109306af0c250e19e8e626574d3b6dbd2', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '464b92b9a8651767b22885cf3c8e391dce419336', show: this.hasError }, h("slot", { key: 'f0e458ffa085a4c71d57213d9cbaf078fa87b8dd', name: "error" })), h(GuxFormFieldHelp, { key: '35bcc5ecc4b98c776f87b1c1da6d37fd04dac280', show: !this.hasError && this.hasHelp }, h("slot", { key: '27eab5315d584bd6d1a02cb487c196a50b66d726', 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-a340fbff.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-007ab28f.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-fb8b32a1.js';
+import { t as trackComponent } from './usage-6f9d5b94.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -95,13 +95,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '36bdecaa1cf11fb7c5de36e90ef8023aeacf9479', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bd17b714ec1de5cb6191b979e4d1956d1bd13d2e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2dc98ed1973547a6630ac9635bd6c6a4470f3184', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '451d0efd0bf2ccda4306f05015e040273c510239', variant: this.indicatorMark, required: this.required }), h("slot", { key: '22e765d02ffa796fb361636d04997146bc9c0722', name: "label-info" })), h("div", { key: 'dc2d47843ebcb77e9d6dd3160eab33c6e07ff576', class: "gux-input-and-error-container" }, h("div", { key: '208ea5d2c66c91d44ebddeb520f78425160487b4', class: {
+        return (h(GuxFormFieldContainer, { key: '03416cdc34423238d95134899d4f445a3c67a87d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7971e0d598b03140133e07ca64079a6e69eb17ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ec7d1faaa28904ae4e63d9ffda2d4fe0e76627ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4a2b54972b3afc0b6f771b48f57431917401cb13', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fc780b683bdc3bcfac1523dd4db4788eaed4dbf0', name: "label-info" })), h("div", { key: '585019d9bbf71877b53e9e584daeeb5fb500141f', class: "gux-input-and-error-container" }, h("div", { key: 'ee419c78414f254428142df54de135efa0791d3d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6df3b8f02ee43dfb415f0dbe6bc1674f87d1290d', class: {
+            } }, h("div", { key: '3041753eb55399c69c0984dcc74d7383f1eee3c2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '64d1194547ca5ad3230662c64fbfdd4be86815cd', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '3bd0beaf3c51b004368203d9b94be7403c92f2ba', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0ebbdd36770c2c2b3b8535b9d4248bb5c232bcb4', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '9e28d18be850778d65a3ecf82f6d9a601d194936', show: this.hasError }, h("slot", { key: '678cd98f9333cf85d6df22c72758dd4b2b075c22', name: "error" })), h(GuxFormFieldHelp, { key: '21947dce2c491bdc077054ea894acaf89c871a5c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a667eeb5a493a9c15616dfed3ebece5b10e56c70', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'c98611bddcdd3396b93b8052dee8bda9786f0e7d', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '07617332ef01a284640cc9f30f28d4377e760d73', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b4df760da83cea80f4ac4ce60eb631e370b87bbf', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c93b0821210a1ffa60eef1c6b02b187142f3b0b3', show: this.hasError }, h("slot", { key: 'b951d168977855b2c400c7d461e2842a1c7b5098', name: "error" })), h(GuxFormFieldHelp, { key: '6f5fe5ce5321bdcf6733ed42fdbae2b7de8ecaf3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'db702c42abd46578059e3ec74bcf8a79c5bdd391', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition