genesys-spark-components 4.187.0 → 4.187.2

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-mm833MRp.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const createCustomOptionInstructions = ", select to create a new custom option";
@@ -10,7 +10,7 @@ var translationResources = {
 	createOption: createOption
 };
 
-const guxCreateOptionCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);overflow-wrap:break-word;cursor:pointer}:host:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host:host(.gux-hovered:not([disabled])){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host:host(.gux-filtered){display:none}:host gux-icon{padding-inline-end:var(--gse-ui-menu-option-gap)}:host .gux-option{display:inline-flex}:host .gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}";
+const guxCreateOptionCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;min-block-size:var(--gse-ui-menu-option-height);padding:var(--gse-ui-menu-option-padding);font-family:var(--gse-ui-menu-option-label-default-text-fontFamily);font-size:var(--gse-ui-menu-option-label-default-text-fontSize);font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);line-height:var(--gse-ui-menu-option-label-default-text-lineHeight);color:var(--gse-ui-menu-option-label-foregroundColor);overflow-wrap:break-word;cursor:pointer}:host:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host:host(.gux-active){outline:var(--gse-ui-menu-option-focus-border-width) var(--gse-ui-menu-option-focus-border-style) var(--gse-ui-menu-option-focus-border-color);outline-offset:-2px;border-radius:var(--gse-semantic-focusOutline-sm-borderRadius)}:host:host(.gux-hovered:not([disabled])){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host:host(.gux-filtered){display:none}:host gux-icon{padding-inline-end:var(--gse-ui-menu-option-gap)}:host .gux-option{display:inline-flex}";
 
 const GuxCreateOption = class {
     constructor(hostRef) {
@@ -41,7 +41,7 @@ const GuxCreateOption = class {
     // COMUI-3905: Without this method the dropdown multi's add option button triggers an infinite loop when it is hidden adter being displayed.
     async componentWillRender() { }
     renderCustomOptionInstructions() {
-        return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
+        return (h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
         return (h(Host, { key: '61a93e06bff2a61ad5609969e65894136913dc96', role: "option", "aria-selected": false, class: {

package/dist/esm/gux-cta-group.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
+import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
 
 const guxCtaGroupCss = ":host{display:block}.gux-cta-group{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-ctaGroup-gap);justify-content:start}.gux-cta-group.gux-end-align{flex-direction:row-reverse;justify-content:end}.gux-cta-group ::slotted(gux-button){flex:0 1 auto;min-inline-size:0}";

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-LDHU1yLM.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-mm833MRp.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-BwWDgKs2.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
-import { g as getDesiredLocale } from './index-BcJFUYIV.js';
+import { g as getDesiredLocale } from './index-CeE4Vvh6.js';
 import './get-closest-element-DCZG2J0G.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -44,7 +44,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (h(Host, { key: '47ce4513847c45d644afd9ee4ac3d97ce3ab8090' }, this.renderDate()));
+        return (h(Host, { key: 'e974f51b418e3eb2f0499733908e7cce39acf037' }, this.renderDate()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-date-time-beta.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-LDHU1yLM.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-mm833MRp.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-BwWDgKs2.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
-import { g as getDesiredLocale } from './index-BcJFUYIV.js';
+import { g as getDesiredLocale } from './index-CeE4Vvh6.js';
 import './get-closest-element-DCZG2J0G.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -45,7 +45,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd27f9276ad3cd26f5326d35d0f178df2d4e98345' }, this.renderDateTime()));
+        return (h(Host, { key: 'ac90dfa4a10203637a5aa0dfee353fce4496e396' }, this.renderDateTime()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CjVJoR6g.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-mm833MRp.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip } from './floating-ui.dom-C8aV-TzO.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-aKaDsw_5.js';
-import { O as OnClickOutside } from './on-click-outside-CQ9-ZPII.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { O as OnClickOutside } from './on-click-outside-BDKZueG1.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import { g as getFormat, a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -430,12 +430,19 @@ const GuxDatepicker = class {
         if (this.mode === "range" /* CalendarModes.Range */) {
             const fromValue = this.stringToDate(this.inputElement.value);
             const toValue = this.stringToDate(this.toInputElement.value);
+            if (!this.isValidDateFormat(fromValue) ||
+                !this.isValidDateFormat(toValue)) {
+                return;
+            }
             this.value = asIsoDateRange(fromValue, toValue);
             this.updateDate();
             void this.calendarElement.setValue([fromValue, toValue]);
         }
         else {
             const date = this.stringToDate(this.inputElement.value);
+            if (!this.isValidDateFormat(date)) {
+                return;
+            }
             this.value = asIsoDate(date);
             this.updateDate();
             void this.calendarElement.setValue(date);
@@ -501,6 +508,15 @@ const GuxDatepicker = class {
             regexp
         };
     }
+    isValidDateFormat(dateValue) {
+        const { map: map3 } = this.getMapAndRegexFromField(dateValue);
+        if (this.yearFormat === 'yyyy') {
+            return map3.yyyy.length === 4;
+        }
+        else {
+            return map3.yy.length === 2;
+        }
+    }
     updateDate() {
         if (this.mode === "range" /* CalendarModes.Range */) {
             const [from, to] = fromIsoDateRange(this.value);
@@ -675,7 +691,7 @@ const GuxDatepicker = class {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, 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 (h("div", { key: 'e44976f9fc47f907642306ee3caa6a5426756c20', class: {
+        return (h("div", { key: '87ba4fb1f5dab50e710194e0a083729097ce5c23', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,5 +1,5 @@
-import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { g as getDesiredLocale } from './index-BcJFUYIV.js';
+import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
+import { g as getDesiredLocale } from './index-CeE4Vvh6.js';
 import { d as dateTimeFormat } from './spark-intl-BnH2RPHP.js';
 import { q as qi } from './index.esm-ByC1Z2e8.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -32,7 +32,7 @@ function formatPlainDate(formatter, date) {
     return formatter.format(formatDate);
 }
 
-const guxDayCss = ":host{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-input-height);outline:none;border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}:host(:hover){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}:host(:focus-within){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius)}:host([aria-current=true]){color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor)}:host(:disabled),:host(.gux-muted){opacity:var(--gse-ui-calendarMenu-disabled-opacity)}button{padding:0;margin:0;color:inherit;background:none;border:none;inline-size:100%;block-size:100%;font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;vertical-align:middle;text-align:center;cursor:pointer}button:focus{outline:none}.gux-sr-only{}.gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}";
+const guxDayCss = ":host{display:inline-block;inline-size:var(--gse-ui-calendarMenu-day-date-size);block-size:var(--gse-ui-calendarMenu-day-input-height);outline:none;border:none;border-radius:var(--gse-ui-calendarMenu-month-borderRadius)}:host(:hover){background-color:var(--gse-ui-calendarMenu-date-hover-backgroundColor)}:host(:focus-within){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset);border-radius:var(--gse-ui-calendarMenu-month-focusBorderRadius)}:host([aria-current=true]){color:var(--gse-ui-calendarMenu-date-selected-foregroundColor);background-color:var(--gse-ui-calendarMenu-date-selected-backgroundColor)}:host(:disabled),:host(.gux-muted){opacity:var(--gse-ui-calendarMenu-disabled-opacity)}button{padding:0;margin:0;color:inherit;background:none;border:none;inline-size:100%;block-size:100%;font-family:var(--gse-ui-calendarMenu-date-currentText-fontFamily);font-size:var(--gse-ui-calendarMenu-date-defaultText-fontSize);font-style:normal;font-weight:var(--gse-ui-calendarMenu-date-defaultText-fontWeight);line-height:32px;vertical-align:middle;text-align:center;cursor:pointer}button:focus{outline:none}";
 
 const GuxDay = class {
     constructor(hostRef) {
@@ -59,7 +59,7 @@ const GuxDay = class {
         });
     }
     render() {
-        return (h("button", { key: '2d8305937c7a53c11099218aaca046d3d934789e', type: "button", disabled: this.disabled }, h("slot", { key: '74f5bf6960078fe2fb6eb8c5bea1512704af8d5b' }, h("span", { key: '2b69325ccee65e6e2c969d7fe27081ec2bcb656a', "aria-hidden": "true" }, this.date.day), h("span", { key: 'eaf3c54e0e9bc3b297ca1259250e3bc8abce0804', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
+        return (h("button", { key: '4ca50771f8c43c6605db8c33818c7b85cb2a31c9', type: "button", disabled: this.disabled }, h("slot", { key: '7d2d8e8f42603287f759bf6cb14271bd8a7ef6d8' }, h("span", { key: '6c235a758c10fdb4ebc71aec3efbc40c5c703050', "aria-hidden": "true" }, this.date.day), h("gux-screen-reader-beta", { key: 'cfcc006b8a9f5bf2086b521799d49351c9143a54' }, formatPlainDate(this.readerFormatter, this.date)))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,7 +1,7 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CjVJoR6g.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-mm833MRp.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const defaultLabel = "Disclosure button";
@@ -53,10 +53,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '4007fc3f816b7d6bb0eee60e8257eacdfdcac44d', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '5d1a4bd9cc93246c63a3256fec2daeea75506ff7', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'bffcda543cb32797bf65eaaafa0dd782f4a9c07f', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '2f3c31f65f797d6077407d1182666224e7c7611c', id: this.panelId, class: {
+        return (h("div", { key: 'a7410d4fa5ede825a8f1e61c34ac5bacbc02eb1e', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a8fa8bf56bd2d49e855e648364361f9464f696db', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'ed5a0689820e9e4b5f47c7a7432754c852dd8724', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '0818e00d7ad9c6c1f36c2a8a7d8597d58872bf7a', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '605a646db0cd06bc76c52b2aad40765506a209f9', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'b61f079d42f1181695802085b9b0af1e8f47c488', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const dismiss = "Dismiss";
@@ -21,10 +21,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '4dd36dc32b0affd8026366ae45220e9e2b4bcb33', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '52a32d2f44a4ea6d98c7978aae6cdcd6e23ddfb7', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '44e2ba7d724cce5d899af0b64bba18ededfbac2e', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a12e9252fc5d7740a431e93a47c1559b7ab9150a', class: "gux-icon-container" }, h("gux-icon", { key: '6c95aeb37174259a4dd9cf6b13db5d6418bedc0b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '1a291cbdbee48b4c20bf4651bc30d875c35f9da0', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'e47fbada9557f20098c5304452fc607f174a9ea3', class: "gux-icon-container" }, h("gux-icon", { key: 'b3872a8afe53a3c97adfd5071e6657c92fb234ab', "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

@@ -1,5 +1,5 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CjVJoR6g.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-mm833MRp.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const clearSelection = "Clear {numberSelected} selected items";
@@ -46,7 +46,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'f0c0d9968836e31c4c6ba96fcdbcfc28c514c3ac', class: {
+        return (h("div", { key: '4a4ed523b1fa1d5b0b13392febeaec12ca1355de', 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

@@ -1,12 +1,12 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-CjVJoR6g.js';
-import { O as OnClickOutside } from './on-click-outside-CQ9-ZPII.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-mm833MRp.js';
+import { O as OnClickOutside } from './on-click-outside-BDKZueG1.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
 import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlotText } from './gux-listbox.service-C9MGEoP7.js';
-import { O as OnMutation } from './on-mutation-CEhI74kI.js';
+import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
 import './get-closest-element-Cd4R0amv.js';
 import './get-text-content-from-nodes-DjLdmWVU.js';
 
@@ -23,7 +23,7 @@ var 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-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{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-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{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-filterable{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-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable: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}.gux-field .gux-field-content .gux-filter .gux-sr-only,.gux-field .gux-field-content .gux-selected-option .gux-sr-only,.gux-field .gux-field-content .gux-placeholder .gux-sr-only{}.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-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%;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-input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.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-filterable{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-filterable: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-filterable: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-filterable.gux-target-container-filterable-active{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-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .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-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .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-not-filterable .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-not-filterable .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-target-container-not-filterable .gux-field-content .gux-placeholder{white-space:pre}.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-not-filterable .gux-field-button,.gux-error.gux-target-container-filterable{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-not-filterable .gux-field-button,.gux-disabled.gux-target-container-filterable{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-filterable{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-filterable,.gux-target-container-not-filterable .gux-field{padding:var(--gse-ui-formControl-input-padding)}.gux-target-container-not-filterable .gux-field-button:hover,.gux-target-container-filterable: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}.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%;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-input::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.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-filterable{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-filterable: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-filterable: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-filterable.gux-target-container-filterable-active{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-filterable .gux-filter-input{background-color:inherit;border:none}.gux-target-container-filterable .gux-filter-input:focus{outline:none;border:none}.gux-target-container-filterable .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-filterable .gux-field-button:focus{outline:none}.gux-target-container-not-filterable .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-not-filterable .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-not-filterable .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-target-container-not-filterable .gux-field-content .gux-placeholder{white-space:pre}.gux-listbox-container{box-sizing:border-box;margin:0}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -367,7 +367,7 @@ const GuxDropdownMulti = class {
         return selectedElementString
             ? [
                 selectedElementString,
-                h("span", { class: "gux-sr-only" }, this.placeholder)
+                h("gux-screen-reader-beta", null, this.placeholder)
             ]
             : false;
     }
@@ -381,7 +381,7 @@ const GuxDropdownMulti = class {
     getSrSelectedText() {
         const selectedListboxOptionElement = this.getOptionElementByValue(this.value);
         if (selectedListboxOptionElement.length) {
-            return (h("span", { class: "gux-sr-only" }, this.i18n('numberSelected', {
+            return (h("gux-screen-reader-beta", null, this.i18n('numberSelected', {
                 numberSelected: selectedListboxOptionElement.length.toString()
             })));
         }
@@ -435,7 +435,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '49ec4d58b2ba018871c575ed610666305957df7a', class: "gux-dropdown-container" }, h("gux-popup", { key: '2aca6903d81aec24795163038b47812a2214fb89', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '3d7e026e163c18fe00c3222e3a62284523f65427', class: "gux-dropdown-container" }, h("gux-popup", { key: 'd66ea9ce9cce8447d86e146067b268f06f64c090', 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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-CjVJoR6g.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-mm833MRp.js';
 import { s as safeRegExpString } from './safe-regexp-string-D8NvUiBF.js';
 
 const guxDropdownOptionCss = "gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option[disabled=false]{pointer-events:auto;cursor:pointer;opacity:1}gux-dropdown-option:not(:disabled)[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not(:disabled):hover,gux-dropdown-option:not(:disabled):focus-visible{color:#fdfdfd;background:#2a60c8}";

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement, H as Host } from './index-CjVJoR6g.js';
-import { O as OnClickOutside } from './on-click-outside-CQ9-ZPII.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement, H as Host } from './index-mm833MRp.js';
+import { O as OnClickOutside } from './on-click-outside-BDKZueG1.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-Cb3FOYGS.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
-import { O as OnMutation } from './on-mutation-CEhI74kI.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
+import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
 import { s as setInitialActiveOption, b as getListOptions, g as getSearchOption, a as getOptionDefaultSlotText, 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, o as onClickedOption, c as convertValueToArray, p as matchOption } from './gux-listbox.service-C9MGEoP7.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
@@ -380,7 +380,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '2bb3ff99d9c209b939208b34e0b1ce31085deb6e', 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: '9e7bd1a3ef412ee6ac9548e1822e7ae1c75808b2', 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); }

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CjVJoR6g.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-mm833MRp.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const removeFile = "Remove {filename} file";
@@ -27,11 +27,11 @@ const GuxFileListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'b47aba3e75a09821c83dcc3499298ab6a98b38ed', class: {
+        return (h("div", { key: '09ee5fd05bcb70aafea251c390baa7a5a8d3a784', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'b36058c180ead4995b4bc14ac607f59b979cf75d', class: "gux-info" }, h("gux-truncate", { key: 'd8683f76ea7ec4f85f81b5e369bf344ef4c112a6' }, h("span", { key: '080063807fb5d76643be9d75614fcff140183695', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '7ac3f917cb8060f4beff69db1b287caad6967d7c', class: "gux-info" }, h("gux-truncate", { key: '270073a4d92044a3730ab8215f7a02d2ce06b7d3' }, h("span", { key: '87dc4ff844480d7ee736d2f77b9161e4152bdfd6', 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,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const AD = "Andorra";
@@ -514,7 +514,7 @@ const GuxFlagIconBeta = class {
     }
     render() {
         var _a;
-        return (h("span", { key: '2fa7c48d91b5581d5ac27931eb197a52813917ea', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
+        return (h("span", { key: '2bf0ab837761768270487f8b333ede30f83604a7', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
     }
     getLabel() {
         return (this.screenreaderText ||

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

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-mm833MRp.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-C8aV-TzO.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
 import { h as hideDelay } from './gux-menu.common-QGDBFOq1.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const onMenuFocus = "Use the right arrow to enter the submenu, and the left arrow to return to the previous menu";
@@ -188,10 +188,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'f44087172d523b19565862d887af62c87703d195', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '3c7a54c210b50b5d865ae63ce946ad1cea19f4d8', ref: el => (this.announceElement = el) }), h("span", { key: '5b993a7d3d0b5ecb0de0c7775a102a5ff48e4f13', ref: el => (this.targetElement = el) }, h("slot", { key: 'fd2317898eeace1aace1e1100d7c4cb62cccaf08', name: "target" })), h("div", { key: '33fef6a19029d6f52e0b751bae14001ab43ea3ac', class: {
+        return (h(Host, { key: 'f7af5f029afc5a78013950650d3f38235c5d83c5', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'ebb453f9409ccc1202d0ab1a9a80a6f0b13f9747', ref: el => (this.announceElement = el) }), h("span", { key: '54493f4a40de77bd5d02e11c4dbefb9c25474855', ref: el => (this.targetElement = el) }, h("slot", { key: '0f9375667e4fa5d88426ce22804284e48cff3c4d', name: "target" })), h("div", { key: '2cb8985112e63facc42bc8ae9763f45600a354e8', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '9124f04d2e45a8def507545d4d85c923ad63851e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '0ec8d0aa4c296241ca7849f787b39de7988c6e58', class: "gux-arrow-caret" })), h("slot", { key: '88c0caad6367e10633cb003f2e6f2c974e88a77a', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '5757dfd8b8ba8d81d2b6261557bceed20403af02', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '982cd1c491a0b4760587738f95075fdb79811611', class: "gux-arrow-caret" })), h("slot", { key: '9fd12909b2da4d8d2cf7b17035db595444608ce4', name: "menu" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CjVJoR6g.js';
+import { r as registerInstance, h } from './index-mm833MRp.js';
 
 const GuxForm = class {
     constructor(hostRef) {

package/dist/esm/gux-form-description.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-CjVJoR6g.js';
+import { r as registerInstance, h } from './index-mm833MRp.js';
 
 const guxFormDescriptionCss = "::slotted(*){margin:0 !important;font-family:var(--gse-semantic-body-sm-regular-fontFamily) !important;font-size:var(--gse-semantic-body-sm-regular-fontSize) !important;font-weight:var(--gse-semantic-body-sm-regular-fontWeight) !important;line-height:var(--gse-semantic-body-sm-regular-lineHeight) !important;color:var(--gse-semantic-foreground-container-midEmphasis) !important}";
 

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-CjVJoR6g.js';
-import { O as OnMutation } from './on-mutation-CEhI74kI.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-mm833MRp.js';
+import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { l as logWarn } from './log-error-DxtJDeL9.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
-import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-CUxY2-XD.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DqC53Y19.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DgG_S0vs.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
 import './get-closest-element-Cd4R0amv.js';
 
 function setAllCheckboxInputs(root, checked) {
@@ -192,8 +192,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '0008f4306145c9b51e9d946841c2ca1eeef7717a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '3cb512f031a686e2b7dbbea0e53cf2e97f36602a' }, (_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: '016ad5f0eae620e3a7303fc54425ed36d69bfd32', position: "above", required: this.required }, h("slot", { key: '5a311e17c633931176d3cd58f8db53fc17da5b34', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6547086df5b74d8c3d8d87be3ea47cb5d6e004d9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '81b27b9717495e267b11f5dec0d8723c46d6e7ce', name: "group-label-info" })), h("slot", { key: '584266bcedb775c2c9b27dedecde891a90b91992', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '86eb6597cb91cde530d564c99f6d971f600eeb0c', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'c875b2f283b6040e19cd0fa245db6ad160ebbb84', show: this.hasGroupError }, h("slot", { key: 'c421bad73080cf0156215ae3caa225fe7bfafc5a', name: "group-error" })), h(GuxFormFieldHelp, { key: '7bff612fbfe739d91631d2c810df2c2672151b6d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '5d23155a3bbb4edec3cf985bc19c88ba3d924544', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '399d41ad13dd4ed186f354287c59c6729b5e3ef9', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '762b773f81ce1403e6f2791df8266f5691c653c5' }, (_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: '3bbc293ac496b877d5d147bba7189e3158b5d0ad', position: "above", required: this.required }, h("slot", { key: '25a3b6493e4a9c921950fc08383cb640f639e3f0', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dcfd98494e6eca217d14b89a63d3bb86d9fe3dfb', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ed183232ef0880790e62d650f83221b049dc6abd', name: "group-label-info" })), h("slot", { key: 'eb50a04b9990f406807d59d0d1b18dbe3f54e305', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'e049cf31ede4b3bc76b99e0afe635ca8b9a18ee6', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b066d0fd7c0a67ebc26b98e9fc4f7b8c54e2ab9e', show: this.hasGroupError }, h("slot", { key: 'b11e8bcd41dd40908f09662914e70133168abdd4', name: "group-error" })), h(GuxFormFieldHelp, { key: '34f97f6c1f1a7f22f4f450fc5f6cf2e5aa3f014f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'fac350ea567fdd8ce10d70bed481cd5b6d8caff2', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-mm833MRp.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-CEhI74kI.js';
+import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DqC53Y19.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
+import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-CEhI74kI.js';
+import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DqC53Y19.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CFRZ4efk.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';

package/dist/esm/{gux-form-field-container-Dp9t605U.js → gux-form-field-container-CFRZ4efk.js}

@@ -1,4 +1,4 @@
-import { h } from './index-CjVJoR6g.js';
+import { h } from './index-mm833MRp.js';
 
 const GuxFormFieldLabel = ({ position, required }, children) => {
     return (h("div", { class: {

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
-import { O as OnMutation } from './on-mutation-CEhI74kI.js';
+import { r as registerInstance, h, a as getElement } from './index-mm833MRp.js';
+import { b as buildI18nForComponent } from './index-CeE4Vvh6.js';
+import { O as OnMutation } from './on-mutation-BAeUmzgF.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DqC53Y19.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DgG_S0vs.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import { b as setSlotAriaLabelledby, s as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-Rs2JRIbr.js';
+import { t as trackComponent } from './usage-B_5U73XW.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -108,11 +108,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '9b8e6f530c3b896b9a177f39a86dd342ad0fc88e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '031877e650e52579b04c750a86f1381e8b700311' }, (_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: '8f60ccb8842ade0059c9998f881b1001ef2fb346', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c1c402deebbf59c0977b0ddefefc27ac905ca3bd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '359e75b7f0559b66d23da4ffb7564227be74a73c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '356139fb417dae95e36187d8535b485a075cd198', name: "label-info" })), h("div", { key: '74355f1c441d776bbdf7066b66333d3258e29e8a', class: "gux-input-and-error-container" }, h("div", { key: '74964d2a08702dafcd6e65143c555629150441bf', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '95cf0334aae89c2b185512975a3caa46b616f319', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '17a7d9db1d359d99b375e659d74e8ee198fead89' }, (_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: 'e0c6290b8960073a60caed07a95761b489572569', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '093143723c654b514a86d9ba11bdd669343e678a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5c53840b29e7edb7016fd655ef325af5c4613c8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ad3d8db913a2054061a2cf17e55221e8f547df6f', name: "label-info" })), h("div", { key: 'b9d47e7fd0f101bd2bf50d7d8a5aaf5560d4a7d3', class: "gux-input-and-error-container" }, h("div", { key: '5f924b84c374f4eab9a5af090faa0b6dd5c0ae96', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'ae25e5ca93f4829c3454214a901fed8ff5491d4f' })), h(GuxFormFieldError, { key: '0bc8594363370e78b6253133c0753a5deda48ed4', show: this.hasError }, h("slot", { key: '0ee66b41925aac4e6471b7558df0317a9f2178fe', name: "error" })), h(GuxFormFieldHelp, { key: '0602a0988288d08558c9953b50fcb47cc9045dd6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ef1bdf9597df3d19c6f065127a832abb2acff611', name: "help" })))));
+            } }, h("slot", { key: 'e38e6e5580339bd8124d850064478838ed91fd4f' })), h(GuxFormFieldError, { key: 'f59489537e647d013f7cbb29765edc9f233126e8', show: this.hasError }, h("slot", { key: 'b238051d5d4c804cdd2bd80ab039c285a51cd24b', name: "error" })), h(GuxFormFieldHelp, { key: '49f27c2c46e71f7708fde91c35562a836f1dc9f2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ead90e5f779f712ea1156e111b543e733e949eb2', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/{gux-form-field-error-CUxY2-XD.js → gux-form-field-error-DqC53Y19.js}

@@ -1,4 +1,4 @@
-import { h } from './index-CjVJoR6g.js';
+import { h } from './index-mm833MRp.js';
 
 const GuxFormFieldHelp = ({ show }, children) => {
     return (h("div", { class: {

package/dist/esm/{gux-form-field-fieldset-container-BT88yCp7.js → gux-form-field-fieldset-container-DgG_S0vs.js}

@@ -1,4 +1,4 @@
-import { h } from './index-CjVJoR6g.js';
+import { h } from './index-mm833MRp.js';
 
 const GuxFormFieldVisualLabel = ({ position, required }, children) => {
     return (h("div", { class: {