genesys-spark-components 4.127.0 → 4.128.0

package/dist/cjs/gux-datepicker.cjs.entry.js

@@ -8,7 +8,7 @@ const randomHtmlId = require('./random-html-id-71c43d5a.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const isoDates = require('./iso-dates-2daf4199.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 const useRegionalDates = require('./use-regional-dates-fa4353d5.js');
 require('./get-closest-element-9e41d6b9.js');
@@ -650,7 +650,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (index.h("div", { key: '8b92ad844aa8d78ec04cfdbf28382c997689b07f', class: {
+        return (index.h("div", { key: '51f5d5465d3d81d697aa26e3e92cefcaf6c1e5f1', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const randomHtmlId = require('./random-html-id-71c43d5a.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -50,10 +50,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '4be9b356b96e450e9ccb141ca50a93570f5e170c', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'd075920e2fab1235e2e5583acf798f148ba217cc', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: 'b5237741f4291a2624debf00b41ceaf0ff0ed332', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: 'eee918f444b222b1d93af3fd1bfc18c91e2353be', id: this.panelId, class: {
+        return (index.h("div", { key: '0724050983915337bef8243c9c064ab8319d492e', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '5a19b488e67dcae1476ed708f21fc13614b0dba9', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, index.h("gux-icon", { key: '94643b603d8d2557a5ff17f7b06fe5de1aea5b63', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '48336c3e7fee813a1c2dfdac8a0051d0146bafa6', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: '0abd8a6a557d84f372b55b3ee1f9abe81198b8db', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: 'f045c9bdf38195510c720c52592e190cddac0242', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -26,10 +26,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '83e590c3dd6a82a034577c8c233052d7ab6e76dd', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: '1c0ce1c07eafb349ebd9925f5203137b25b62578', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: 'e2dc6b2620862068d2866092b8cdf40a1962cb5a', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'e558ddde8ef4479975de80033604adc6ba8c448c', class: "gux-icon-container" }, index.h("gux-icon", { key: 'c7a41e77dfa8b1040ba638a76277b2fe6c17440a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: '272a80ad0a6e07d4891aaf8fb2ed0f8978808b4d', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '85283d90b727f3e6ef41feb67bbe29c2445c62c5', class: "gux-icon-container" }, index.h("gux-icon", { key: 'f149a50e90db2e764bbccd8236ec65366804b334', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -45,7 +45,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '771af7820748344052a47add3ca4e4a8a34d82ef', class: {
+        return (index.h("div", { key: 'b20feb6b46d6ab8e29609173bc08673214a24bee', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -8,10 +8,9 @@ const index$1 = require('./index-c7d87150.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const guxListbox_service = require('./gux-listbox.service-01e82389.js');
 const onMutation = require('./on-mutation-7c046081.js');
-const randomHtmlId = require('./random-html-id-71c43d5a.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const textInputResults = "Type to filter dropdown results";
@@ -27,7 +26,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) {
@@ -47,7 +46,6 @@ const GuxDropdownMulti = class {
         this.guxexpanded = index.createEvent(this, "guxexpanded", 7);
         this.guxcollapsed = index.createEvent(this, "guxcollapsed", 7);
         this.guxfilter = index.createEvent(this, "guxfilter", 7);
-        this.uniquePopupID = randomHtmlId.randomHTMLId('gux-popup');
         this.value = undefined;
         this.disabled = false;
         this.required = false;
@@ -394,7 +392,7 @@ const GuxDropdownMulti = class {
         }
     }
     renderPopup() {
-        return (index.h("div", { slot: "popup", id: this.uniquePopupID, class: "gux-listbox-container" }, index.h("slot", null)));
+        return (index.h("div", { slot: "popup", class: "gux-listbox-container" }, index.h("slot", null)));
     }
     renderTarget() {
         return (index.h("div", { class: {
@@ -403,7 +401,7 @@ const GuxDropdownMulti = class {
                 'gux-target-container-collapsed': !(this.expanded && this.hasTextInput()),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), index.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(), index.h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), index.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(), index.h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
@@ -419,7 +417,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '5b338deb97e0eb12f203fd47f1affe8f2447afad', class: "gux-dropdown-container" }, index.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()))
+            index.h("div", { key: '5afc0ce07a9b456fcc8953f7b82adcb3681b1e4a', class: "gux-dropdown-container" }, index.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/cjs/gux-dropdown-option.cjs.entry.js

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

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

@@ -8,7 +8,7 @@ const index$1 = require('./index-c7d87150.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const guxListbox_service = require('./gux-listbox.service-01e82389.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -365,7 +365,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.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 (index.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 index.getElement(this); }
@@ -592,13 +592,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: '9e48195c318f9299cf5582c1d1bd46c5a0d336ec', role: "option", class: {
+        return (index.h(index.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() }, index.h("div", { key: '7dd2e74b43d865b9eafa987ca022037c54ecd778', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '914f40b490bda7c3baff799f43727fc17323048f', ref: el => (this.truncateElement = el) }, index.h("slot", { key: '6d5ddf51a8f2eabb468283923ae2b35d423e8d24' })), index.h("slot", { key: '2c74027ca797f57487b32dbc89606b8b8ffa5349', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'f8d3cdfe0fceab214cff38ec6d7cc55377aa01db', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: 'eb029c4c3acced018e21390a25add637368e0eb2', ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'f1862dc525747e03427a017ab69e293aa5f7982d' })), index.h("slot", { key: '5934c332ae3d1bdcdc60785b0cc098fc3996cad4', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const removeFile = "Remove {filename} file";
@@ -35,11 +35,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '3a2e436b710705f65b693b7a5d9dcfbdf3a0f036', class: {
+        return (index.h("div", { key: '32750112acc6a02b04ea5c0caf00c3a519f0315d', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '210ab577a899ac3596a181ff5192799a9eefeb2e', class: "gux-info" }, index.h("gux-truncate", { key: '50d20b56f716d6ad219c9c86b4cf4534de0bf8d3' }, index.h("span", { key: '707ac3629ba48c98375aed98010ad129494e67dc', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: 'd39565238f275c009daa29c42bcf01e1d3e18a2b', class: "gux-info" }, index.h("gux-truncate", { key: '7fbce9dfeb303ba05edcddd9869c75d52fa9ac5b' }, index.h("span", { key: '5e7f18d0efd6a33696a515f299714e7d55bf0530', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1337610f.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const guxMenu_common = require('./gux-menu.common-4025206c.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))}";
@@ -176,10 +176,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2f43a8a4f68baa65ae5243c93653f050f389cfc5', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: 'f37dce70300774ccaff040decd82b96336b5c1ad', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'f768cd8f491727ba8e03f1b6e80df3e5edd1990a', name: "target" })), index.h("div", { key: '20c820e00f9ab4ecd9f6ac9b99eff8dd55ecc5e5', class: {
+        return (index.h(index.Host, { key: 'e0e87dcbc0e81430953a35574fd9f862b07c1101', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: 'b7b9d8fbe2098856e11018f5ceb93b731805997c', ref: el => (this.targetElement = el) }, index.h("slot", { key: '57d0d57f5d0eb0d04ae134becf5bffc328b197b7', name: "target" })), index.h("div", { key: '8276005357e605c2d6cf44bfe06114ffe873dd48', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '7456e5e494845697fd39d2922e8f8299da99f871', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '2fe41ab16d311cc710c7fee50991313c60c7a298', class: "gux-arrow-caret" })), index.h("slot", { key: '902ed6e25c797d59df13edf6463f262ad3a2647e', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '594abbff53dd689c7b422e8e7259e4d690c06399', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'e8fc80d09735955dba0aacc945165a785b2c749a', class: "gux-arrow-caret" })), index.h("slot", { key: '70cfea075556e24c7052aeedf08160725cd19a4b', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -11,7 +11,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 require('./get-closest-element-9e41d6b9.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -180,8 +180,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '4c5a63c6a52397fe7265f2395c65f013e4aa8a95', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '77276067a01869834a6382976d6dc94992ab8d60' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '511a7aa3534088a53d95bd1175066aec54670b61', position: "above", required: this.required }, index.h("slot", { key: '6234a6ec65c4ff11c19e25842e289b8c3a012d4c', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e70bcc8e4c9b7b7b8139c9ad3436b4ba6582cb80', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '64e42eaf7a619f0559b81977ba9dcfab6b186254', name: "group-label-info" })), index.h("slot", { key: 'd179128afefa5e3c3f994416f2eefbfa8a83c140', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'bed4fef0135b9404e2fc36bf1de7003f701e9cfb', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '94ea9497133308920f91684c307d72530031329f', show: this.hasGroupError }, index.h("slot", { key: '285fc5c130cb2f27a32dce028f34a652fdd39352', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c908c41d58d3ba70621205072da2a59ad9c112ad', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'c52f44999bac204169961b476ae77b9268ed1808', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'bdff584bfa28838ac5f22ee2fb56eb99b81586fb', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '4f2c5e0564c03e61a3be4b9cb4b8a334664875da' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'cbc565eae0e217a3b3b367be5192f077d5b3958d', position: "above", required: this.required }, index.h("slot", { key: '6ed37e9f4d9af18cb318c66b6bbd54191977424f', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ddfc3f8d09fc4b2eff492368286a99f179ad7451', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c3e34134c4aae83e750b02976348e8b0e2bf2c55', name: "group-label-info" })), index.h("slot", { key: 'ee29f1f5648c53dc10de5a5ded9d023b4a89f193', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '779914da2c3068ccc19fb4b17b2ac5d36e3305b7', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ba8cc3662f98291a26bd1259cb35ab04213eaa77', show: this.hasGroupError }, index.h("slot", { key: 'cd9eae0f6bc250dd85051b54f12cbb4ef72727e7', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b695f5205b39df95fa7be9d2b9126e7aa52ca419', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f004236fb164c2854d961b8c40280f85a62719b8', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-7c046081.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -53,10 +53,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e8836c17124b8cdbba54da54a6958d2191b63726', class: {
+        return (index.h(index.Host, { key: 'e40400dce6b34387deee6b6244aa527877532230', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '59e502ecb66c96f104d2c43ba1569d9e46ce8276', class: "gux-form-field-container" }, index.h("div", { key: '284aae1fbcb3c45dce5ee3425b0016dfc8095b77', class: "gux-input-label" }, index.h("div", { key: '8418ef06dcfe66c915f65894f9a9d1af7a8a2411', class: "gux-input" }, index.h("slot", { key: 'e486f71e6ba37002b5f5e499c9cb6c39d1d56e5c', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'ebbded085086c62279d7725ac75baffca514dea1', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'b74acffc5dd4171aae269a310d1069b6474a5552', name: "label" }))), index.h("div", { key: 'dd3579570d94015e6ece1fabfb4f8ee824fc1ab1', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '2423a193c6d87698c5230fc11a8352f11b63c791', show: this.hasError }, index.h("slot", { key: 'f6e4770954fe3c97ce42bd2804fc9fc2da39acec', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4e6cadfa6301ba23968b4b0f6ff81756f7b3bd72', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '32eb3b58143e9b1ff14ae63a0a74d0a44de89644', name: "help" }))))));
+            } }, index.h("div", { key: 'a0aaca6ebd8de03d38e4d3ab28487d8b98e4c14a', class: "gux-form-field-container" }, index.h("div", { key: '39ebc72af0115c16b391f178d14c9cf108d048a6', class: "gux-input-label" }, index.h("div", { key: '5f60fbe50d21b90b39e2110ca3764d0fd495964f', class: "gux-input" }, index.h("slot", { key: '83549d1dd5cac6cd3e5b1f96197635a7bbde25b0', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'dd82b4c70ed37e156ad8ffb71218aa811296f8d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '4a88b290a5de26a75963cc637173a39026ac1177', name: "label" }))), index.h("div", { key: 'aa8a2a00294a6d7131d7073eb823a1685bf7a4a4', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '0f49ae8b132bc53cd850ec4eb31752e4ed5f754b', show: this.hasError }, index.h("slot", { key: 'd61465e5408f9ff62397e250259049432ad19e14', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9bca8004303189e323b5288eacaf750feeb7339a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f58224e0319a71ed4b8dd45ec969e5876a728007', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -89,13 +89,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4e37c2be3da8a3afa03c57fe911cba011b27e748', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '9647b1d22e706b8f4892ab16151849678a4c9c1e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'd6b7e328e54fc50507531f9ca662cfbae763a6dd', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1f12ce513f8126b3c94d8c8dffeace8ae84852ef', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e330a6a178705e1f8b674769baaca884803b5604', name: "label-info" })), index.h("div", { key: '626c44eab58e8c30a0e75529916697d6ecd38806', class: "gux-input-and-error-container" }, index.h("div", { key: '4f9de4b94c9134c43621a323e1844642db18ce23', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a1254a49bdd604a780ca5b763f02c79688e9992e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '32161cd724db17bef0bf705da6f3c5eb8ac19d10', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ed670d24f28a5e574c0167c0ad5d81c9217e0cce', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7a65e197887a516aaa1211593a1b3fda759a7fd7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6588bd1ea2438f820792a375243ccb018b3f1171', name: "label-info" })), index.h("div", { key: 'aed16d69981cd73f533b3a18441da39fffa6e342', class: "gux-input-and-error-container" }, index.h("div", { key: 'c4c39122edd56132e5af7c654bd5537853f4daef', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '24c29cc3f858ca4605091ec9e511043eb27cab3d', class: {
+            } }, index.h("div", { key: '879870ea86f8dec322abe44459700174a96ace39', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'b1e2a3a529c4e8b75521590af6b6ea201dd72733', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a4bcf4ea048ed8f6597adfd859bb1eff3fe2f00d', show: this.hasError }, index.h("slot", { key: '8031a6bfdb1ae67510f64704ec64195c5f1d3dd1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9bfb53e582a935814c0928f68c661c5643fb7a71', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dc98a52e194be0ba2c5e655147009cf76d036082', name: "help" })))));
+            } }, index.h("slot", { key: '9836fff073443e27d583abe07d2f067a62e9e4b3', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0ee00f0511f21cf535469dda23f13fd48fdae4cd', show: this.hasError }, index.h("slot", { key: 'c619397a5468f3b88eb54d0cf29c0339b0c187c4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '61cc149f1b2050615568908e3d6222941eccddf8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '80803b18f1530e2ef41f65f98f5a84eac7319c8a', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -11,7 +11,7 @@ const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -107,11 +107,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '407596d4d5155948a198ccfc01c18df9983170c6', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '315ad3a04c7e6887359177b32cf536baf3d0c77c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'b4af4b3542ce6ef371835640d8166427bf3079cd', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '923503c8d04c9d58599b624dc3dc95becc04c9d4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3d6029e71ac98941a4636b38dc998f8ed0cbe570', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7ff996afe12119a5068410f558487aa3d2550d87', name: "label-info" })), index.h("div", { key: '993901c5907e35364723241450523f70220700d5', class: "gux-input-and-error-container" }, index.h("div", { key: '39254fe1aa4cf2042e9abce425a92fc75d9aab1e', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c347276833025035bd90243a90ad27df0ba46afe', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '68c9b0694e33feb3135dbdc798c9bb78d6e0700d' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'c48026033fbb870564f74f6547d63a6c66cd0a03', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f6f514e63bfa5703d1a5a4242c82fae77933db90', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '56b87b0b1c5c042b59842ea107a52a391771ecd9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3625460474664c9aae79fd05dba547855d5d9a00', name: "label-info" })), index.h("div", { key: '6491fcf755e265f03885759d30d5512f4c32dac1', class: "gux-input-and-error-container" }, index.h("div", { key: '4cefae842dfad33fa668311567f69acbefc6d51f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '11db2bb6955169ee5feb0174a04e3c1c1128de60' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '058c99ab06e9dcd2a3ffea5172d3bae87de8f776', show: this.hasError }, index.h("slot", { key: '9d530630ed7603a542e755d80a55f70414f3820e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '12b4e1e1a804b0ddd9379a5cd67fb7acb2f7e904', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9567de9828fcfebcbfa435186c74d588c981fdfd', name: "help" })))));
+            } }, index.h("slot", { key: '11b191191dca3d285e419a3a5ef5d0ff6198386c' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e431ada8c3e1c1793b1551c19caf70509065bb8a', show: this.hasError }, index.h("slot", { key: '298268ccfae738d9d0caa9b4c9dd4f450fd8040b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f5be92964411367c052ea9617e5b7d5f6bd3ddc4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8eb333fa890b97e92906210ac68a34b5b6db3697', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -6,7 +6,7 @@ const index = require('./index-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
@@ -107,7 +107,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'bec805f439d8baaffb1bdf26fde903890df6a701', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7116bf118efd75d586218435c99e915c1ec2d0d2', position: "above", required: this.required }, index.h("slot", { key: '98292ca6442192f8c6fb28c3794b971fca5f3f0f', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'e0e7e7131ea944df30766c1620448de57c11d841', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5c29c04ea353aec4e516015c6198af258e2fe460', name: "label-info" })), index.h("div", { key: '08af8bc7b068858fa0097a91fb31c89c8f2b5cc0', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2700e339143a6cf407f823af17cc88c1d0d9b546', show: this.hasHelp }, index.h("slot", { key: 'ef389e8c2cbf9f9a65a67dba05030df4abed3f21', name: "help" })), this.renderInputSlot(), this.renderFileList(), index.h(guxFormFieldError.GuxFormFieldError, { key: '832b2a2992d9e568e41e73b262bee1141265f332', show: this.hasError }, index.h("slot", { key: '0b8990ee0296aad54ad91dde9aba28ddabed759f', name: "error" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e311adf5e3291789c5ee1efbc8c5be13141d5176', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8f6c26c92f5d68eda4dc4ce4431ecb3820233060', position: "above", required: this.required }, index.h("slot", { key: '3983cfd7548aac4e5ed84a365b494751785eb64d', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'f27c7ab879e7a9e04fdab00bee17eec07920d667', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a12e349812831a51cbfe93757b41edea07d61d37', name: "label-info" })), index.h("div", { key: '676dd6da295c7723f0caa55e1288c0b8e8ed2455', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1a827fecccd5585ee80081383e10f2929b6db1b4', show: this.hasHelp }, index.h("slot", { key: 'edc2aa238893d9f5b610c4226f3685bcf3b5e34b', name: "help" })), this.renderInputSlot(), this.renderFileList(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ada71e0f898458a6dd597dafab53d9a2cb3f4ec0', show: this.hasError }, index.h("slot", { key: 'c224741aaa2763ad4986513d7dd14afb11e809c6', name: "error" })))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1337610f.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
@@ -104,7 +104,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0582501ab3e6a756a14dbbd274e26908d2c549f8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4b294d2f3d6c388bc7066e3c4f666a1c16dc7c96', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'aa0593d2f1e7490d70d74475dc22c26d1c9ca01b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '49181f480fe19e6a3069a6a5f5655594679e92a3', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd1da16d29c778840261f5f9c41f6472cade95129', name: "label-info" })), index.h("div", { key: '966cb02fe182ff26866900d5c147730a4ee4c012', class: "gux-input-and-error-container" }, index.h("slot", { key: '21719c9b003e9758503769b86dc1333de12bc273', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '1499d5895086079f45617d6a0c0d69483dbc250e', show: this.hasError }, index.h("slot", { key: '87e547b8082c485127f4b346326169e9715706a9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '55177ab898cca6c3b0b0a520dd9ee1a27d97d80c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '60a69dd5dffc9aa69d9f07248c052b150e5d91d6', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0423fa1c0c58d00aba86ce7b3ed17f44cd245e30', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f773acda2d2bc4f72cf6851a62bf5d2811b7a463', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '8b21e7c92c52f3b5bdd63f6bd262cb95b4df561a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a1d97d672751a6c2676ef627c56fb0f219bbfa20', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f354bd7a90fd27c951c51c14b3ee340acba912e1', name: "label-info" })), index.h("div", { key: '8ef1daf6686a0019af863647df60a4c763943ad0', class: "gux-input-and-error-container" }, index.h("slot", { key: 'e700c0d4959a12314e935820be741b21b5b81d0f', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e1b0d99c77199d74a5a442c523e421729df83fd6', show: this.hasError }, index.h("slot", { key: '17ded4cae02f8d415092154d9bc6dfb3dfcf17ac', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '05465ca6379635fb9783609aa8dd6aba8432c259', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5e2e0568b00b706831ed115b552219f29012cf5b', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -24,7 +24,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: 'a407a6ed4a3d2f1e37a4d7f4a4a0f697fb1f0adc', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '2b682655688eb2746040f2f6b9bf7a963f613975', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (index.h("button", { key: '500db590703c90de1425f14e61e90755f5900dc9', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '2c7b1bdcbec8eca95932e83c0f622cc65acfdcf7', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const index$1 = require('./index-c7d87150.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -13,7 +13,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 const en = require('./en-66d2b744.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
@@ -113,14 +113,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'c99c914f830b61c908f13e5ce36954b4f3bd9c67', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '238333b0f6d90c605444499b0be9a98a53f1928c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9dfa0bfbb40b0698ef914599848d558078681d06', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '38ae86001b4472a8bf9c9468b67c5d5057873a58', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ff254a92ec5ab3872ea7408e4d4922bdb43a11fe', name: "label-info" })), index.h("div", { key: 'd2aec32380add4537162bbfd0c02ddd02f9d6565', class: "gux-input-and-error-container" }, index.h("div", { key: 'd30cf52e81e1a69934f6bde76665af33ce952bc5', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'bd883165e64e876ceeee22e71394f24c140b30e4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '6c53c51e482aa8c9afabfe6bc55af13c4f590f20', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '21fb24d7f0f2d8725a05f6942ced28ee618ee804', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '426cacda6e9fb11794a330658879ac2ab186d146', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3a83ff17af8315e537dd85528530882027797658', name: "label-info" })), index.h("div", { key: 'bc8af0f8d8be8a09a6bc77da80230eb0c2d30ef9', class: "gux-input-and-error-container" }, index.h("div", { key: '2324554a3618247ffc24ce17a15d790b4c89355e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: '4c92c1eeb2be3ab53c69c955031097a29184b211', class: {
+            }, part: "input-section" }, index.h("div", { key: '01e45b79be14d100ece4d89ef442fccbd9b1258a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '1eb0f0ae666f55ad099b095f6e58395f7a4a639b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '2e3d68d7c330b499fae6ca6c5166e440e32a509e', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '670ad78ef6a7a8fca3f2ef0785fbdf86568b587a', show: this.hasError }, index.h("slot", { key: 'd659f9ce0a6869db5f93136a5592a3c99574f08e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ae400235b861a8e73a516c8182ba300eb59fb87f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7e5e8b3c039b16395cef0c7f662838e0027c1900', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'edeecc422f2bcf8c3ad5bedec624f8ddf104a237', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'dd3985b2f5009055443bcda9b7bc296cbc07937c', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '2e69d595ba7d3b0381a3878384b1908999fe7b94', show: this.hasError }, index.h("slot", { key: 'dba2c7dc9604de4f58a0c80715bb422881df4bec', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '835fe60137f35040b05e17e9deb9a07f1ff0a62f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cd421b5266370b9267948608d0ea9daf3df7a066', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -281,10 +281,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.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() }, index.h("gux-icon", { key: '74f5abc97f48f83488d0be7d9437b7a90c854a7a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '6cfb2d06d11dc3005bf75710a13ef08b1175ebf1', for: "popover-target" }, index.h("div", { key: '7d2f931cba9bb9b9dcca2b53084cdee7cb448a8c', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '6acc59639ffc78b1a757def70bef49a8d59cbd23', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '4c6e8d8cbb17aa86ce912ec0f75e2bbe53ab7ec1', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'afae060d8d2d647c671f521aa184795156c49c7a' }, index.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() }), index.h("label", { key: 'f3b48f804daaedf1373018640176f15c4cda9cd6', slot: "label" })))
+            index.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() }, index.h("gux-icon", { key: '215ceb1683fd762e3dcad28604204228dc731258', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: 'fe957bf0bdec28ead4d345929834accb1e42eb35', for: "popover-target" }, index.h("div", { key: 'fbf772460a0ca96ff3e5d87a1ec68ec66588c496', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: 'a4ccddbc55375945d315600cf1942e20645a6a9a', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '32ccd4c0fa08472ed326e51bd4ab4b4eaa94efe7', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'bd58ef303f672eb1031e8724e61c8f0edfaa406d' }, index.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() }), index.h("label", { key: 'cacffa426e9f6ea1642bda4cac3e8ab3f92a9ee6', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -6,7 +6,7 @@ const index = require('./index-1337610f.js');
 const index$1 = require('./index-c7d87150.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -102,14 +102,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'aab1dab0badf3cdfd2d2de48bc0d22b24d47a950', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '82ec47058a20292f6131a81ef7007b75d99b1c51' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'b317c963152e1883fe1266d27a6ce52e9a529233', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1f2a52e8c9b69e50ed59815ba50a76f59a745627', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '39c7983144f32ea42335456a4325e1cfba6ec738', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '805f28ff82c24db041efe15e067319a3fd85daac', name: "label-info" })), index.h("div", { key: 'b6c25f2afabc820edd730a01c11e19c86aba47ae', class: "gux-input-and-error-container" }, index.h("div", { key: '815dd30a9c909f8c8da4d8d21a621058ba1aa33e', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '087189f3361114ed4f13434e822a81a8b59b8b20', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd8affd28b8eda3915f971608b658b6d953d65383' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '94c00f283bde270bcbbcfc2062553a290fee4b3d', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9833cb45b61a37a6205e6d2c306bb1c244ad8483', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c52319e2464390e6fe0b8d400d7a4f8efcfd4b15', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '23bced1f69ff8aa40fa099fb8a375bcdb6cff7be', name: "label-info" })), index.h("div", { key: 'e6a6769c9aad15b22064d8d7e98c822a73ddd245', class: "gux-input-and-error-container" }, index.h("div", { key: '9b56dec4803a50348ad009ab606dd140e56eeaf0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '1e1a6f88e1c8c58cc87b003ba4210f740c78de93', class: {
+            } }, index.h("div", { key: '453bfe88e66a785030f601dd536a092e5429ede7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '37eb03fab7a8b3626ddb0dfa46dbf1aea498e244' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e5c3a9e2f07afaa939873ff34ec6e2f1ae02a0f5', show: this.hasError }, index.h("slot", { key: '7810e0906f93f79fc9f84557857f132afab9ebc6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5f5bb2374466f7f0761f06c3e8ad6a5933bd45c1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ad5b9c0014ad9ab43ef42d8c1c49dcbbf34f9651', name: "help" })))));
+            } }, index.h("slot", { key: 'e65235dc28fc42e119149cc856f7d52fbf9b17ee' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '52517e1615e9de2aa3059c7bd6fe056b2de956b3', show: this.hasError }, index.h("slot", { key: '590f11da0b8a968d691dc57160ea0cc8e5b880d6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '810c7fb5f43e9ffe0b36d26a09a2b27da6ee077d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1a0f19b8dd00f83f6ad5e392637af5a61f7e9a05', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -9,7 +9,7 @@ const index$1 = require('./index-c7d87150.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-1fadcfd1.js');
+const usage = require('./usage-c453d95e.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const required = "Required";
@@ -113,8 +113,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '67e013d68c8972e7262e3092a3b28e5783bf9816', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd1deefdefa4ace07c0239aed219dfe892de45f23' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '6a29f81e617b158e5471d605321ccea8460bd4e1', position: "above", required: this.required }, index.h("slot", { key: '98967f3f48835321b353d269868f292c0acb4979', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2969e018e18d6ce122c05de206225ded3fc9fff9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '570fc242e737b7fb0be4ddc7610cbbc0cf64d5b4', name: "group-label-info" })), index.h("slot", { key: 'a1f2d1608a23b1f005573cd89d9dcb6f40a7047b' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c044434c7c3675929c288dd5cef20e983e838122', show: this.hasGroupError }, index.h("slot", { key: '2b92c8eab9b2a05a359748b5e283ae65ec4f51a4', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '80a77ffe1a01179cf9762905ca7c00ad3d4ebbb2', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'a24bb76ddeee69936435fc23877d2494d04a80a5', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '7e50ad9e03f8daa4d4948d3ac57271dd309eb7b0', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '5cbd6303d0bd85e160d9bc12039dc8391b3f2e84' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'd56f0b2f60489258d4c080c2497a6fc2f96da392', position: "above", required: this.required }, index.h("slot", { key: '965db1425f0019661dad213a378287587de98354', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'bb33d495d3e13c42bb6e9946e4dae4bfd8190769', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '349b17a1832d31951ac5eb308766da74664715c6', name: "group-label-info" })), index.h("slot", { key: 'c610888099a640750848677b85dbddf86431701b' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c75fa80a5af97fc9a95bde0cfd0a757b8ce0016c', show: this.hasGroupError }, index.h("slot", { key: '8fc449fe09bf4c731953374bf4266f209314ce85', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a4ca02ce2425a1353cf25c1da9d1da607dce7e36', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '040f8e24394398513a694404b61c3d5c88d34ff0', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');