genesys-spark-components 4.200.0 → 4.201.1

package/dist/esm/gux-content-search.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BHz-00-n.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C1fW4ajX.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { a as onDisabledChange } from './on-attribute-change-De1NnCmO.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -65,10 +65,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: '0322d498380bf4142aae58c002d6e255c10b0d2a', class: {
+        return (h("div", { key: '7fa5146703a1cc3274880daec4212ad86c8f7777', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '544452f5dade815dae33c8a750308f67ce5d7613', class: "gux-search-icon" }, h("gux-icon", { key: 'ee0d4eff05cbbfeb22b6c423e4f9a5fd46f90652', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '06903a8957fbf65f3d72a55edeccbc6d4ff809bd' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'b02dd9719bc8ab25b4c8f4ae189e1a5ef6b51bd4', class: "gux-search-icon" }, h("gux-icon", { key: 'ee0fc55297bb20a08bc84f3821478c90e1d23e18', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'b354926642cd093d0ed9527591e42730d7da1fc6' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BHz-00-n.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
-import { O as OnClickOutside } from './on-click-outside-gtHWBvZ6.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { w as whenEventIsFrom } from './when-event-is-from-kLXvN2m9.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -144,8 +144,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '81836c77be4c08e8a8064e5496b3a93d176bca94' }, h("gux-popup", { key: 'd1c0641894fa09c885f4081ef11c164d99a3173a', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '9c38589ae3493ac7213833d543d5358020ba3c99', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c1d9f87227a982aaff25c8039dd957c88f7e9445', accent: "ghost" }, h("button", { key: '935c5b453ddb4276f4cf33e704c2724dbd39b7f0', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '84bdd613ee3c688b7581c3945e6a9f813a424432' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'c51448b1ca8fc4cc549650de048955324163784a', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: 'b2c8fac0ec29de0112892fb635a4d3d1dc67ce80', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'd0321ba183384455f360acdabb28cd9131572aea', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '1cadfb8651d374fce5f451497fd1426e229959e6' }))))));
+        return (h(Host, { key: 'e310938f8b0fcc1428bb4a329e1f604d915b3486' }, h("gux-popup", { key: '62da049670001b768aebdf0de5cd8cc54ae4dd9c', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '7efc6f9f1ad292f4475b141d1f47c6eeaeb9d347', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '96e06f32eee29ed346723bd2237237644959e8af', accent: "ghost" }, h("button", { key: '4270c983da522a39ccc036f3599ad3cff7f5c026', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '900460110c33ea4dd31f95f63c48c70da188c350' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '78a4bb5412d48a5fb269540f56b5e5c8f905ad50', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '3c990ffd587d3750d463af9255f789ee07b3de27', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'f5023b88e967923cd2d58f055ae879476fe2b38d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '71962ed60d0f01a07f7e7847dc2405ba60a9ed1b' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-copy-to-clipboard.entry.js

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-BHz-00-n.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '47ceb34ec5e2f59f5248519ad89d942776dd86c9', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '0be72c41a00e3e16ebde6533408b460a4d3d803b', class: "gux-copy-content" }, h("slot", { key: '93aa1cf91d2321ba0aed46bbb97d1bc7ee787738', name: "content" }), h("gux-icon", { key: 'd90d9cb3efdc100692d468fa69e464026cc126f4', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '387c0d39c185535212ae22a2f70a8591f9e15eec', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '62ffa05eaf9141013baf612df280f42e0c9da35b', class: "gux-copy-content" }, h("slot", { key: '7215503ec7a5ac25925d6966efb450e986c3ad42', name: "content" }), h("gux-icon", { key: '755afc0b68068740bde3fa5f2c230933493f5695', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

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-BHz-00-n.js';
+import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const createCustomOptionInstructions = ", select to create a new custom option";
@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '2e20b2ad4affd4568ef28cf353fb3c3d2b65b216', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '05fc677a05c9abe56cf5b8cac62b6f33955c0db7', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'cf72703bcf9b3d053f8889ab61f4a8981b330887', class: "gux-option" }, h("gux-icon", { key: 'fa396072d13c7bd6f80d023070e81282cd8a1c3e', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'a34266460137d452e4407b207579e8a29ecbc1f6', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '17e4c409d39b774306017e7a89a711aaa0872678', class: "gux-option" }, h("gux-icon", { key: '63527f1e746e90e2ffcdc5fdaa4f7610fade39c2', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '12b1e526e30eb2d7668c8ff54eca4246d23ace14', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, a as getElement } from './index-BHz-00-n.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.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-BHz-00-n.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-bOBN46GX.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-1sUeMVtV.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
-import { g as getDesiredLocale } from './index-CjJaDiMj.js';
+import { g as getDesiredLocale } from './index-Cq0qTC7D.js';
 import './get-closest-element-DCZG2J0G.js';
 import './get-closest-element-Cd4R0amv.js';
 

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-BHz-00-n.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
-import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-bOBN46GX.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-1sUeMVtV.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
-import { g as getDesiredLocale } from './index-CjJaDiMj.js';
+import { g as getDesiredLocale } from './index-Cq0qTC7D.js';
 import './get-closest-element-DCZG2J0G.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BHz-00-n.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C1fW4ajX.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-gtHWBvZ6.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { g as getFormat, a as determineDisplayLocale } from './spark-intl-CJJbLxeY.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -702,7 +702,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: 'e2d2b71084dc77ee917998b8360c0339acf85a01', class: {
+        return (h("div", { key: '5a3eb4c9816e56a1eee04663d1991f0168986c7a', 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-BHz-00-n.js';
-import { g as getDesiredLocale } from './index-CjJaDiMj.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { g as getDesiredLocale } from './index-Cq0qTC7D.js';
 import { d as dateTimeFormat } from './spark-intl-CJJbLxeY.js';
 import { q as qi } from './index.esm-ByC1Z2e8.js';
 import './get-closest-element-Cd4R0amv.js';

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-BHz-00-n.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C1fW4ajX.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.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: 'a5801f632a28aa3c03217a58e63d2b44f78f1008', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '80b191895f75bdef50366fb27b58c25730b5b030', 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: '75bc86ca67f992b7565244eaf7a718839351d49f', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '12a13f3b32aff9bf6bb4be7fff275870e8920843', id: this.panelId, class: {
+        return (h("div", { key: 'b0587b24052d3595e4c25c41ca5012cd45c55fce', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '4d9f6b7c349f37d8739bb95c780a17d504985e4f', 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: 'd90a8cdfcf891150aa6dd80ca895f216aec39529', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'b4d3f0bc555a3873a05fd08874a5dac24d8c3e09', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'fdc88097462e435562f42a71918b6aae2101d151', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '5dded505c42133da324046e76d5abc823474ea86', 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-BHz-00-n.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.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: '17d54102c6cd3b5be24e494dbb0e89a2828765cc', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '125498e0c49d34ba9b8b9f598a8319e494b60914', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '7093ecf3f2e2ce68544f133aea9da1b22180d99e', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'ce3aff7c04e157f98f239a0701e0b0f506fad86b', class: "gux-icon-container" }, h("gux-icon", { key: 'ba4c84e62cee99acaa05c5ca50868111d9b8791a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'fa8d34bf35d8ef3a9ab840c6c76e0d72e0ec9162', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b45186b28668a5faae5610cc8c0a580a661c9244', class: "gux-icon-container" }, h("gux-icon", { key: '79b165f2b116d62507a2a5339532aebbfa72fdc5', "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-BHz-00-n.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C1fW4ajX.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.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: 'a114a67321b30ec5eb27cad0b4b583cbf6040aec', class: {
+        return (h("div", { key: 'c2d4a383312c47749356496d0cbdbcdf21cc44f8', 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-BHz-00-n.js';
-import { O as OnClickOutside } from './on-click-outside-gtHWBvZ6.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-C1fW4ajX.js';
+import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.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-_Nw0T8qO.js';
+import { t as trackComponent } from './usage-DB6Bny-2.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-BnMwSDni.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.js';
 import './get-closest-element-Cd4R0amv.js';
 import './get-text-content-from-nodes-DjLdmWVU.js';
 
@@ -425,7 +425,9 @@ const GuxDropdownMulti = class {
                 'gux-disabled': this.disabled
             }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: event => this.fieldButtonClick(event), onMouseDown: event => event.preventDefault(), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
-            }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
+            }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: this.expanded
+                ? 'custom/chevron-up-small-regular'
+                : 'custom/chevron-down-small-regular' }))));
     }
     renderTargetContent() {
         if (!this.hasTextInput()) {
@@ -439,7 +441,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '1136e307bc0dc865c0806925b7f63ea486dab97e', class: "gux-dropdown-container" }, h("gux-popup", { key: '583a762de92b93a1edd9c020c8f87088262d9540', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '9ade49ef7f4ceca5fd720ab7ca62b91201befc7b', class: "gux-dropdown-container" }, h("gux-popup", { key: '13e4daeaf902b9e26c3f1ca030898d8ba6bd5589', 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-BHz-00-n.js';
+import { r as registerInstance, c as createEvent, h, a as getElement, H as Host } from './index-C1fW4ajX.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}";
@@ -53,7 +53,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (h("div", { key: '5c0bd2d1a9438782b44b791c1c40c499d6e092c9', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '9cae12ca11646ed77f626d461fdd87ccbd60e49b', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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-BHz-00-n.js';
-import { O as OnClickOutside } from './on-click-outside-gtHWBvZ6.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement, H as Host } from './index-C1fW4ajX.js';
+import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.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-_Nw0T8qO.js';
-import { O as OnMutation } from './on-mutation-BnMwSDni.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.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';
@@ -236,6 +236,9 @@ const GuxDropdown = class {
     filterInput(event) {
         event.stopPropagation();
         this.filter = this.filterElement.value;
+        if (!this.expanded) {
+            this.expanded = true;
+        }
     }
     shiftTabFromExpandedFilterInput(event) {
         return (event.shiftKey &&
@@ -370,7 +373,7 @@ const GuxDropdown = class {
                 : 'custom/chevron-down-small-regular' }))));
     }
     renderTargetContent() {
-        if (!(this.expanded && this.isFilterable())) {
+        if (!(this.expanded && this.isFilterable() && this.filter)) {
             return (h("div", { class: "gux-field-content" }, this.renderTargetDisplay()));
         }
     }
@@ -380,7 +383,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: '3adac9cd14b03a5770ebdaf54dd80ce3da53ca1f', 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: '25ed9294a5d59ec9873d170ec7016d2c26bb9abe', 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); }
@@ -605,13 +608,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '4e62af5e88e8a161bd21adbd7bfc0c3feb30ea7a', role: "option", class: {
+        return (h(Host, { key: 'ae4a28332162c5aaa44bb16b41475adaf7c568ef', 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": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: 'be7d5ab42155ebc2096c9c91d98f93271ac11738', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd464d586da1888b1b7dcb73c062849301fea99bf', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'd323f844b46238ad580b537724c559e619d03fda' })), h("slot", { key: 'fac32caf4469f4c3c78a3a4310046ed9babd52cc', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '4441073ae07285034ee0533605505ab4b970e594', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c4e8137feb530918b78105b660934aa98c1b81e0', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '722d9eb7756f9da578f8ed80c7f566bb86925a40' })), h("slot", { key: '26691728330fb396fc8e95d644a2db23de9e7b9c', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, a as getElement } from './index-BHz-00-n.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
+import { r as registerInstance, c as createEvent, h, a as getElement } from './index-C1fW4ajX.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { t as trackComponent } from './usage-DB6Bny-2.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: '16017e4cd1c6503a395ce96597b4de4672a98e67', class: {
+        return (h("div", { key: '3354e8999ff69bc07932307b4a3bce99adf460a4', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '966a60f866527fcdb5e6359abb8eb661bf60cb2d', class: "gux-info" }, h("gux-truncate", { key: 'f3dd55d982d99d79d3db0f9f980ab1dc547169c4' }, h("span", { key: '9bce918502ba6b238bdd2844319860112fbfb396', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '2cd9090ee92f1d74140c512eff86d6311a028c26', class: "gux-info" }, h("gux-truncate", { key: '9a2a47df828a82135355a822c5da2b38808c6a4d' }, h("span", { key: 'bff8158a3eeaf0f764b9f14583a4c8c97e4f10c0', 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-BHz-00-n.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const AD = "Andorra";

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-BHz-00-n.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1fW4ajX.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-_Nw0T8qO.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
 import { h as hideDelay } from './gux-menu.common-QGDBFOq1.js';
-import { b as buildI18nForComponent } from './index-CjJaDiMj.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.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: 'a37f6dacc6970052940671fca0a2aedf5bdd3e0f', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '5a2cef27ec878bdb149d8f4b40ffbe279acfcb38', ref: el => (this.announceElement = el) }), h("span", { key: '1eb4e10688b84214aa4ce10f86657b1e142cb410', ref: el => (this.targetElement = el) }, h("slot", { key: 'a09f6a9aa2104c69a0df9712ae61eb44d307f716', name: "target" })), h("div", { key: '9c8e722ffe745cf58b954fe2d45559952c644562', class: {
+        return (h(Host, { key: '4c5bd08f98a6f953784a8bac40c4a15b091cf6c0', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'af5e3568ce65c54fae539d1a29c2cfb3997553cf', ref: el => (this.announceElement = el) }), h("span", { key: 'bc006c834d105abc13a2b09190ea259b32b74a67', ref: el => (this.targetElement = el) }, h("slot", { key: '64507bda6b1e37a1148ee221b98eb8e18283b72a', name: "target" })), h("div", { key: '7962de3cf3ed6121c681144b910da1ec5fee9a84', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'a5b7247514dae94497b34ef9f35c8fef53255b45', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '808e13b6f0c7658fd28f8d2616a2b85c7cc8b122', class: "gux-arrow-caret" })), h("slot", { key: '64e65d7d0e722a6cc23146bdb8e3c4145e89530a', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '083b04c96a76fbb18c775fe2b6c26c65f28d81bf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '10cfb43e34a1e49588ff0817e3fe668074a80ede', class: "gux-arrow-caret" })), h("slot", { key: 'f7e07e6fdd1b47e816a64d4bbcbf59b16e755c16', 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-BHz-00-n.js';
+import { r as registerInstance, h } from './index-C1fW4ajX.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-BHz-00-n.js';
+import { r as registerInstance, h } from './index-C1fW4ajX.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-BHz-00-n.js';
-import { O as OnMutation } from './on-mutation-BnMwSDni.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement } from './index-C1fW4ajX.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.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-CjJaDiMj.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
-import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DFCCheeg.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BChGXus1.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DeVGvgGb.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-Dr8DNQiJ.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
+import { t as trackComponent } from './usage-DB6Bny-2.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: '376d56782b8c65b32c42249dd7e87c9977532716', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '167b6eeb617d18ab73fe7f5a97b140486147cda8' }, (_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: '6148da1835f189b1772ceaf1cbb1b14794d88f97', position: "above", required: this.required }, h("slot", { key: 'fb1a37443f79c3ea33f9498903c4e29b4496e241', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9488ddba97fa7df5361de5899b56b896c1c05281', variant: this.indicatorMark, required: this.required }), h("slot", { key: '009e45173af5c515533e8d44bdd758c4ebb53704', name: "group-label-info" })), h("slot", { key: 'e57b5006ea6e2b973d7847fbde518747738fb103', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'c878cb8d2bfcc0e38e9ba6f239e092e206459208', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'd25ead4c5dac7a89e72d8fd3dac2d664f3983bc9', show: this.hasGroupError }, h("slot", { key: 'e62a2de36892eb1afd94d512e543bb9de1bac95e', name: "group-error" })), h(GuxFormFieldHelp, { key: '70c096f7525d0364800cb531b40a6ad77bbcf671', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f43c80c1605347afcb8b26d8becc7042c0618346', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '027270a1e4b7202bd9705cbe2bb35bc293d117e8', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '82aaedbada65763c5efca3f4fe8fadfc243351cf' }, (_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: '568be7098136403e030d08a092393d3647115f08', position: "above", required: this.required }, h("slot", { key: '746171ced45e9a67c21827d4b3225abd73b5a6a3', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5921b30916e82655ad76f540175e8aaca5c37935', variant: this.indicatorMark, required: this.required }), h("slot", { key: '13e826514ec62ee08fdcccb5748a0bf60e61cb85', name: "group-label-info" })), h("slot", { key: 'b510cf46135b9d4ce3787e0c894054dca42534f8', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '95d6025a9f22b8076d04ba2bcde7e38e57b9be6c', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'da8c5fec11998a35bf47860d7e7c24210a4d7887', show: this.hasGroupError }, h("slot", { key: '07347c226d6f5c74316f544e9eb02fa2166de68e', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a7d009deeb18512cb0dfabf82cebfe7778df33fb', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '6b7671bb9d683d1d6860b4848557d448e256c962', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-BHz-00-n.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-BnMwSDni.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.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-DFCCheeg.js';
-import { t as trackComponent } from './usage-_Nw0T8qO.js';
-import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DeVGvgGb.js';
+import { t as trackComponent } from './usage-DB6Bny-2.js';
+import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-Nq3AAQGS.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -47,10 +47,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (h(Host, { key: '1021a1ece03e541d6b28af8894ac804911a6c6cb', class: {
+        return (h(Host, { key: 'a1eab4b0363fa1a57368b8289dba98b0b3b4333c', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'ce974db61a1130db3c7bab023631811cb8be1ff5', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '84438da1640b1176c156cecda93b90bb392008da', class: "gux-input-label" }, h("div", { key: 'cea8de7b99dd9cd851666ba2cd37562948e34c1f', class: "gux-input" }, h("slot", { key: '5f8948c66bb64b595d0552b0983618550ef45960', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c50f31d8ce9d5744667063ef705bca8f3e5b0082', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'a7eba4c6d1ef6bd53a5ea799099266d6856323f5', name: "label" }))), h("div", { key: 'b7af5149e9279e445fc2adde11c53f83871052e5', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a69dd6e4686ae76e643acefa4d2fce463c210bd8', show: this.hasError }, h("slot", { key: '48d89602d92a31571991d0ba1850efbb948d556a', name: "error" })), h(GuxFormFieldHelp, { key: 'fc526239d31338491ad48aea16248d5f553e5d91', show: !this.hasError && this.hasHelp }, h("slot", { key: '2261bb17a34d3ec8539ff4601734a704895e191d', name: "help" }))))));
+            } }, h("div", { key: 'ca896d0f6ff0046447964effc2c0e90f3349e4ef', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '0a785d712e47d203baba0515ce9a7a98ec68fc46', class: "gux-input-label" }, h("div", { key: 'f7e7951a4e71e5d1e700a73239a984a1b95f20c5', class: "gux-input" }, h("slot", { key: '45a1c06c3e701939a14119aabc8cceb432ae1120', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '758853ce116b7250eb1f86a17a69bdccb0fcd1b5', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'e48ad9d8fe0b086fdb431981ba29028a505f938c', name: "label" }))), h("div", { key: '0accd007794b4e7c44d326d145af5029cc66b525', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '6a2dce1816569b85b3d67e1b89f0b1bb17fc7141', show: this.hasError }, h("slot", { key: '6ab779c55c8ba965a652f5dd7de1ca9e7d4415a5', name: "error" })), h(GuxFormFieldHelp, { key: '6e401e6185028c5f218c4fd868e4f002e5336e69', show: !this.hasError && this.hasHelp }, h("slot", { key: '6e4400674c74a4085a55be70d05664f20d02a8aa', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();