genesys-spark-components 4.139.0 → 4.141.0

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { g as getDesiredLocale } from './index-4f1356d9.js';
 import { d as dateTimeFormat } from './intl-93dbfa3b.js';
-import { i as index_umd } from './index.umd-ec35273e.js';
+import { i as index_umd } from './index.umd-b6f4a8ff.js';
 import './get-closest-element-728b9f18.js';
 import './get-closest-element-7b2f7d5b.js';
 

package/dist/esm/gux-disclosure-button-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-1f4f2f77.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -54,10 +54,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'dfd11315797588b49d1f799786a294842013d48d', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '164ea67f06014b3b78860e180b633bcb3f63d6d6', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: 'a2fefab21c3de43de2c7199753a35bd68b62360e', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '362e1b3910ac360e5bc0e1a8900b82446f447f1f', id: this.panelId, class: {
+        return (h("div", { key: '74373499c508fac1f681b66025e5cc7cf8f4e73e', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '4e66753e258473269e44e963f3074db68772102a', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '93d6b142731b2e1c4603932f1688e4a4c285a284', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '7e2fb68671c9fe9e9676f0423036a8ea270a5566', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '453039d51dbb0e6299ade2aee243acfc0eaffab5', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '28c9f938f407ba9b9895fec535889f6e939d9406', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-dismiss-button.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -22,10 +22,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: 'a4f5661d7690d55be83e54a0da40f5b87d1f8c44', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'ed2ade35805a933292919edec709d1778ac36a75', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '2223786156e5c59b39b9364f5c83129dd71f714d', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'cc8e1cfdedeb7dafffcf7875f938a9501e20eaae', class: "gux-icon-container" }, h("gux-icon", { key: '1b72196d75de63a1de10f949464f891750c4efcb', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '5dd0175bb1d46ec17f7346edd60989b2b9114b1a', type: "button", title: this.i18n('dismiss') }, h("div", { key: '1652eca8ab19eee594eaf8d9cd4fbff934d03586', class: "gux-icon-container" }, h("gux-icon", { key: '65e759d50732413b83898ae9d99e2d6303bec22d', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -44,7 +44,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'e563ee84dd6888a8ef01ca609bf130afb40065d0', class: {
+        return (h("div", { key: '5359951db3353286222ca483667eb1a4d79d2f1b', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -4,8 +4,8 @@ import { b as buildI18nForComponent } from './index-4f1356d9.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-a92fed66.js';
-import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-1b2f1a6e.js';
+import { t as trackComponent } from './usage-b275fc36.js';
+import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlot } from './gux-listbox.service-250c2b08.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import './get-closest-element-728b9f18.js';
 
@@ -426,7 +426,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '10aae73f35b593e733ba58c122b3399b9e08e54d', class: "gux-dropdown-container" }, h("gux-popup", { key: 'af8104a8df2355d223ceb0e5fde6fd29eacb5799', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '6927f71083cd8f0700374d948be0aa25cb3db639', class: "gux-dropdown-container" }, h("gux-popup", { key: 'f7ed293f36f193c6e03d245656ec1d8b09d44f7b', 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

@@ -58,7 +58,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: 'ea20401230e49f6f334230b89aee8d99fa290784', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '03044af917dcef60003e744c13ca4a9071801a97', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -4,9 +4,9 @@ import { b as buildI18nForComponent } from './index-4f1356d9.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-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
-import { s as setInitialActiveOption, n as getListOptions, g as getSearchOption, a as getOptionDefaultSlot, b as clearActiveOptions, h as hasActiveOption, d as setLastOptionActive, e as setFirstOptionActive, f as hasPreviousOption, i as setPreviousOptionActive, j as hasNextOption, k as setNextOptionActive, l as actOnActiveOption, m as goToOption, c as convertValueToArray, p as matchOption, o as onClickedOption } from './gux-listbox.service-1b2f1a6e.js';
+import { s as setInitialActiveOption, b as getListOptions, g as getSearchOption, a as getOptionDefaultSlot, d as clearActiveOptions, h as hasActiveOption, e as setLastOptionActive, f as setFirstOptionActive, i as hasPreviousOption, j as setPreviousOptionActive, k as hasNextOption, l as setNextOptionActive, m as actOnActiveOption, n as goToOption, c as convertValueToArray, p as matchOption, o as onClickedOption } from './gux-listbox.service-250c2b08.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
@@ -315,6 +315,8 @@ const GuxDropdown = class {
                 return this.renderOption(item);
             case 'gux-option-icon':
                 return this.renderIconOption(item);
+            case 'gux-option-status-beta':
+                return this.renderIconOption(item);
             default:
                 // eslint-disable-next-line no-case-declarations
                 const _exhaustiveCheck = tag;
@@ -376,7 +378,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '4b730eef671ef7111cbc2210f2c895a4404f71e1', 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: 'd0e6fcfbd0da9f9296b950a541b57d3931a85af6', 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); }
@@ -399,7 +401,11 @@ GuxDropdown.style = GuxDropdownStyle0;
  * This list of valid option tags lets us derive both a union type for the tags
  * and a CSS selector for matching them in the DOM.
  */
-const optionTypes = ['gux-option', 'gux-option-icon'];
+const optionTypes = [
+    'gux-option',
+    'gux-option-icon',
+    'gux-option-status-beta'
+];
 /**
  * Useful CSS selector generated from the list of option tags.
  */
@@ -598,13 +604,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '6f78c9d83bf543c9180880ace85a4997657b7e69', role: "option", class: {
+        return (h(Host, { key: '8e9e4cf6dbed96539fc41939da131f05a5781efc', 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: '193241208837166f4e4c7c622b63987d71c0f7e8', class: "gux-option-wrapper" }, h("gux-truncate", { key: '32bfb64079ac38bc10ed96f988619c9169e7f75e', ref: el => (this.truncateElement = el) }, h("slot", { key: '8519af1e2a3db69836d148da048e8651ec45a595' })), h("slot", { key: '55f55c7614238746ebea89b8ddc7ff87f8059877', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '87c672e88483ae9dc4dd6cd64a04567bbd446939', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6186ff08a6380a1e6b302e0c78070b8a65cf36c4', ref: el => (this.truncateElement = el) }, h("slot", { key: 'e7650c156cb40cfc152bb0c9d54453a458de9e35' })), h("slot", { key: 'd88ff0a3695c5f945bbde0c7aa2f33cf8cdf1091', 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-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import './get-closest-element-728b9f18.js';
 
 const removeFile = "Remove {filename} file";
@@ -14,7 +14,7 @@ const componentResources = {
 	error: error
 };
 
-const guxFileListItemCss = ":host{display:block}.gux-file-list-item{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--gse-ui-fileUpload-fileCard-foregroundColor);border:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color);border-radius:var(--gse-ui-fileUpload-fileCard-borderRadius);box-shadow:var(--gse-ui-fileUpload-fileCard-boxShadow)}.gux-file-list-item.gux-disabled{opacity:0.5}.gux-file-list-item.gux-error{padding-block-start:0;border:var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-color)}.gux-file-list-item .gux-info{box-sizing:border-box;display:flex;gap:var(--gse-ui-fileUpload-fileCard-card-gap);align-items:center;inline-size:100%;block-size:32px;padding:var(--gse-ui-fileUpload-fileCard-card-padding)}.gux-file-list-item .gux-info .gux-file-name{font-family:var(--gse-ui-fileUpload-fileCard-fileName-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-fileName-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-fileName-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-fileName-text-lineHeight);color:var(--gse-ui-fileUpload-fileCard-fileName-default)}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/circle-check-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:var(\n    --gse-ui-fileUpload-fileCard-statusIcon-success\n  )}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/hexagon-exclamation-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:var(\n    --gse-ui-fileUpload-fileCard-statusIcon-error\n  )}.gux-file-list-item .gux-additional-info{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-card-errorCard-errorTextSection-gap);inline-size:100%;padding:var(--gse-ui-fileUpload-fileCard-card-errorCard-mainContainer-padding);font-family:var(--gse-ui-fileUpload-fileCard-error-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-error-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-error-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-error-text-lineHeight);border-block-start:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color)}.gux-file-list-item .gux-additional-info .gux-additional-info-header{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorMessage)}.gux-file-list-item .gux-additional-info .gux-additional-info-content{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorHelper)}";
+const guxFileListItemCss = ":host{display:block}.gux-file-list-item{display:flex;flex-direction:column;align-items:flex-start;background-color:var(--gse-ui-fileUpload-fileCard-foregroundColor);border:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color);border-radius:var(--gse-ui-fileUpload-fileCard-borderRadius);box-shadow:var(--gse-ui-fileUpload-fileCard-boxShadow)}.gux-file-list-item.gux-disabled{opacity:0.5}.gux-file-list-item.gux-error{padding-block-start:0;border:var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-error-border-color)}.gux-file-list-item .gux-info{box-sizing:border-box;display:flex;gap:var(--gse-ui-fileUpload-fileCard-card-gap);align-items:center;inline-size:100%;block-size:32px;padding:var(--gse-ui-fileUpload-fileCard-card-padding)}.gux-file-list-item .gux-info .gux-file-name{font-family:var(--gse-ui-fileUpload-fileCard-fileName-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-fileName-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-fileName-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-fileName-text-lineHeight);color:var(--gse-ui-fileUpload-fileCard-fileName-default)}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/circle-check-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:ui.$gse-ui-fileUpload-fileCard-statusIcon-success}.gux-file-list-item .gux-info .gux-indicator[icon-name=\"fa/hexagon-exclamation-solid\"]{--gse-ui-formControl-label-tooltipTrigger-color:ui.$gse-ui-fileUpload-fileCard-statusIcon-error}.gux-file-list-item .gux-info gux-button-slot{inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}.gux-file-list-item .gux-info gux-button-slot button{--gse-ui-button-default-paddingIconOnly:4px;inline-size:var(--gse-ui-button-dismiss-small-width);min-inline-size:var(--gse-ui-button-dismiss-small-width);block-size:var(--gse-ui-button-dismiss-small-height)}.gux-file-list-item .gux-additional-info{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-card-errorCard-errorTextSection-gap);inline-size:100%;padding:var(--gse-ui-fileUpload-fileCard-card-errorCard-mainContainer-padding);font-family:var(--gse-ui-fileUpload-fileCard-error-text-fontFamily);font-size:var(--gse-ui-fileUpload-fileCard-error-text-fontSize);font-weight:var(--gse-ui-fileUpload-fileCard-error-text-fontWeight);line-height:var(--gse-ui-fileUpload-fileCard-error-text-lineHeight);border-block-start:var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-width) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-style) var(--gse-ui-fileUpload-fileCard-mainContainer-default-border-color)}.gux-file-list-item .gux-additional-info .gux-additional-info-header{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorMessage)}.gux-file-list-item .gux-additional-info .gux-additional-info-content{padding:var(--gse-ui-fileUpload-fileCard-card-padding);color:var(--gse-ui-fileUpload-fileCard-error-errorHelper)}";
 const GuxFileListItemStyle0 = guxFileListItemCss;
 
 const GuxFileListItem = class {
@@ -28,11 +28,11 @@ const GuxFileListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'adc1fc4c0986aacfb1b7ff7d5b9d110eee437b02', class: {
+        return (h("div", { key: 'dc5d16d800223c9802181bfe4301b53bc9f35483', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '25228b827081d159ad0b9b097a96ae3e8184fa4e', class: "gux-info" }, h("gux-truncate", { key: '978271a70a0a446b2af8e4bbdc925af0fe4bb61d' }, h("span", { key: '47b975f62cf9b52477e0cf9b92ddb65f09f72c06', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '80debc4f3b87397f4a3e6e810db88f3f22ce04dc', class: "gux-info" }, h("gux-truncate", { key: '3f8b95df7792e068a6b894833866df9760c056e0' }, h("span", { key: '708bdd96c2db4bf13e80c32edbdb2bdebb97737f', 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-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.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-1f4f2f77.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-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.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: 'fa1d610e066e43e6a025b4a9301ebd079a1a0459', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '326c7ff30a22066eabce87d3b7a8d4f7218a90c0', ref: el => (this.targetElement = el) }, h("slot", { key: '9c0296a10351beadb7b244bac865a6bf8f22317a', name: "target" })), h("div", { key: 'f08abd040753a89b68d09fdd5b41de488e2127b0', class: {
+        return (h(Host, { key: '705dd7369dba4352645c1705db33b9f3f7cfd390', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '542a46d2915e83b30dcecf8d515efdd67b112785', ref: el => (this.targetElement = el) }, h("slot", { key: '346efd2bd19496efdd0cee720ddc235cab3573e9', name: "target" })), h("div", { key: '1297adc021208c5f844efe52f22d792d88211efe', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'c2012c91e07d8096d67dce88517278a482648499', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'a96a744afb7f76549f4213651aa1f04d294b5141', class: "gux-arrow-caret" })), h("slot", { key: 'f65fff57bc2b65fa7f358d08d400cd9e638f7505', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '436470738e7679f2b332fc66501aa9c5bda3afb9', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '3d66c9b20b677b840da6f76b6c0a61044f4837dd', class: "gux-arrow-caret" })), h("slot", { key: '757f4a157457bbd62cbf239985a00612e40ce80d', 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-acb40a19.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import './get-closest-element-728b9f18.js';
 
 function setAllCheckboxInputs(root, checked) {
@@ -193,8 +193,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3b33199d0852a92df23c59b5843f5f48282a136f', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'd6933ee5c5fdc1e76876e13ba26c1659c9112971' }, (_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: 'a3831908a9f0c3c36e37d0b0a780c7c92f7c1dce', position: "above", required: this.required }, h("slot", { key: 'deed6591b098259b1f8890a1a3da8031aec1191f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd4848d9b2733dc0000b911d28b4e09a6b0e382f6', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'db792150cc8c6b4436b557933250beb231a717fa', name: "group-label-info" })), h("slot", { key: 'a60e9d4d0ccc580b5752ba871a33a953d27fd41c', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '3efd3470ff4da294d814ea367261921e5d8d3017', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'fc6db71f68f2763d88208b9b9550cbbbbfb45068', show: this.hasGroupError }, h("slot", { key: 'a9ffb37ace5fea4c8f47e73693efbeea58b76ada', name: "group-error" })), h(GuxFormFieldHelp, { key: '0e03a0d08e8af6215c3e793688a6db90c02a4a4d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a5e7d149c584db70e9b7ad3dc87c1258e461bb60', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '82711918d702bd81432d84e8c4a67af8602f979e', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'c8df4f74e3ed8ecaff04313f30afca29049bebcc' }, (_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: '08a29328b9b06a9e985f09a93394f32cd039eb1d', position: "above", required: this.required }, h("slot", { key: 'c516fff9067c5e0825688c956248a539438751c5', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f51f8491725cb929a4d188d77c01af1d37063175', variant: this.indicatorMark, required: this.required }), h("slot", { key: '62aaae610193cb1af270487b9c35f4885173f5ce', name: "group-label-info" })), h("slot", { key: '5b8b4784a9c08cd415319afe3e67388dba4c3a74', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '6587e8a28258dff586d3143f403b64af61c98fd0', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '89812bc1133e8b263d12fb17faa45c3d1ecd43a2', show: this.hasGroupError }, h("slot", { key: '475aee18cdfcc77aec936294c6d63ca8d0277ce7', name: "group-error" })), h(GuxFormFieldHelp, { key: '4795c2ff3decb95f0f538ba7ae7b0b8006ed495c', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '18c28aae572498c5014767b937b4dd7002703516', 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-751e68e4.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-acb40a19.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.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';
@@ -48,10 +48,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (h(Host, { key: '0c2e94a0639b7a9a0d33da50bd3061c7f7e2d7b7', class: {
+        return (h(Host, { key: '3807b1ae64ec97a88b614521d43e17cfc42529b9', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f0e07d2cca513c52f20a6fb67cc394059733ec41', class: "gux-form-field-container" }, h("div", { key: '89ac566d1648fcd48b3fce1fe31600e282020360', class: "gux-input-label" }, h("div", { key: '7aaac55e931fbfc26dbcf4018009879005878b60', class: "gux-input" }, h("slot", { key: '9c93787dc7d0464e848780ae34a76ff69c43eec8', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1864d76877c5a710262df6acf00a9108bf887d81', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'ac092d51b91c6568ffb708387529c8a46ea68cec', name: "label" }))), h("div", { key: '320fd3438c3be63936113ec3a141b3b9d0a3568c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '5bbe724e9768404d6ed538c863cb001c5366593f', show: this.hasError }, h("slot", { key: '2fe8cb4c939bbe76194893fe61633ca4fa7df62f', name: "error" })), h(GuxFormFieldHelp, { key: 'c4fb397bf418dab936527aaf8bda72d2c898fd31', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ee99d4774ad72f4ed796088c45f6f7d91c26a10a', name: "help" }))))));
+            } }, h("div", { key: '4b0197733ce8805e94ea35710c631cdaa75a9f08', class: "gux-form-field-container" }, h("div", { key: '21bff41e6716c39404111211b3961a12572dabc0', class: "gux-input-label" }, h("div", { key: '248842d8c5b1925209fe3c8d71e9401d85df5be3', class: "gux-input" }, h("slot", { key: '617fbbb990ac8aaca2419f39cc67e7ce71fc747d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '4c6008656f5972debaf900588c98feca21735cc7', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'b025ca7c7be84f0567b62010b5a07e04edfd00c5', name: "label" }))), h("div", { key: '30174559135d2382d8148678ee15258be90d24cf', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '4e8f50c6416a5114c67e95afdd10ca2bf54ae4dc', show: this.hasError }, h("slot", { key: 'afe78c0a23baf77e348845cb11aacf66f32948a9', name: "error" })), h(GuxFormFieldHelp, { key: 'd13d0a3b79454de838274b5f91066ec785771c4b', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f5c4a72d948a21fc12b7589269c0366b6ebab26', 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-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -86,13 +86,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '50b798eab2ffec2de253631cc955735822fb1af9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '243f5f76c6be675bcce6d1a77d4127d27d62c509', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c2e698839a5b377d3ace2598e73bce4f4511feef', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cf4eca811a47ad397fb7b223012c0e9765b06b54', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bba4efb9c91106cbcccb28425081b766ef0773ff', name: "label-info" })), h("div", { key: 'bd8e56487b500d1a93f4fd51126b624dc507d11e', class: "gux-input-and-error-container" }, h("div", { key: '09050e3d83cb9d2b6463cc250db56c91004c4de4', class: {
+        return (h(GuxFormFieldContainer, { key: 'd3b685320b63f563795b1f373eed1e9480f31e08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0398fe4a51630de16e0565e728ddc075293777be', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '049c6d6a39fefd46e30feedebf98e681bed43463', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0997af10c069d589a213b1812fee797c27c556f2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '35058cc8746cd9a87510e0d338ba1f0ec94bda21', name: "label-info" })), h("div", { key: 'ac4686ec5e818d46b655730507c951e2f472f8f8', class: "gux-input-and-error-container" }, h("div", { key: 'f9b0e6c253315a1d460894a36a2a800db86a0486', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '768582927565bbe1df7111f1582d984fbcbefac6', class: {
+            } }, h("div", { key: '3ed9de5c316531dd3fb775e71c4eb72c65eb762c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2b9b68cf05c516ea01caf971317bbed6a876c792', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'c0901866c04c9ff738324b36870bcb0e3be62e79', show: this.hasError }, h("slot", { key: '3ad27f64c30686b62d11735feaae817eb11c8b61', name: "error" })), h(GuxFormFieldHelp, { key: 'b9077472ee08d0708c0e20b2de93f44000a475da', show: !this.hasError && this.hasHelp }, h("slot", { key: '32578a641faf50d6392577305e929a63ca4524e2', name: "help" })))));
+            } }, h("slot", { key: 'ef3e40bc0ec3903adacedcb3d29b77bcd8e7c48c', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'f95f940f2f5e4320eb06f9a2a9e4c0f51e00d285', show: this.hasError }, h("slot", { key: '6c9db0ec5ecc492a5949dd2605ef2057d308eebc', name: "error" })), h(GuxFormFieldHelp, { key: 'd710fd3516b5ed6f1ccd838585ef296218578811', show: !this.hasError && this.hasHelp }, h("slot", { key: '659a44ddee240ab4a479559532daac6642fed57b', 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-6cb3610f.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-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -106,11 +106,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4caa607e6f52c90a77986ff7a6edf13984db3245', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd9793de4036bd153a491e15bf0de314efa0d8a61' }, (_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: '698ed26015f7a62ba80a3c27d9b3aec008bd852c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '86c036453fae43c9d18ddc87cad4858b6c76e254', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '06d251db205e0a291c553c2cbf4b1ae3f2e3fe31', variant: this.indicatorMark, required: this.required }), h("slot", { key: '952f0d59f587e67561b93ee2659ed16a0c55e29e', name: "label-info" })), h("div", { key: 'db32cfdcaa0c081b053f0e828198c03eef6e1e76', class: "gux-input-and-error-container" }, h("div", { key: '4fd4aafc19f0cf122a9a8d32d17d171812029342', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'b084d277f5af04ba23b029f570db9da98cd77372', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2364915bbb4f415913c3c7d3e6fec33b799c79d5' }, (_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: '89802e22a555dbcde4229d5476f7b1ad55fa1e93', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '37778bd01fd581cc4453101ef365514225c9127c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1d4036925e42aa127a939b3a8af63ab021d6a24e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '06e63b59208f4a810d30488f1ff55a16ac382a33', name: "label-info" })), h("div", { key: 'a3f731cc685ff0b12207d08f467c88b1759bbf83', class: "gux-input-and-error-container" }, h("div", { key: '8940df02a3aaed5c35f6110271cd51ce75b6e77c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'd2fed5431a315a019a6f6d93e47e68f7075f6358' })), h(GuxFormFieldError, { key: '368eb5e214e7d4963d9723df8ec0ec021e6dd581', show: this.hasError }, h("slot", { key: 'd061d9c878960c3ab36ee426c616168a277c4ac2', name: "error" })), h(GuxFormFieldHelp, { key: 'f7c475fe48499cf1565833015a0e994e5e793a99', show: !this.hasError && this.hasHelp }, h("slot", { key: '7817cb51713b84bab801d4254805523d135f9710', name: "help" })))));
+            } }, h("slot", { key: '8ba0d26fc6bda18988cf7fe8c464a25e020d3d88' })), h(GuxFormFieldError, { key: '82d57e7c9eb59cc1ee4eb3f0a29f7aac786066c7', show: this.hasError }, h("slot", { key: 'cd34704355e3eca52d7a67bdad79d024125a2b1e', name: "error" })), h(GuxFormFieldHelp, { key: '897c69adc392f05a29fe7f442aa1c6a49ff2821f', show: !this.hasError && this.hasHelp }, h("slot", { key: '5f55e0ebda1dcfbbf8c772446ef026c201ec11fc', 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-4f1356d9.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
@@ -109,7 +109,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9d887e6c4512a8391dde9846c231bf4e22187e84', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '492fa13142a4be8adb255ed97a2c2f3c8c5873c5', position: "above", required: this.required }, h("slot", { key: '7e5b0a6e5d16df5d61091e591d736e3c9b70757e', name: "label" }), h("gux-form-field-label-indicator", { key: '3093588796cfa6f643351d922886606afd8d9f85', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8f114a5c512df1976c51f41c5d17b55e14559338', name: "label-info" })), h("div", { key: 'f903f9374864c2a92de3e41d6ef1f63531a8af30', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '4a8ad0368308fdd0e95463b239bcd4bef60a2ace', show: this.hasHelp }, h("slot", { key: '2f61a4eaef1b9e29079fa562b42a00117951e117', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '835ba7fc9d59bb8f6b13a354eb98236d25bbf967', show: this.hasError }, h("slot", { key: 'e77e38555dd9f11f8fc97e6d0f85b079acb86a1d', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '989d4155c0aa73d2f0f9afe0eb04ba55764bccd5', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'cd69dd4dcc333cadb3b50e5736d319db88e8cf06', position: "above", required: this.required }, h("slot", { key: '88513d8977f749e7d0e9dc61b266a026c22c7048', name: "label" }), h("gux-form-field-label-indicator", { key: 'c602062bb5789fdde49921a0092344a8e9f60d58', variant: this.indicatorMark, required: this.required }), h("slot", { key: '48a3070cef06dbb9a8814b8750e3234cd7da0c60', name: "label-info" })), h("div", { key: 'a99a2dfa6c3662cc7da84cdf6c1866abe9e4878e', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'bb626c2431562b30da8a806838a4fe21e0f5d2a1', show: this.hasHelp }, h("slot", { key: '71119d39ee8324a48536350c24d92d2683f1d0f7', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '573d6c356d497d8bd76e0adda31f606de5953bee', show: this.hasError }, h("slot", { key: '4390140174fa3c91572fc5c5f5e8864f6f5af3ea', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
@@ -104,7 +104,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '81a76e19d2642450f6700473fbf980e991a2cc2f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ae087d7a1287e9ef62d5ecb58135cb4ef62bf364', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0fde915ee6993a85f70cff079bc2bbc317b13f8e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '36dfd2da6ed5728d7255b12098e3ab5f49320d0e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '806f91102853273d48b484ee806a0ed700b27a49', name: "label-info" })), h("div", { key: '582f7cf93e0befe3f5ff66217af574128c11307d', class: "gux-input-and-error-container" }, h("slot", { key: 'c1d06dfc8938b86a4d34776c16ccafe33a97a4e7', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '17ab9fee479aadd9db3a3c5e4f07c66364231476', show: this.hasError }, h("slot", { key: '7aaa8bebe1a8d4a80387d36af4cf4a1f748c510c', name: "error" })), h(GuxFormFieldHelp, { key: '37df349655001e8542aec879c6da1d2962c4b0eb', show: !this.hasError && this.hasHelp }, h("slot", { key: '40d12e88fc9aceae27428d06be4426a58d9cc8ac', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '7d563066ad9c8436ebcff05124aa6d89114ed3d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '423e06477e702f4dfeddd13686846c58bd9c1e86', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3ba8031783460f7aa90c5e0b890111e34220060d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '10a3831873d6038d70dd0d9367f28aff502c6f9d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '48863510d76fa08fe770365a9876a6204572df27', name: "label-info" })), h("div", { key: '78b87bc6a5c35b46d0639be0bf8432f2b38338a3', class: "gux-input-and-error-container" }, h("slot", { key: '83c22f25feb28cca6a8974fe3f31891205ebd215', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '394b5fa72d633fcbf1074013a6adfc85fd0fe7d3', show: this.hasError }, h("slot", { key: 'cce151e81d6b6af993c533a8e22ac71319aaa527', name: "error" })), h(GuxFormFieldHelp, { key: '444741588fcab48668782e99b004988739362ad3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd9eedbbe7c31796e8f4a147ed6c94d6c13d9f64f', name: "help" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 
@@ -20,7 +20,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '77f84eb9a74cd779b81ab929a801b444779f0eab', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '832e3b4435a02295473dd443b37757b818098d05', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '26d9c44474a55d82c850d3a88ef63cb602e5b785', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'bae5e132ef3765a45710f12e32b49c8dbcadab8f', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -9,7 +9,7 @@ import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3dd7c6ff.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import { t as translationResources } from './en-25a315a0.js';
 import { O as OnClickOutside } from './on-click-outside-6c2e399b.js';
@@ -110,14 +110,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '12dc2779919b1b02ffa27892b0dd0a618fbe11a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '687d9ab3416d421cef725504497650b179143827', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '22a8650e52351a1fd9d55b644975f435b78e5f23', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '42a582daaa9d37ed3abd22ca00757ff5f0b40119', variant: this.indicatorMark, required: this.required }), h("slot", { key: '31fdad12b44a87f24c8c139ba8c4aeadaf879228', name: "label-info" })), h("div", { key: '7933d9233db513e5c370b0d25fffebcae3f62d98', class: "gux-input-and-error-container" }, h("div", { key: '77ccdb3e33e3b52c6685028ff2ef5d585a5460a5', class: {
+        return (h(GuxFormFieldContainer, { key: '63e7deb047109d430c3d9b1795426fb98b1b4200', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ca2c7a3ff4f03212508944484601b59d8f98427a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a605b6838904eada975cd3ca25fdef3c3b448bbf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0f640d25358977d4c3a42e48a7d0ed102b10a103', variant: this.indicatorMark, required: this.required }), h("slot", { key: '40f5ebc081a68a20efaa8335590652a06107a86f', name: "label-info" })), h("div", { key: '30645fc288f8f2be1016930514aad552417e9f29', class: "gux-input-and-error-container" }, h("div", { key: '080ec62d131f30610ab14e201507d1481bd54f7d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '8d7b02afda8b8dbe83bb1397a2af6e5e3a3aa826', class: {
+            }, part: "input-section" }, h("div", { key: '25bf5ecb589bde21a6e462d04f8df3bdc172f666', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '50df4de53dd69305bf3104f0f741b8236c9d62f2', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8437b6e737c34f18308195eeb60ae0eade8f5cb1', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'bfefc2accf2de30da422472da670cbd5b25804dd', show: this.hasError }, h("slot", { key: '4e2bfc741b61f5e5bfe4fe8bb2f1106376c69220', name: "error" })), h(GuxFormFieldHelp, { key: '80177d9422eeb189d1a6a2b90b1bb6dfc8d824f6', show: !this.hasError && this.hasHelp }, h("slot", { key: '917ef57b398d13e25aebf5d34bb91cbcde943151', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '3ae432bf5657c7e055b91b7eb3ca8529b7c2e77f', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '53b45dbbc708c633f065ec3f41dbca1c206884e1', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '6cebbc35f71cb328e005e9b39f588a459e479e63', show: this.hasError }, h("slot", { key: '285b9fdaeaa52b14e3e2f92594e7170b134f093f', name: "error" })), h(GuxFormFieldHelp, { key: '1af9d11773f84923b61f80121f42506bf018d16c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a33bbbe0b48a9f503d7a9aa349d7cd52635293ea', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -277,10 +277,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: '36985a051239ecb27a5a7f8ebdd58d266311e6ae', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '015dd7d23b3e45d8d526d568cf2dcfdcf0b4f285', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '31fb8d209a0a7d1359739984aeb6ec7c3ad8e48d', for: "popover-target" }, h("div", { key: '8cd090daee18ef9b221e2a31b6df147af174a996', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '71aa010b988fdfa78aecf6698d3fab22f1100fa5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3d5e610300b17f93546365df3cba7daa0fff07fb', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'babc6464e1d60a1ba11d924c1c23d3e678a41828' }, h("input", { key: '8785c8665e2572e9530b49ef4d5f58ba5bdd4691', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: '4fc1d7c66dd62cb88711eb657944f595f6e22011', slot: "label" })))
+            h("gux-button", { key: '9eaacb6cc8368aea3cc7510aea6265cc7786a1a9', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'b7f5a768cf6f49751fe76a79f3200a3ea70373ad', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'a89861cf5d82bb9c47d5805eaff30a079892f163', for: "popover-target" }, h("div", { key: '55f1334f8bcb76d255e4e9356d8a4b96b5fd0606', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'b961ff7538f0a43f96217c7894427bf1d96c8ac7', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '5456fe53ebefb5ac1fa8a75ce16aadd098004ace', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '41f301bf2f9f852b27778f3288b125a5659dfc82' }, h("input", { key: '366954e5ebe8533d304db503b3d16d9c3a3a4afa', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: 'd344368156c0f358c600f52ba920d367d6929c24', slot: "label" })))
         ];
     }
     get root() { return getElement(this); }

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-1f4f2f77.js';
 import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { O as OnMutation } from './on-mutation-751e68e4.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-33919964.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -101,14 +101,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4cf726af903c7be3b333f632330a91f543ef6684', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3362298599464d52a448a4ad5e73e47e0b162a48' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'a53166b5171edfd9db4a9fca89f9fcab58797ee8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a58e3699c16daf7a302c610e443b12b207cc53fa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cb7097d5a031f680624bc2dcea9181247b1fa3c3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a0dc10a0c043e891f226c16c88c7cb866b7c80b9', name: "label-info" })), h("div", { key: '4a5308add4085fe534b2d6bba3c61b370a29f4f1', class: "gux-input-and-error-container" }, h("div", { key: '7b325104e32aea1dc06673a0bee9a2f62c96e326', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '48059a73efe3fe4a4689ba83fcb0da962743b4b7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6c7dea90cd98e12601a27d4c74c3231e5b95b895' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '57125539a196bba6dbbd7e73e87ae2b0a72b838d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '860d57dd55ea11387a52b921aa90589b1f8f4e0b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '31aa890072f464aefe25c9c60ce8276fe86177a6', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c16bb6ec7c013ea35d38d47396207376f31bdb54', name: "label-info" })), h("div", { key: 'd4153ab1a3e3a974a783d2c48b303fc9f99a62ef', class: "gux-input-and-error-container" }, h("div", { key: 'b87ab37145ef78ce6f8779ef16889b4b3972bbf6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4878c0512fc9cae7bad1201aafac835ceb07e644', class: {
+            } }, h("div", { key: '63bcfc7e81654271015b84256c0db006573ef0dc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0f64e70da67a4289fb0d609defc6418e74733928' }))), h(GuxFormFieldError, { key: 'dab561c39953b59676ed2d5664dae2667c271a8d', show: this.hasError }, h("slot", { key: 'cdc5539e17a8700b0aa23b4c963c5835bde680d0', name: "error" })), h(GuxFormFieldHelp, { key: 'f2953b9d4935909b3eca68b4d8a41b9c418f6ca5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a18968d4a0106583b2f2724b4da0f5b9d3ac876d', name: "help" })))));
+            } }, h("slot", { key: '6dacd39e6dc9a7d2db9b520d925cfd19d4f534a0' }))), h(GuxFormFieldError, { key: '44f2a08a7fafc97065e45567e37d1ed00302375a', show: this.hasError }, h("slot", { key: '027f8760b80241efed53abcacece9f1d4fb31e82', name: "error" })), h(GuxFormFieldHelp, { key: 'cf3c055072eafe7b2dffea8fed2576f0020485cc', show: !this.hasError && this.hasHelp }, h("slot", { key: '9bfc55b855d1a8dbd8f55dac0a617fde352b355c', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -5,7 +5,7 @@ import { b as buildI18nForComponent } from './index-4f1356d9.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-acb40a19.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6cb3610f.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import './get-closest-element-728b9f18.js';
 
 const required = "Required";
@@ -126,8 +126,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '12920ed99ce2bd020a897c6eea58785df8fc779b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'f7c1856b28de15c908df6f91be94dd1e3b86a4b9' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '6f54d0fe8f4e27ecc0bd1d9134514a480a713cf7', position: "above", required: this.required }, h("slot", { key: 'f69daa28114e54034e432c760b9291d32a518313', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1c00517fe33f530efb570ff6afc99a2d74357bb5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '246bb0c1c0cf6bdb697495c16688f322c269b4eb', name: "group-label-info" })), h("slot", { key: '62916504d6420b1b83e5e3c425bfe9a545f8bd43' }), h(GuxFormFieldError, { key: '323d318b6cbc5b2ab124be46abfecf4b13d50bc6', show: this.hasGroupError }, h("slot", { key: '0aae7dc9d143e24faacac5ddb965fd69c7801eb2', name: "group-error" })), h(GuxFormFieldHelp, { key: '39509edbe845e7b287971431637cbcf424c306a0', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cb6121726662f6eb07470df359373c3a6edb0d07', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '1cc65ca330dc3795d8a35e37bc199d5dfa89f1dd', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'e15e236b88d06bc110261231c2c57ff71806740b' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'd023966f2fc5b67867087dbcde2c75fe157f6fee', position: "above", required: this.required }, h("slot", { key: '74a390004de1d944bfd44cf1aafe196f4707baf1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '36e42a9426bf0cd52f6fa0ac1d9394bb674afda6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a0a83bafafd3fead1f5f5fac4cc8b296c0d7d98', name: "group-label-info" })), h("slot", { key: 'd13bf6b7a0f86bc59906e816bd0b50b3706ba045' }), h(GuxFormFieldError, { key: '500aa3d0aed57d8129b8eea7898afa731cd4da5f', show: this.hasGroupError }, h("slot", { key: '4f37ab4f4a2c413844dd6079721be9cf9620d58a', name: "group-error" })), h(GuxFormFieldHelp, { key: '65ebd857c838955e24dd63371be4affea94d14b8', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'd97d84263f3ca7d74fdbc8bc00c97648959984c6', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -5,7 +5,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-acb40a19.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-173b5dfc.js';
-import { t as trackComponent } from './usage-a92fed66.js';
+import { t as trackComponent } from './usage-b275fc36.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -47,10 +47,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: 'de3fda5119a9a1e3f7667003a707cebfe8481215', class: {
+        return (h(Host, { key: 'd98fdff083c343c1b6a1135d89c9e78237812073', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a5c8d934b0a667721719a1a0120f3011851cc8e0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7a7d083af4f8dcf7176138a58fa65f8ab3b8960d', class: "gux-input-label" }, h("div", { key: 'cd988f3a382584509dc07579e5b55af3b1bca069', class: "gux-input" }, h("slot", { key: 'd70eb9b526acda2e6aa329cbd2afb64114a95cc1', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b886e8225d37901f994ddd3fb27c55605eaed0e1', class: "gux-label" }, h("slot", { key: '21beb636f226754b437756d817b3f4ad5b640e8b', name: "label" }))), h("div", { key: 'a9ed50aeef9a4bc393d9d2c1c92aae83e859b346', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '19b981342e9606b7e9ac33bc3bc32ea7e1e6be0a', show: this.hasError }, h("slot", { key: '79673efcd02248572efd601f23bb2b801eb70cd2', name: "error" })), h(GuxFormFieldHelp, { key: '766fc93ebffacf73434969b7cb3ea56f187b431d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f32e6c16543de2cc803fa8a5d92e5b7e430b4782', name: "help" }))))));
+            } }, h("div", { key: 'be9519685488875171bd15e71020df9ef1a3186a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '694410cc9a5bcaead0fd65e6416af58bdcc4cb63', class: "gux-input-label" }, h("div", { key: 'b25877a9d42628b4c58003b08912f2262b03af06', class: "gux-input" }, h("slot", { key: 'e1e3529286f57d24c494c9832665514287072d50', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1dfaf01108c775e1a61dc90419a02ea96746db77', class: "gux-label" }, h("slot", { key: '9c2248e1721da340932ffdf81b9f456420cd2e34', name: "label" }))), h("div", { key: '36e792e62fc3733cb67f575e4386430dce47ba46', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2895936aa68caf1a77c88d7bca052b2600638465', show: this.hasError }, h("slot", { key: 'dc01751bf316ba7a22bc6792e6a51a88244a5237', name: "error" })), h(GuxFormFieldHelp, { key: '75bd814f5419cb7a26230973425dfda756e34a8a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd87be05423eafdfbf9e9e5c392b8a1648baf74d4', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');