genesys-spark-components 4.166.1 → 4.168.0

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-BXLGJr-S.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-CySwRc8I.js');
-var index$1 = require('./index-BObNldbR.js');
+var usage = require('./usage-Bx8vsS8q.js');
+var index$1 = require('./index-DMe-wc6l.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const defaultLabel = "Disclosure button";
@@ -55,10 +55,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: '4111dd3b43059be6a0ffed715aa2fee476bdd875', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'f2770836b77a6a1ba7db0e82c7dd4674870e4108', 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" }, index.h("gux-icon", { key: 'd87de125ed9716410b2de09d715e55481de92d73', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '0d1182b2d272a6a343b444b31c2f73ca194dccb7', id: this.panelId, class: {
+        return (index.h("div", { key: '747050bec6ca0ca70b51fe1f8efb1950bb4067e7', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '9777b416941be9663138cc389a511140b9b5029b', 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" }, index.h("gux-icon", { key: 'ed8712e407c36294c3fccc057276bc798f56c1fd', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '08749b4054704a5b117d5441f521a6b76e2e5ba7', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'b940282ff6f990fc9617492ca1c75ddd19ac1906', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '5537e7e7ec37df16faff2c47ba1d69894b892812', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-CySwRc8I.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-BXLGJr-S.js');
+var usage = require('./usage-Bx8vsS8q.js');
+var index$1 = require('./index-DMe-wc6l.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const dismiss = "Dismiss";
@@ -23,10 +23,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '3d722ad509cb66b26e0e66e4d33d8bb6f3e3aaf3', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: 'ab4d4415b6534ff0bf1b123ca26d51cc28ebe9c5', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: '392aab6336c518e300dada1ccbc66fd5e07848a9', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'c5d26cd1eb1ac51679e9e765a359d6d37d618e00', class: "gux-icon-container" }, index.h("gux-icon", { key: 'ccce93cda7b09ae750db8d74e6100e1056fa5e35', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: '3a7f9528fca9183623b19082d34b51dd853ae615', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: '7310d0b8879ec530ecfcd7432e89cbfd41e953fc', class: "gux-icon-container" }, index.h("gux-icon", { key: '0883e5154696a9fa8f06cf58bbda345aad7daa4a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-BXLGJr-S.js');
+var index$1 = require('./index-DMe-wc6l.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const clearSelection = "Clear {numberSelected} selected items";
@@ -9,7 +9,7 @@ var translationResources = {
 	clearSelection: clearSelection
 };
 
-const guxDropdownMultiTagCss = ":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-removable-padding);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight);color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center;margin-inline-start:var(--gse-ui-tag-removable-gap)}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus)}.gux-tag.gux-disabled{opacity:var(--gse-ui-tag-disabled-opacity)}";
+const guxDropdownMultiTagCss = ":host{display:inline-block}.gux-tag{display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-tag-small-height);padding:var(--gse-ui-tag-removable-padding);font-family:var(--gse-ui-tag-textLarge-fontFamily);font-size:var(--gse-ui-tag-textLarge-fontSize);font-weight:var(--gse-ui-tag-textLarge-fontWeight);line-height:var(--gse-ui-tag-textLarge-lineHeight);color:var(--gse-ui-tag-accent1-bold-foregroundColor);background-color:var(--gse-ui-tag-accent1-bold-backgroundColor);border-radius:var(--gse-ui-tag-borderRadius)}.gux-tag .gux-sr-only{}.gux-tag .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip-path:inset(50%)}.gux-tag .gux-tag-remove-button{all:unset;display:flex;place-content:center center;align-items:center;margin-inline-start:var(--gse-ui-tag-removable-gap)}.gux-tag .gux-tag-remove-button:not(:disabled):hover{cursor:pointer}.gux-tag .gux-tag-remove-button:focus-within .gux-tag-remove-icon{outline:var(--gse-semantic-focusOutline-sm-borderWidth) solid var(--gse-semantic-border-focus)}.gux-tag.gux-disabled{opacity:var(--gse-ui-tag-disabled-opacity)}";
 
 const GuxDropdownMultiTag = class {
     constructor(hostRef) {
@@ -45,7 +45,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: 'cb92f9034fb3dd14eb7dbeb1b8e566914046ebcd', class: {
+        return (index.h("div", { key: '9dc2a9c4f1d75a3fae782daf7b406916f8a69f70', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-BXLGJr-S.js');
+var onClickOutside = require('./on-click-outside-0STGmyNC.js');
+var index$1 = require('./index-DMe-wc6l.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var usage = require('./usage-CySwRc8I.js');
+var usage = require('./usage-Bx8vsS8q.js');
 var guxListbox_service = require('./gux-listbox.service-DZlbwvax.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var onMutation = require('./on-mutation-qNe8rdEg.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const textInputResults = "Type to filter dropdown results";
@@ -24,7 +24,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:not(:focus):not(:active),.gux-field .gux-field-content .gux-selected-option .gux-sr-only:not(:focus):not(:active),.gux-field .gux-field-content .gux-placeholder .gux-sr-only:not(:focus):not(:active){position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;clip:rect(0 0 0 0);clip-path:inset(50%)}.gux-field .gux-field-content .gux-filter{position:relative;block-size:100%;padding-inline-start:0}.gux-field .gux-field-content .gux-filter .gux-filter-input{all:unset;inline-size:100%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-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 .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%;color:transparent;caret-color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input:placeholder-shown{text-overflow:ellipsis}.gux-field .gux-field-content .gux-filter .gux-filter-display{white-space:pre}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-text{color:var(--gse-ui-formControl-input-populatedColor)}.gux-field .gux-field-content .gux-filter .gux-filter-display .gux-filter-suggestion{color:var(--gse-ui-formControl-input-suggestionColor)}.gux-field .gux-field-content .gux-filter .gux-filter-input,.gux-field .gux-field-content .gux-filter .gux-filter-display{position:absolute}.gux-field .gux-field-content .gux-placeholder{color:var(--gse-ui-formControl-input-placeholderColor)}.gux-field .gux-expand-icon{flex:0 0 auto;align-self:auto;order:0;padding-inline-start:var(--gse-ui-dropdown-gap);color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-target-container-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;
@@ -94,7 +94,7 @@ const GuxDropdownMulti = class {
                 }
             });
         }
-        if (!expanded) {
+        if (!expanded && this.textInputElement) {
             this.textInput = '';
             this.textInputElement.value = '';
         }
@@ -437,7 +437,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: 'b5e8cc00f6c8c18c1f74df675ffd98ddc9d4bf8f', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '8246e600c62b48c52b2615504e422ebfe7020107', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: 'dd9436ac1012a8344652564b20f8f116fa806cd8', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '1f2778737aa1071c00186280cc25d71ece296b60', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-BXLGJr-S.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}";
 
@@ -59,7 +59,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: '89414e60388609b46a93be11df7c6145d62a4f02', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: 'f725c7472c496316e8d7bf04a94dda49a1ae5c0f', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-BXLGJr-S.js');
+var onClickOutside = require('./on-click-outside-0STGmyNC.js');
+var index$1 = require('./index-DMe-wc6l.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CySwRc8I.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var usage = require('./usage-Bx8vsS8q.js');
+var onMutation = require('./on-mutation-qNe8rdEg.js');
 var guxListbox_service = require('./gux-listbox.service-DZlbwvax.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
@@ -56,7 +56,7 @@ const GuxDropdown = class {
         this.filter = '';
     }
     watchExpanded(expanded) {
-        if (!expanded) {
+        if (!expanded && this.filterElement) {
             this.filter = '';
             this.filterElement.value = '';
         }
@@ -382,7 +382,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '66bbe80f63a2d5e6e7d96a57d94e49b9485417ed', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: '36c391406dfb4fc8590f68a2de06dfc01e3f61a8', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -568,7 +568,7 @@ const GuxListbox = class {
 };
 GuxListbox.style = guxListboxCss;
 
-const guxOptionCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;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);word-wrap:break-word;cursor:pointer}:host .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}: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(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";
+const guxOptionCss = ":host{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-menu-option-gap);place-content:stretch center;align-items:center;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 .gux-option-wrapper{inline-size:100%}:host .gux-slot-container{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host(.gux-disabled){pointer-events:none;cursor:default;opacity:var(--gse-ui-menu-option-disabled-opacity)}:host(.gux-selected){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight);background:var(--gse-ui-menu-option-selected-backgroundColor)}:host(:active:not(:disabled)){font-family:var(--gse-ui-menu-option-label-active-text-fontFamily);font-size:var(--gse-ui-menu-option-label-active-text-fontSize);font-weight:var(--gse-ui-menu-option-label-active-text-fontWeight);line-height:var(--gse-ui-menu-option-label-active-text-lineHeight)}: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(.gux-show-subtext){place-content:stretch flex-start;block-size:auto}:host(.gux-show-subtext) .gux-option-wrapper{display:flex;flex-direction:column}:host(.gux-show-subtext) slot[name=subtext]::slotted(*){font-weight:var(--gse-ui-menu-option-label-default-text-fontWeight);color:var(--gse-ui-menu-groupedMenu-subtext-foregroundColor)}:host(:hover:not(:disabled)){background:var(--gse-ui-menu-option-hover-backgroundColor)}:host(.gux-filtered){display:none}";
 
 const GuxOption = class {
     constructor(hostRef) {
@@ -606,13 +606,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: 'f23976f14c4134ea07f0676e9fca627f0e8b569c', role: "option", class: {
+        return (index.h(index.Host, { key: '4ff53f1b8164fdbb6b4b994aa19f029a8f7dbdae', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '34da3cd1db62ae3b3e9646eae506835ce9e1ea5b', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '307079bbe4279c0e42cf5f850ee620aceca2f84a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '12cc98785efd99f61e4e4a3c5b2318bbb92bd08d' })), index.h("slot", { key: '331d39f0afa9f311c680906d978ab422a7f69f24', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'c0b379dd41e0c8aa8423f14d9a4ef569776b5df0', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '7acb8113ecf230d978949ffa6fd2c180d2bbc0e6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '9c99dfe30b919418d5c68d96aab336249bc3c27f' })), index.h("slot", { key: '9b55759969afdb82230c22caa1de85babfa1f1e0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
-var usage = require('./usage-CySwRc8I.js');
+var index = require('./index-BXLGJr-S.js');
+var index$1 = require('./index-DMe-wc6l.js');
+var usage = require('./usage-Bx8vsS8q.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const removeFile = "Remove {filename} file";
@@ -29,11 +29,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '439256c7744cf64876857a1b5fcdedc83bcfc661', class: {
+        return (index.h("div", { key: 'd53955036d4a45a954e6beaafb6c933a380c29b8', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '86fad544c8b9f2e22c36fa6e5394d36e6abdf3da', class: "gux-info" }, index.h("gux-truncate", { key: '878369fc0ff217135ee5a42cafb5a857e9ead77c' }, index.h("span", { key: '6680e9d62b2f8257c62e97753b92535022384757', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '3a1003748e90a3b27ecdbece18249884ed8835a3', class: "gux-info" }, index.h("gux-truncate", { key: '7ffb12f5e1d210bf991075ba6936c72518cce6fd' }, index.h("span", { key: '461a240baa6c3dac8c0cb7027045bfb10edf906b', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-CySwRc8I.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-BXLGJr-S.js');
+var usage = require('./usage-Bx8vsS8q.js');
+var index$1 = require('./index-DMe-wc6l.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const AD = "Andorra";

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-BXLGJr-S.js');
 var floatingUi_dom = require('./floating-ui.dom-i1ftcEdt.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CySwRc8I.js');
+var usage = require('./usage-Bx8vsS8q.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
-var index$1 = require('./index-BObNldbR.js');
+var index$1 = require('./index-DMe-wc6l.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const onMenuFocus = "Use the right arrow to enter the submenu, and the left arrow to return to the previous menu";
@@ -190,10 +190,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4a209808a8457f1331c5ad2ab2c885fe4d7540eb', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: 'feb68706749e9be8bb93cca403401bd125b8c778', ref: el => (this.announceElement = el) }), index.h("span", { key: 'ea558303dac269016c07b98598741654e43714f0', ref: el => (this.targetElement = el) }, index.h("slot", { key: '2dc83d32adb950cee379c710766fca03e3bf07bb', name: "target" })), index.h("div", { key: 'd5acea6285dfe3060372d304b9331571366220d9', class: {
+        return (index.h(index.Host, { key: '01b2f7b591de02f80ebc30023294d9a125581941', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: 'bb575a0d277ba7c17e5d5d72bdfdbf4e811a8546', ref: el => (this.announceElement = el) }), index.h("span", { key: '782a9458bb70cd1cb6d15c6cf0c2b84efd418a5a', ref: el => (this.targetElement = el) }, index.h("slot", { key: '5036b56a98b30f7e5e3e2e552ef049f229ca3b83', name: "target" })), index.h("div", { key: '8cb12708f669ee1a43279636559cfad0abc52a81', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'c9c6d1dd5ac6e6b52edf3946f35784b9a1eafe24', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '5d99dc66d7d20a289df437b189435a2ab2db5c95', class: "gux-arrow-caret" })), index.h("slot", { key: '95d1b125906347868b1a6494daa4a486c08c9bbd', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '025640d7561716a0477633c3ec2d314527e78cd4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '6ef10c8275f541598dd8cac789caa3895ec2cfd9', class: "gux-arrow-caret" })), index.h("slot", { key: '6efaae19eeb267202f69e649bf4f7a705a5020f9', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-BXLGJr-S.js');
 
 const GuxForm = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-BXLGJr-S.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/cjs/gux-form-field-checkbox-group-beta.cjs.entry.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var index = require('./index-BXLGJr-S.js');
+var onMutation = require('./on-mutation-qNe8rdEg.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');
-var index$1 = require('./index-BObNldbR.js');
+var index$1 = require('./index-DMe-wc6l.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-ByiTDN4Q.js');
+var guxFormFieldError = require('./gux-form-field-error-CGRXEzUI.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SvYCjIS7.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-CySwRc8I.js');
+var usage = require('./usage-Bx8vsS8q.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -194,8 +194,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '75ad9063b47aa50bb31ff916728450ba7ecbfcf6', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c2fe018edb9658d2bced7e10d92bff9aac2996e7' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '7d4c2abbb3081b5814a6da254752ed7c05c2d642', position: "above", required: this.required }, index.h("slot", { key: 'e1c3577cd10944df0c19542232430a1a0871d5ec', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e3d446e7768bff522db318a82155aa7ecca297aa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '25b2fab1e3d9b79394d0d57f740d8f4558e2f5d8', name: "group-label-info" })), index.h("slot", { key: '04372320ce11c81caf77b6a1150863cf21c2e92e', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'd2fb195fcce3ae947778a679ec9a28ffa5888312', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'efa3e7045ac73b3903519cf92cd0a010bfe7dac8', show: this.hasGroupError }, index.h("slot", { key: '87213a2477200da6c1a13c118432b0b8ed9f5620', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8137531358e3c5c8499dd025fa80f1edd78b61f5', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'd55d18940de96509569ccc2ebc6cbf4503f3e5af', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '98d0690d8c1fd17b434f8946cd7f93c394b9b9f4', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '298fe9be8fbbb3b7f7ff7749d0ce873bfa219995' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'a94e7153bacb115cf63ed0b4dc4603b8347229cd', position: "above", required: this.required }, index.h("slot", { key: 'd30a5befd3fd15213c284d0c7af243d6d07bc780', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6449f6c04cdfcdfcd80d75a9b9f229f445b7b7d5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4eab381a152e8baf40bfb4adcda5bf81937a262a', name: "group-label-info" })), index.h("slot", { key: '8c988a909db54ff6e9dc294d7dc9e0c4a5d702bd', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '286b30b7358d9715e8c1b9e0bb2a90b259305f59', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b7aafae8f77cf32e153591bcb0670384aafc1bb2', show: this.hasGroupError }, index.h("slot", { key: 'a35123dda49a72c62deb59e18f29a9d829a28ff3', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4969a7009d6f8bf513394cf60297c6b5b499afb2', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'a377111d6f5816316189e5b9fda971311af68c8d', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-BXLGJr-S.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var onMutation = require('./on-mutation-qNe8rdEg.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
-var usage = require('./usage-CySwRc8I.js');
+var guxFormFieldError = require('./gux-form-field-error-CGRXEzUI.js');
+var usage = require('./usage-Bx8vsS8q.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -49,10 +49,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'c00f001885ec8656276903332d04cc08eaef7541', class: {
+        return (index.h(index.Host, { key: 'e33c81e5ebf0d6384e70c9dbebd425818b629b05', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '1558a76367cb8bf4684cda3ede1cafaa32bf9c35', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'ca069c47033d3fd85c270141cd8bc72741ef5e68', class: "gux-input-label" }, index.h("div", { key: 'f2e8f012a2e2242fa866e95ebacce52a58ce6e0d', class: "gux-input" }, index.h("slot", { key: 'c2e52e50ec58c0e62d14482cf862387840dcc445', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'd3a75bce0f7fb239cdf1b3e5e63e084d233386e0', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'd5a2de7f427be31f6007880b11a0c26c2a504f6d', name: "label" }))), index.h("div", { key: '136d9cc9b33021167a7e9dc5dd9df2f5446ead52', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '7565f75e3b73081d8f64bf4014a1ae3bb9ba6f84', show: this.hasError }, index.h("slot", { key: 'efbc268aa74fda1005db996fa40cc59efa5922d2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '29c36c7cb9eb274c83db496906050afa2192de2e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '87f513c4d208b08a8b5356884252cb7afad98e7d', name: "help" }))))));
+            } }, index.h("div", { key: '3209c402cd3086dc5973c814cd170431fc40e5e1', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'b8fb142b0a7a9aa18e561fde1e78aa346acae7cf', class: "gux-input-label" }, index.h("div", { key: 'aa9799bbe2619e3457184eb79c4060c645f042df', class: "gux-input" }, index.h("slot", { key: 'c653d17b1ce35b6de6da2af0b3ba4a494ff561b2', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '99c76426d28252d0cb0f4814aacc110b9fad5d42', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '6baef9d2ebd2416132c3f344204f38958378bfbf', name: "label" }))), index.h("div", { key: 'f4a6883b718d55544f99147aefebbc1973cd583d', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '3e48227d9ca51e366c6a667858faa3bfe2c689ab', show: this.hasError }, index.h("slot", { key: '36e87306f5aaf967487c2326e2473c72b2762b46', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fbf8f14d1ff02e9285957ef594ac1d9f0a60a984', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '13a9478a6e10abdff37a4ac822a979c0686f7de7', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-BXLGJr-S.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var onMutation = require('./on-mutation-qNe8rdEg.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
-var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.js');
+var guxFormFieldError = require('./gux-form-field-error-CGRXEzUI.js');
+var guxFormFieldContainer = require('./gux-form-field-container-CUEVvhzr.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CySwRc8I.js');
+var usage = require('./usage-Bx8vsS8q.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -87,13 +87,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '8fd4ee70be5f37050f00812a7c4c9aaeba703c32', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '94f4a87ea73c42bcd83f0f6a853f4146d9bce7f4', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f17e3bec992eff92306277e2c5825cb2ec79e664', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '556f9e1afd9dd250b81d694aa9a687390c4f121d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '26a484e2fe6b42c2c5772a5307a3da6f5c886a1d', name: "label-info" })), index.h("div", { key: 'c53b78811062d2869dab2e82134e03d60e7e28f0', class: "gux-input-and-error-container" }, index.h("div", { key: 'fa0dca42155e281dc6a2822d125c9764878410fd', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '2b294a491cedc62325544ae31f7ca0e32ae3441b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5b9714407a6faaeb26502007efc73c59ec87cf60', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '46c9249b6a3dd4f697c8ea296d236726fb345121', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c170cbb3cc937ed4c9b6d1d26ba04f3c87266e2c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'dfad3c6d0fbe5fb49a88d26dd926d193e7359a5f', name: "label-info" })), index.h("div", { key: 'e67d83ced521d1b46ae7d61074d4a9b9c51b98d5', class: "gux-input-and-error-container" }, index.h("div", { key: 'd220d60f0b54edc579177651823855d63165f7ec', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '1aa0cbb15a18743c183b53050f1a82eb7ef669c2', class: {
+            } }, index.h("div", { key: '02de15bef4a1e5b206e8abe595c7353f73f93295', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'ce54a077e56dec6314f19594116d5e9c928755dc', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2dc27b6eec120b78226a6a456283df47ad23557c', show: this.hasError }, index.h("slot", { key: '3766a2f37d27e25fc7733d9a8361cd63b046c45f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '031c9a6aa3985da4f658c1183c8dc24b003e0fed', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a39894f847288956ac60a509a5b71ed8da657341', name: "help" })))));
+            } }, index.h("slot", { key: '98f63dfef469bc8ed7e4990d5ce2a82b33f213f9', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e7973a26ae9c40a79142180782f9c2d8a21eb00f', show: this.hasError }, index.h("slot", { key: '892a55dfd1c972e2bb1cea9375b071b167e6ccd5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0429c9be3c92067b61bd8c2bffb9da4402ad0d9e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '85fbf1c590a2d5b99d4bf4bc19212d6baabba4bd', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/{gux-form-field-container-jH9AONLV.js → gux-form-field-container-CUEVvhzr.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-BXLGJr-S.js');
 
 const GuxFormFieldLabel = ({ position, required }, children) => {
     return (index.h("div", { class: {

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var index = require('./index-BXLGJr-S.js');
+var index$1 = require('./index-DMe-wc6l.js');
+var onMutation = require('./on-mutation-qNe8rdEg.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-ByiTDN4Q.js');
+var guxFormFieldError = require('./gux-form-field-error-CGRXEzUI.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SvYCjIS7.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CySwRc8I.js');
+var usage = require('./usage-Bx8vsS8q.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -107,11 +107,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '4889112d951c545dfb914f5ae76b3e62d3ba2d61', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1fefe16e027fd8e29e4842d286eb7deca479dab7' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '942f2e46b86a36265870a2a5e570217486382f6c', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'a0cee127a577e96e36c65516c2ec7edee23a5436', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f31e500a692f22b4170031532e847f7623a0b010', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bb8dfe2207939300aeee619a32e0f3d82c00fc92', name: "label-info" })), index.h("div", { key: '7ca7fc77779cec49c881289524dc1c158d5580df', class: "gux-input-and-error-container" }, index.h("div", { key: '59d23144501403d28056f44a2521401c29f88a73', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f2f4e9a8ff7f9e22045a4be75a5d3b41447ae71d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '00ed473cf198a45a2cef8ba110780d2caa71b03f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'e18eb380e152e014acf011e2858e4e1f802073b3', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'fb18e487b41ad436918342653f1d7642d6530074', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '27c7ca59d34e537eeda039c95c4b119232c1fe9e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'cd7efd152a6c02f115a5953e57d8a5f0333ffbf5', name: "label-info" })), index.h("div", { key: '021d1706cabb39b8dc9402ab8d531aed533fb57d', class: "gux-input-and-error-container" }, index.h("div", { key: '2c5117c5e441a28dd9bc270d5a45cd3e1d7b8f00', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: 'ccd7ef0eb8749f8af5be7ab434783475067e39a4' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '099ff9307c1546d81f1bd9d44980e1bf2f964d7c', show: this.hasError }, index.h("slot", { key: '0a6a596045b39414b8688deb6dba2164e29678d4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'dc773c2be1a3f1ff1704dd90da7e7e533605301e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'fefed479c81e01c345de74f82535649b04c13dd7', name: "help" })))));
+            } }, index.h("slot", { key: '6faca4e188336a14f3ca7ed945ccce9531157a86' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e60dab8fbe562ea703d869b08684672a372a19a5', show: this.hasError }, index.h("slot", { key: '4fbe80625cb1c8e4e6ecc6c7e7e0fbd01c1353fd', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd97ecff22998058888377877b40574a40bcbcccc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4516800cc56bb7203f18c752689d5ba266578b41', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/{gux-form-field-error-C9nXlEsu.js → gux-form-field-error-CGRXEzUI.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-BXLGJr-S.js');
 
 const GuxFormFieldHelp = ({ show }, children) => {
     return (index.h("div", { class: {

package/dist/cjs/{gux-form-field-fieldset-container-ByiTDN4Q.js → gux-form-field-fieldset-container-SvYCjIS7.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-BXLGJr-S.js');
 
 const GuxFormFieldVisualLabel = ({ position, required }, children) => {
     return (index.h("div", { class: {

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var index = require('./index-BXLGJr-S.js');
+var index$1 = require('./index-DMe-wc6l.js');
+var onMutation = require('./on-mutation-qNe8rdEg.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-CySwRc8I.js');
-var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
-var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.js');
+var usage = require('./usage-Bx8vsS8q.js');
+var guxFormFieldError = require('./gux-form-field-error-CGRXEzUI.js');
+var guxFormFieldContainer = require('./gux-form-field-container-CUEVvhzr.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
@@ -110,7 +110,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '6df9705a2c3b198ad8cb0183380d4ac68a200021', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'babec682f95ce7b7dfc8f96e61ae9ab302c43ae8', position: "above", required: this.required }, index.h("slot", { key: '6460de9275dae0cc09a97417b3c317644d6a7e39', name: "label" }), index.h("gux-form-field-label-indicator", { key: '6687263a131d43add3ca2d6a8ea55a883dd1f121', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0c4cfc5a8108d2bccc5a63d324b026bcedc786c7', name: "label-info" })), index.h("div", { key: '91845abee3a2b51128d3d2fe3ed18afbfb91a5cb', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '002b03627d81d279c21a2b69c2eb326ee9eba289', show: this.hasHelp }, index.h("slot", { key: '45ba38775b7edc7e5ab9036595b1c1f36013d7e0', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '61f20455874587c477c6b9014297688014c2ad4f', show: this.hasError }, index.h("slot", { key: 'c4c392e2a3e5c378bb0d101ddf7f6d66269a9edf', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd6cd4823100ca775ddd66079da9825e9dcf6c41c', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c35ca22f59ce27c225b92d14002418fbe600fd69', position: "above", required: this.required }, index.h("slot", { key: 'b19f3e2baacb6d03212926d9f3383c2dd6e75060', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'baf3c024b9dc7bba0a2ad8ef697a9d0928efdca5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0cb36f65dc3460538daac6bbf62f0edf99e39bd9', name: "label-info" })), index.h("div", { key: '8f68e0239d124e802752800c054d867508175181', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3f512ba19d68ec08e72b3f1ab994c0246f15b762', show: this.hasHelp }, index.h("slot", { key: '3e663f6a7094935eb03ee6a69410190bb0d50a63', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '4d9dd6596e57c32a4e2f86da8684c59b6a72ef69', show: this.hasError }, index.h("slot", { key: 'dbdbac3f00d3764d9b0bdf70394ba96e4d79cdbe', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var index = require('./index-BXLGJr-S.js');
+var onMutation = require('./on-mutation-qNe8rdEg.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-CySwRc8I.js');
-var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
-var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.js');
+var usage = require('./usage-Bx8vsS8q.js');
+var guxFormFieldError = require('./gux-form-field-error-CGRXEzUI.js');
+var guxFormFieldContainer = require('./gux-form-field-container-CUEVvhzr.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
@@ -105,7 +105,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '27dd2de78b88fb40db7b761bf364f04832522555', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'edb9c36a92fcea697c889854ba6cf3de70a535e2', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '7119fe6b49f9200e7618681c29cbf8bc8c5ab53b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5e167740132a32b6c25b09707995af567609ffa2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd03c0d0602692efdd67289bb0abff12e11d74d73', name: "label-info" })), index.h("div", { key: '129d69060392f8011008bfe2dcd21a01ba16a16f', class: "gux-input-and-error-container" }, index.h("slot", { key: 'a66e1efae450e0d474de80fd1bb85acd2d0c50c7', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '66cffc17fad1b8f37f4666c961b74f8ff28d139a', show: this.hasError }, index.h("slot", { key: '08ad8342f1feaeaa71c6e16dcd7f37fd8d8835a9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e32a09fe7b371da5580999b16f87309e51e81b8a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2b9f2221790c69609ab9d28a49bfaad321aff90a', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '08511bf60b590f9a13ba6a7fb3561769eb0d3aa1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '04a5dfc249109bbe7fa2989d764a9ae58bc952b4', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6953fc2d625acbf6e3b33da32647cb534c1864d1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '51ec4246ee2079232ef350e6decf7dbf1dc91b04', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b2f6397e827292e196516614dc72774bb9a80020', name: "label-info" })), index.h("div", { key: '4a1a487771bc384f433278cfe3ba63c23141fa8b', class: "gux-input-and-error-container" }, index.h("slot", { key: '47d0d93b1ff6902dbb6fb17233455a6209f15698', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '96b0f4cf4ccc15e6f42856c03ce0e109a30c7d72', show: this.hasError }, index.h("slot", { key: 'ae24a6c6a1ffbe31d576a946dd7e8d8c4574fb39', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2702e229e642c9e700b203f7fc20a15bc7c0fdc0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'da73bd0d3b3207bffdff1d0cbc6506c301cf8792', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };