genesys-spark-components 4.199.2 → 4.200.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var logError = require('./log-error-nWO_o1C3.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/cjs/gux-date-beta.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-BDtPYIbd.js');
-var getValidTimezone = require('./get-valid-timezone-CS0K7GsH.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.js');
+var getValidTimezone = require('./get-valid-timezone-Cfx2VND7.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index$1 = require('./index-DqhFjElJ.js');
 require('./get-closest-element-BiXbQTqL.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-BDtPYIbd.js');
-var getValidTimezone = require('./get-valid-timezone-CS0K7GsH.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.js');
+var getValidTimezone = require('./get-valid-timezone-Cfx2VND7.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index$1 = require('./index-DqhFjElJ.js');
 require('./get-closest-element-BiXbQTqL.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
-var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
-var usage = require('./usage-BDtPYIbd.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var onClickOutside = require('./on-click-outside-B_0pncNB.js');
+var usage = require('./usage-DMdlKJnN.js');
+var index$1 = require('./index-DqhFjElJ.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var index$1 = require('./index-DqhFjElJ.js');
 var sparkIntl = require('./spark-intl-cfvEjiOP.js');
 var index_esm = require('./index.esm-CO-IlDkX.js');
 require('./get-closest-element-CfyZl7i7.js');

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

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-BDtPYIbd.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var usage = require('./usage-DMdlKJnN.js');
+var index$1 = require('./index-DqhFjElJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const defaultLabel = "Disclosure button";

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-BDtPYIbd.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.js');
+var index$1 = require('./index-DqhFjElJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const dismiss = "Dismiss";

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var index$1 = require('./index-DqhFjElJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const clearSelection = "Clear {numberSelected} selected items";

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var onClickOutside = require('./on-click-outside-B_0pncNB.js');
+var index$1 = require('./index-DqhFjElJ.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-BDtPYIbd.js');
+var usage = require('./usage-DMdlKJnN.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
-var onMutation = require('./on-mutation-BohhBDYB.js');
+var onMutation = require('./on-mutation-DFJMtCiW.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./get-text-content-from-nodes-oI5DVfp_.js');
 
@@ -276,7 +276,11 @@ const GuxDropdownMulti = class {
         const values = guxListbox_service.convertValueToArray(value);
         return listboxOptionElements.filter(element => values.includes(element.value));
     }
-    fieldButtonClick() {
+    fieldButtonClick(event) {
+        var _a;
+        if ((_a = event.target) === null || _a === void 0 ? void 0 : _a.closest('gux-dropdown-multi-tag')) {
+            return;
+        }
         this.expanded = !this.expanded;
     }
     fieldButtonInputClick() {
@@ -421,7 +425,7 @@ const GuxDropdownMulti = class {
                 'gux-target-container-not-filterable': !this.hasTextInput(),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), index.h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), onMouseDown: event => event.preventDefault(), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), index.h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), index.h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: 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(), index.h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
@@ -437,7 +441,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: 'fbbbae3e6294e77e5c78212216d2c74db5c066f7', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'cf9e2b30bd0267b8206969c6c6b3079959a5adae', 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: '1136e307bc0dc865c0806925b7f63ea486dab97e', class: "gux-dropdown-container" }, index.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()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var safeRegexpString = require('./safe-regexp-string-Bb3vDqCh.js');
 
 const guxDropdownOptionCss = "gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option[disabled=false]{pointer-events:auto;cursor:pointer;opacity:1}gux-dropdown-option:not(:disabled)[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not(:disabled):hover,gux-dropdown-option:not(:disabled):focus-visible{color:#fdfdfd;background:#2a60c8}";

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var onClickOutside = require('./on-click-outside-8ywyMNsB.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var onClickOutside = require('./on-click-outside-B_0pncNB.js');
+var index$1 = require('./index-DqhFjElJ.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-BDtPYIbd.js');
-var onMutation = require('./on-mutation-BohhBDYB.js');
+var usage = require('./usage-DMdlKJnN.js');
+var onMutation = require('./on-mutation-DFJMtCiW.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var index$1 = require('./index-ZbfXD2eC.js');
-var usage = require('./usage-BDtPYIbd.js');
+var index = require('./index-CJEUJwB7.js');
+var index$1 = require('./index-DqhFjElJ.js');
+var usage = require('./usage-DMdlKJnN.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: 'db9fcf9dc789dd6fe5a74bebd6ef72e0666057d1', class: {
+        return (index.h("div", { key: '16017e4cd1c6503a395ce96597b4de4672a98e67', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'a53d203206e5351d12552af8ad649ffe9baacbbe', class: "gux-info" }, index.h("gux-truncate", { key: 'b2c3a410891aab4a1c818c7b2448186d2c3fe2dc' }, index.h("span", { key: 'af6f80b9cac6a7607582f1d1c304a0794cb121f2', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '966a60f866527fcdb5e6359abb8eb661bf60cb2d', class: "gux-info" }, index.h("gux-truncate", { key: 'f3dd55d982d99d79d3db0f9f980ab1dc547169c4' }, index.h("span", { key: '9bce918502ba6b238bdd2844319860112fbfb396', 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-NcMXRJjU.js');
-var usage = require('./usage-BDtPYIbd.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.js');
+var index$1 = require('./index-DqhFjElJ.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-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-BDtPYIbd.js');
+var usage = require('./usage-DMdlKJnN.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index$1 = require('./index-DqhFjElJ.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: '5b2376413d40db8954a5f78630de79887d3e396c', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: 'faafe424e69a4f34df4bd71bffa5268897667b61', ref: el => (this.announceElement = el) }), index.h("span", { key: '2c02399a516a80d0ba4f0b384b9983af38368f8b', ref: el => (this.targetElement = el) }, index.h("slot", { key: '1a60f90751608ae9838fcf6ae398ee1de2166f00', name: "target" })), index.h("div", { key: '0687d6e5959748eab76473146c5721f59b1e5ee7', class: {
+        return (index.h(index.Host, { key: 'a37f6dacc6970052940671fca0a2aedf5bdd3e0f', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: '5a2cef27ec878bdb149d8f4b40ffbe279acfcb38', ref: el => (this.announceElement = el) }), index.h("span", { key: '1eb4e10688b84214aa4ce10f86657b1e142cb410', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'a09f6a9aa2104c69a0df9712ae61eb44d307f716', name: "target" })), index.h("div", { key: '9c8e722ffe745cf58b954fe2d45559952c644562', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '995da3807eda87a9a6d123b13fcd6bd97a9beeb6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: 'e4a91985cf899690a720f9386cb7cfa051e0ee96', class: "gux-arrow-caret" })), index.h("slot", { key: '3cd07ce856ecaedfb774f0102d7f1c5c98d3c8a4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'a5b7247514dae94497b34ef9f35c8fef53255b45', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '808e13b6f0c7658fd28f8d2616a2b85c7cc8b122', class: "gux-arrow-caret" })), index.h("slot", { key: '64e65d7d0e722a6cc23146bdb8e3c4145e89530a', 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-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.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-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.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-NcMXRJjU.js');
-var onMutation = require('./on-mutation-BohhBDYB.js');
+var index = require('./index-CJEUJwB7.js');
+var onMutation = require('./on-mutation-DFJMtCiW.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index$1 = require('./index-DqhFjElJ.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Cuz9fIqA.js');
+var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CfEHfKLw.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-BDtPYIbd.js');
+var usage = require('./usage-DMdlKJnN.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: '334076bd823a3b5140cc43883651cedf28f2f822', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '728fc91f5407db29a4cb9ea16c8f9131529ff890' }, (_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: 'dac5f516da5e894e64d34c94327ba7cb7ac6097d', position: "above", required: this.required }, index.h("slot", { key: '964570bb5e721990e4435e9bcb55885bf878b5ef', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f453c38418fca06d897bdbbab31a0bff2e796609', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8b4448bd354a82092af7b1f0362c9df2b45f5281', name: "group-label-info" })), index.h("slot", { key: '6a8d8db7d72f68b6189bc005787d6b378b6f02ee', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'b63701e72580fbe9a9bd1dd8705d22f125682669', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c36ef89456b9f5c6fe5a88d4c24684a8ff06e301', show: this.hasGroupError }, index.h("slot", { key: '89334f9b85c25bea501140c1fe0102a126f66c0b', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '76330fd2a2164c89eb39b9472d3a9602faea8670', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '5ceafc970a9b5ed3339bb6fa04cb0b33c0903804', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '376d56782b8c65b32c42249dd7e87c9977532716', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '167b6eeb617d18ab73fe7f5a97b140486147cda8' }, (_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: '6148da1835f189b1772ceaf1cbb1b14794d88f97', position: "above", required: this.required }, index.h("slot", { key: 'fb1a37443f79c3ea33f9498903c4e29b4496e241', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9488ddba97fa7df5361de5899b56b896c1c05281', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '009e45173af5c515533e8d44bdd758c4ebb53704', name: "group-label-info" })), index.h("slot", { key: 'e57b5006ea6e2b973d7847fbde518747738fb103', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'c878cb8d2bfcc0e38e9ba6f239e092e206459208', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd25ead4c5dac7a89e72d8fd3dac2d664f3983bc9', show: this.hasGroupError }, index.h("slot", { key: 'e62a2de36892eb1afd94d512e543bb9de1bac95e', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '70c096f7525d0364800cb531b40a6ad77bbcf671', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f43c80c1605347afcb8b26d8becc7042c0618346', 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-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-BohhBDYB.js');
+var onMutation = require('./on-mutation-DFJMtCiW.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-D9-q2kVI.js');
-var usage = require('./usage-BDtPYIbd.js');
+var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
+var usage = require('./usage-DMdlKJnN.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: 'fb7667a4463c699f3e73d3b19ce7ed8793526705', class: {
+        return (index.h(index.Host, { key: '1021a1ece03e541d6b28af8894ac804911a6c6cb', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'f5ccb8ab97b7eae908067a589383a7fa881926d9', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '92dc792e00087d796542d3018f0fde710e26edfb', class: "gux-input-label" }, index.h("div", { key: 'dac18e9f39ee86ad3823fd97b3379c43d09f47ea', class: "gux-input" }, index.h("slot", { key: 'decfc141738913059d30a0b9c82de9c61befcd4d', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '07ccac1d64fc67ec4a85647d290bab90e9cdc07c', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'bedd05155c5de9a2b6a14682ee8ad59e381b69e9', name: "label" }))), index.h("div", { key: 'c4ccc766c03dab282e00997d62ab221d753b1754', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '7cf7ba239d21281fb8b1fa7a28291194dc13022a', show: this.hasError }, index.h("slot", { key: '97bd4618a18760668146ce4a0616161a2742409b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7903ba4214b3daab85f7d3344582cac557ee1641', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd692786ed768ceb1ee76b1617dab2bc21e0b3830', name: "help" }))))));
+            } }, index.h("div", { key: 'ce974db61a1130db3c7bab023631811cb8be1ff5', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '84438da1640b1176c156cecda93b90bb392008da', class: "gux-input-label" }, index.h("div", { key: 'cea8de7b99dd9cd851666ba2cd37562948e34c1f', class: "gux-input" }, index.h("slot", { key: '5f8948c66bb64b595d0552b0983618550ef45960', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'c50f31d8ce9d5744667063ef705bca8f3e5b0082', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'a7eba4c6d1ef6bd53a5ea799099266d6856323f5', name: "label" }))), index.h("div", { key: 'b7af5149e9279e445fc2adde11c53f83871052e5', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'a69dd6e4686ae76e643acefa4d2fce463c210bd8', show: this.hasError }, index.h("slot", { key: '48d89602d92a31571991d0ba1850efbb948d556a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fc526239d31338491ad48aea16248d5f553e5d91', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2261bb17a34d3ec8539ff4601734a704895e191d', 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-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-BohhBDYB.js');
+var onMutation = require('./on-mutation-DFJMtCiW.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-D9-q2kVI.js');
-var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
+var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
+var guxFormFieldContainer = require('./gux-form-field-container-o_Eqp-08.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-BDtPYIbd.js');
+var usage = require('./usage-DMdlKJnN.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -90,13 +90,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f6e7d7b1d7ccbfa8087781d93ce64b9da53f02c3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b162bf4dbb2543b9df9d19e7c5c3f1a3b4df1088', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ca8607d663e927b1170e5253af4dbab440b82b45', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4d3635b95c062dbacbdd2dfa44b86d178abb84ef', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b7775bf07e9b5437f0450abe8e3424e3656aac72', name: "label-info" })), index.h("div", { key: '4417c4980e93577d3fc0f5b22eb1df92ebe5d457', class: "gux-input-and-error-container" }, index.h("div", { key: '51a8640109fb27494844e4a8239c37d19727a910', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '558a50fb328be6768c6dd9f612cc380c46338d73', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '906409b0d89e488b5c4cd96901d834ee8e077d30', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b51a9d98cab8b2404c72392bf8070c95512f7495', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ca4650c1b695f13529ea74de3933786ac8ffd8b1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0b54cfa8d6073c916406c103fe3859f647d772b5', name: "label-info" })), index.h("div", { key: '34b7b5d0188de7038992097af8707d45d3227b19', class: "gux-input-and-error-container" }, index.h("div", { key: 'f557b5a8e13a65eef2baacd49b7ade39d9726388', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '8cfdfdb314b57acef65e2a2f3abbf75476cb3832', class: {
+            } }, index.h("div", { key: 'a6bf3f574491eedb5426dc8088c9b46dc0febdff', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '33297c844d90b74c7a396b144a898233313566b3', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b5c589d33b9b8b22c531708f000609a6d24baaa3', show: this.hasError }, index.h("slot", { key: 'c45496e6f3c23011feeeb63d90fc08b4248fa5c4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e4a420035ff6ad3ab0829d2b52ef547667cf7047', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '00496872cb32b3a0ed44d580c37ec48d8b3d73dd', name: "help" })))));
+            } }, index.h("slot", { key: 'cc78ecd5557ff6f821cac2a0c47527a6db316817', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '766c8bc859daf887255583c3ea896bc4beba5bc4', show: this.hasError }, index.h("slot", { key: '1b457e4d708fbbe67016489531db6368af4152b7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4440eed169e44cf81d762709895dff14c580e38d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6e7312afa51593253be4cef9a8134da874fafb49', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/{gux-form-field-container-B9WV4rf8.js → gux-form-field-container-o_Eqp-08.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.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-NcMXRJjU.js');
-var index$1 = require('./index-ZbfXD2eC.js');
-var onMutation = require('./on-mutation-BohhBDYB.js');
+var index = require('./index-CJEUJwB7.js');
+var index$1 = require('./index-DqhFjElJ.js');
+var onMutation = require('./on-mutation-DFJMtCiW.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-D9-q2kVI.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-Cuz9fIqA.js');
+var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-CfEHfKLw.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-BDtPYIbd.js');
+var usage = require('./usage-DMdlKJnN.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -110,11 +110,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'b5279e6991b68c0d3788e2e4c902ae6b2cc65260', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '703dd1c91d4c7034164d4d2e92db29bd70b51b6e' }, (_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: 'bdfa6b8468dd12409a814e00cd790198c9f6b56d', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'ab67908202b76f6547b4f6e4bc143d3a3b320da3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '93f93d39b1b483e12cd7890e15a47de11cfb2b2a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'da298b1ca505d030657419b2096d59d5ed48e82e', name: "label-info" })), index.h("div", { key: '267ba02dac20ad18bbcc9c676d0e077ef694a245', class: "gux-input-and-error-container" }, index.h("div", { key: 'f94a983f649f8ae5fc37fb5ae5b101c04776b3a7', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'd51e853f6c95848922e8d152c825760312e1fba7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ba451ffea039428797569bf37dcd0fa11d47d607' }, (_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: '5e6513e14881982c3abafddb854427fccfb002f0', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '8f0064910cd5cf80cf83d380045d0bfa6a455dd9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3dd2eb6b3947a66965d0e83870f22f3629657c88', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6e9e86a0d920caf06b96b068a8d0cacb14e40f06', name: "label-info" })), index.h("div", { key: '9744d30d312dfdd181561eaab6f8d6abbab499c2', class: "gux-input-and-error-container" }, index.h("div", { key: '9b25225a1a193153bcb9c26ea2e89e0a6c6fc7e1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: 'd05393461eedda9e96354f44bf1abadb3430bc8d' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '6e287057c3e2478f0c2ccaa7ec6acdaaafdb5aae', show: this.hasError }, index.h("slot", { key: 'd4f0b3ac5a20231c8567413f49f25d201c7c2d6d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3b2ed746fff8b662269be05658de25da8a666d9d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9a05538df97c8af1195141000d2197242df1d129', name: "help" })))));
+            } }, index.h("slot", { key: 'bdfcae006dfae7a03510ac12eb4e58472e5f044a' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '0d8638fc072f956a972ca34a055e51a70bf4cc53', show: this.hasError }, index.h("slot", { key: '096069725a6a9c6b4ddabbad5509b19cc9e701c6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'aa612fc6dbd35bb6b273e2d1bf45ca7749a1a36a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '55793d384e12d18af54c4c08cdfcf900f15a28ac', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/{gux-form-field-error-D9-q2kVI.js → gux-form-field-error-Dw1hnlda.js}

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

package/dist/cjs/{gux-form-field-fieldset-container-Cuz9fIqA.js → gux-form-field-fieldset-container-CfEHfKLw.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.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-NcMXRJjU.js');
-var index$1 = require('./index-ZbfXD2eC.js');
-var onMutation = require('./on-mutation-BohhBDYB.js');
+var index = require('./index-CJEUJwB7.js');
+var index$1 = require('./index-DqhFjElJ.js');
+var onMutation = require('./on-mutation-DFJMtCiW.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-BDtPYIbd.js');
-var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
-var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
+var usage = require('./usage-DMdlKJnN.js');
+var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
+var guxFormFieldContainer = require('./gux-form-field-container-o_Eqp-08.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');
@@ -113,7 +113,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '65a1932baf805737c18286dc72a3b7a23b80c00c', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cde655eff45141e8ab9109c107261ab565ab82ab', position: "above", required: this.required }, index.h("slot", { key: 'd7dd60eaf3dd42178299085480cbf83c4d028cc6', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'f274c7b9d3435530f3435e27a28b8aea36e839e5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd49ad17768c63669e986545460cdd8c26290715a', name: "label-info" })), index.h("div", { key: '94899fff1277f8af73e8dd20edc8dc574427c001', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fe62ab96fdd29138b972259d2018cc423e3dd300', show: this.hasHelp }, index.h("slot", { key: 'c591507d2d2766d5381ebb7afc15ca1c7cd63d9a', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '72c0bc32b52c1953a906430b2218f52a9b7bc9ef', show: this.hasError }, index.h("slot", { key: 'd7a37f74db27cd091539adc00645a546f3386474', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd66fd7c7c0ce6518b70c72ffbfadf3c5caf91309', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f1275f72a608b9ebff405140a19afea507d73760', position: "above", required: this.required }, index.h("slot", { key: 'ab6f12e9dba9680ba51963eadb2f6be298a14989', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'b8485f1633253b6c76a89c05377be218d68c9f27', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5379bafad54380a5328aaa49e5259c95d062af38', name: "label-info" })), index.h("div", { key: 'fe4d4031ffd16b57666389ed8d9f324cdd4deb16', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'bc59a5bdfd1b5a92867c0bde63689dd7b2897bb7', show: this.hasHelp }, index.h("slot", { key: 'dc9fd872e825df3a0e07d2c769c047a1f5c15133', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '3338ef3f1b6de251b05741b3f5e7ebc1e2f9f0e0', show: this.hasError }, index.h("slot", { key: '7d202728d353e208833b6e447d8e842e0c3ff30b', 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-NcMXRJjU.js');
-var onMutation = require('./on-mutation-BohhBDYB.js');
+var index = require('./index-CJEUJwB7.js');
+var onMutation = require('./on-mutation-DFJMtCiW.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-BDtPYIbd.js');
-var guxFormFieldError = require('./gux-form-field-error-D9-q2kVI.js');
-var guxFormFieldContainer = require('./gux-form-field-container-B9WV4rf8.js');
+var usage = require('./usage-DMdlKJnN.js');
+var guxFormFieldError = require('./gux-form-field-error-Dw1hnlda.js');
+var guxFormFieldContainer = require('./gux-form-field-container-o_Eqp-08.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');
@@ -108,7 +108,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'fcb5203150da6d16a097d3c1139b2ac45dce24a4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '848e9d993bf460ab5a528683ab6a64da46517013', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'e3a93a05c3d57d18076b775d020021d744efbba1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0d004bbf500984c12f35599f137c976b9da571f8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3643a218d190d8b14fed4399c8c5d969a55f2477', name: "label-info" })), index.h("div", { key: '018444e358f77ad1c9a2b5e2c7d151addedf00f9', class: "gux-input-and-error-container" }, index.h("slot", { key: '2db769ce22592842976cf541ae61f35dc2d49612', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '65de0b91cebf616fd01fb0d72a1aed6194460aaf', show: this.hasError }, index.h("slot", { key: 'f9a1d3420ea4f8b65f5a55052b6a4878f79fac6e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '566ebf6959869b2953ccfcbb90609e30c64bea49', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5099d3f8d3b4b16f10510153e36afc36b3907a72', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9a562d7523a70d2bff4e7d2d32871ce29bcb865d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2d7ea7f26fbcdbb58fdf27053ca8ba6071ebb406', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'dc887919e36a7b6ad595fc98a46a8fa4704c5f0c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8fcb9657de2e653d84b21ad04d9aa59406ac6c9f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bc0735404ce679d6b5e845dc8875e9cd7379cd4d', name: "label-info" })), index.h("div", { key: 'b7ac14182f08e1e2fd3e1081cd852943bb7e4216', class: "gux-input-and-error-container" }, index.h("slot", { key: '95f713de8c9ca514592d0af6ba7e7b8a9b77a88f', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '35a654570e572eb32778efd3ca2b56a9a6e19710', show: this.hasError }, index.h("slot", { key: 'b2293ffa278d06f4ec6887378801045b0680a010', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '280f35c44b1ea927382e31a541d5a85ea44889c7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '72f56116408a48fac923bd316915c9174f83c42a', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-BDtPYIbd.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.js');
+var index$1 = require('./index-DqhFjElJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const clear = "Clear";
@@ -21,7 +21,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '1f92bb0930c3a6d8e6191a790458895d6e548b8a', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '22779e1c27671fb68e0ac67a2bd3b5e933f822be', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: 'a2e4487772f1fbf419fb547dc7551d978f3f7c09', "visual-only": true }, index.h("div", { key: 'd65cae69fd0f710ba73918eb69e1df3835120c08', slot: "content" }, this.i18n('clear')))));
+        return (index.h("button", { key: 'e796f38dff31b2751a760efa342b22dbd1c24b05', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: 'd1ad9c79abc513d782310cf497aed0ab88729ef6', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: 'b8596861059c3ff2475dd01564eb4e9af0cc672d', "visual-only": true }, index.h("div", { key: '1e47c8e1b4e120f5737c7d5fa5602f99441c0379', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
-var usage = require('./usage-BDtPYIbd.js');
-var index$1 = require('./index-ZbfXD2eC.js');
+var index = require('./index-CJEUJwB7.js');
+var usage = require('./usage-DMdlKJnN.js');
+var index$1 = require('./index-DqhFjElJ.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const optional = "optional";