npm - genesys-spark-components - Versions diffs - 4.199.2 → 4.201.0 - Mend

genesys-spark-components 4.199.2 → 4.201.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (719) hide show

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

@@ -1,18 +1,18 @@
-import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
-import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-DhyuCthg.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DeVGvgGb.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CskVsi_X.js';
+import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-Nq3AAQGS.js';
+import { t as trackComponent } from './usage-7uJ-gUB2.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
-const guxFormFieldColorCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-colorPicker-input-swatchSizing);min-inline-size:var(--gse-ui-colorPicker-input-swatchSizing);block-size:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;text-overflow:ellipsis;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);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-colorPicker-size);block-size:var(--gse-ui-formControl-input-colorPicker-size);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;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-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
+const guxFormFieldColorCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-character-counter{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.gux-character-counter :nth-child(1){grid-row:1/2;grid-column:2/3}.gux-character-counter :nth-child(2){grid-row:1/2;grid-column:1/2}.gux-character-counter :nth-child(3){grid-row:2/3;grid-column:1/-1}.gux-character-counter :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-character-counter.gux-beside{grid-template-columns:min-content 1fr}.gux-character-counter.gux-beside :nth-child(1){grid-row:1/2;grid-column:1/-1}.gux-character-counter.gux-beside :nth-child(2){grid-row:2/3;grid-column:1/2}.gux-character-counter.gux-beside :nth-child(3){grid-row:2/3;grid-column:2/3}.gux-character-counter.gux-beside :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{display:flex;inline-size:50%;padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:0 1 auto;align-self:auto;order:0;inline-size:var(--gse-ui-colorPicker-input-swatchSizing);min-inline-size:var(--gse-ui-colorPicker-input-swatchSizing);block-size:var(--gse-ui-colorPicker-input-swatchSizing);padding:0;overflow:hidden;text-overflow:ellipsis;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);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:var(--gse-ui-formControl-input-colorPicker-size);block-size:var(--gse-ui-formControl-input-colorPicker-size);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;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-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover{cursor:pointer;border-color:var(--gse-ui-formControl-input-hover-border-color)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
 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;
@@ -88,13 +88,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'f6e7d7b1d7ccbfa8087781d93ce64b9da53f02c3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b162bf4dbb2543b9df9d19e7c5c3f1a3b4df1088', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ca8607d663e927b1170e5253af4dbab440b82b45', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4d3635b95c062dbacbdd2dfa44b86d178abb84ef', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b7775bf07e9b5437f0450abe8e3424e3656aac72', name: "label-info" })), h("div", { key: '4417c4980e93577d3fc0f5b22eb1df92ebe5d457', class: "gux-input-and-error-container" }, h("div", { key: '51a8640109fb27494844e4a8239c37d19727a910', class: {
+        return (h(GuxFormFieldContainer, { key: '558a50fb328be6768c6dd9f612cc380c46338d73', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '906409b0d89e488b5c4cd96901d834ee8e077d30', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b51a9d98cab8b2404c72392bf8070c95512f7495', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ca4650c1b695f13529ea74de3933786ac8ffd8b1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0b54cfa8d6073c916406c103fe3859f647d772b5', name: "label-info" })), h("div", { key: '34b7b5d0188de7038992097af8707d45d3227b19', class: "gux-input-and-error-container" }, h("div", { key: 'f557b5a8e13a65eef2baacd49b7ade39d9726388', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '8cfdfdb314b57acef65e2a2f3abbf75476cb3832', class: {
+            } }, h("div", { key: 'a6bf3f574491eedb5426dc8088c9b46dc0febdff', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '33297c844d90b74c7a396b144a898233313566b3', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b5c589d33b9b8b22c531708f000609a6d24baaa3', show: this.hasError }, h("slot", { key: 'c45496e6f3c23011feeeb63d90fc08b4248fa5c4', name: "error" })), h(GuxFormFieldHelp, { key: 'e4a420035ff6ad3ab0829d2b52ef547667cf7047', show: !this.hasError && this.hasHelp }, h("slot", { key: '00496872cb32b3a0ed44d580c37ec48d8b3d73dd', name: "help" })))));
+            } }, h("slot", { key: 'cc78ecd5557ff6f821cac2a0c47527a6db316817', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '766c8bc859daf887255583c3ea896bc4beba5bc4', show: this.hasError }, h("slot", { key: '1b457e4d708fbbe67016489531db6368af4152b7', name: "error" })), h(GuxFormFieldHelp, { key: '4440eed169e44cf81d762709895dff14c580e38d', show: !this.hasError && this.hasHelp }, h("slot", { key: '6e7312afa51593253be4cef9a8134da874fafb49', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/esm/{gux-form-field-container-DgY6gSC7.js → gux-form-field-container-CskVsi_X.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { h } from './index-CiOdbrOB.js';
+import { h } from './index-C1fW4ajX.js';
 const GuxFormFieldLabel = ({ position, required }, children) => {
     return (h("div", { class: {
@@ -8,10 +8,11 @@ const GuxFormFieldLabel = ({ position, required }, children) => {
         } }, children));
 };
-const GuxFormFieldContainer = ({ labelPosition }, children) => {
+const GuxFormFieldContainer = ({ labelPosition, characterLimit }, children) => {
     return (h("div", { class: {
             'gux-form-field-container': true,
-            [`gux-${labelPosition}`]: true
+            [`gux-${labelPosition}`]: true,
+            'gux-character-counter': characterLimit > 0
         } }, children));
 };

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DeVGvgGb.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-Dr8DNQiJ.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { b as setSlotAriaLabelledby, s as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-DhyuCthg.js';
+import { b as setSlotAriaLabelledby, s as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-Nq3AAQGS.js';
+import { t as trackComponent } from './usage-7uJ-gUB2.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -108,11 +108,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'b5279e6991b68c0d3788e2e4c902ae6b2cc65260', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '703dd1c91d4c7034164d4d2e92db29bd70b51b6e' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'bdfa6b8468dd12409a814e00cd790198c9f6b56d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ab67908202b76f6547b4f6e4bc143d3a3b320da3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '93f93d39b1b483e12cd7890e15a47de11cfb2b2a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'da298b1ca505d030657419b2096d59d5ed48e82e', name: "label-info" })), h("div", { key: '267ba02dac20ad18bbcc9c676d0e077ef694a245', class: "gux-input-and-error-container" }, h("div", { key: 'f94a983f649f8ae5fc37fb5ae5b101c04776b3a7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd51e853f6c95848922e8d152c825760312e1fba7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ba451ffea039428797569bf37dcd0fa11d47d607' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5e6513e14881982c3abafddb854427fccfb002f0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8f0064910cd5cf80cf83d380045d0bfa6a455dd9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3dd2eb6b3947a66965d0e83870f22f3629657c88', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6e9e86a0d920caf06b96b068a8d0cacb14e40f06', name: "label-info" })), h("div", { key: '9744d30d312dfdd181561eaab6f8d6abbab499c2', class: "gux-input-and-error-container" }, h("div", { key: '9b25225a1a193153bcb9c26ea2e89e0a6c6fc7e1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'd05393461eedda9e96354f44bf1abadb3430bc8d' })), h(GuxFormFieldError, { key: '6e287057c3e2478f0c2ccaa7ec6acdaaafdb5aae', show: this.hasError }, h("slot", { key: 'd4f0b3ac5a20231c8567413f49f25d201c7c2d6d', name: "error" })), h(GuxFormFieldHelp, { key: '3b2ed746fff8b662269be05658de25da8a666d9d', show: !this.hasError && this.hasHelp }, h("slot", { key: '9a05538df97c8af1195141000d2197242df1d129', name: "help" })))));
+            } }, h("slot", { key: 'bdfcae006dfae7a03510ac12eb4e58472e5f044a' })), h(GuxFormFieldError, { key: '0d8638fc072f956a972ca34a055e51a70bf4cc53', show: this.hasError }, h("slot", { key: '096069725a6a9c6b4ddabbad5509b19cc9e701c6', name: "error" })), h(GuxFormFieldHelp, { key: 'aa612fc6dbd35bb6b273e2d1bf45ca7749a1a36a', show: !this.hasError && this.hasHelp }, h("slot", { key: '55793d384e12d18af54c4c08cdfcf900f15a28ac', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/{gux-form-field-error-DkGIka65.js → gux-form-field-error-DeVGvgGb.js} RENAMED Viewed

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

package/dist/esm/{gux-form-field-fieldset-container-DpnuZ0dL.js → gux-form-field-fieldset-container-Dr8DNQiJ.js} RENAMED Viewed

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

package/dist/esm/gux-form-field-file-beta.entry.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, f as forceUpdate, a as getElement } from './index-CiOdbrOB.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { r as registerInstance, h, f as forceUpdate, a as getElement } from './index-C1fW4ajX.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-DhyuCthg.js';
-import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
-import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
+import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DeVGvgGb.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CskVsi_X.js';
+import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-Nq3AAQGS.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { a as onDisabledChange, o as onRequiredChange, b as onMultipleChange } from './on-attribute-change-De1NnCmO.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
@@ -30,7 +30,7 @@ var componentResources = {
 	dragAndDropFilesInstructions: dragAndDropFilesInstructions
 };
-const guxFormFieldFileCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";
+const guxFormFieldFileCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-character-counter{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.gux-character-counter :nth-child(1){grid-row:1/2;grid-column:2/3}.gux-character-counter :nth-child(2){grid-row:1/2;grid-column:1/2}.gux-character-counter :nth-child(3){grid-row:2/3;grid-column:1/-1}.gux-character-counter :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-character-counter.gux-beside{grid-template-columns:min-content 1fr}.gux-character-counter.gux-beside :nth-child(1){grid-row:1/2;grid-column:1/-1}.gux-character-counter.gux-beside :nth-child(2){grid-row:2/3;grid-column:1/2}.gux-character-counter.gux-beside :nth-child(3){grid-row:2/3;grid-column:2/3}.gux-character-counter.gux-beside :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{display:flex;inline-size:50%;padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{display:flex;flex-grow:1;flex-direction:column;gap:var(--gse-ui-fileUpload-mainContainer-gap)}.gux-drop-container{box-sizing:border-box;display:flex;flex-direction:column;flex-wrap:nowrap;gap:var(--gse-ui-fileUpload-dragDrop-btnText-gap);margin-inline:0;font-family:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontFamily);font-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontSize);font-weight:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-fontWeight);line-height:var(--gse-ui-fileUpload-dragAndDrop-dropZone-text-lineHeight);color:var(--gse-ui-fileUpload-dragAndDrop-dropZoneText-color)}.gux-drop-container.gux-drop-zone{place-content:stretch center;align-items:center;min-block-size:var(--gse-ui-fileUpload-dragAndDrop-dropZone-minHeight);padding:20px;border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-default-border-color);border-radius:var(--gse-ui-fileUpload-dropZone-borderRadius)}.gux-drop-container.gux-drop-zone.gux-drag-over:not(.gux-disabled){background-color:var(--gse-ui-fileUpload-dragAndDrop-dropZone-background-active);border:var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-width) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-style) var(--gse-ui-fileUpload-dragAndDrop-dropZone-active-border-color)}.gux-drop-container.gux-drop-zone.gux-disabled{border-color:rgba(0, 0, 64, 0.2509803922)}.gux-drop-container.gux-drop-zone.gux-disabled .gux-drag-and-drop-text{opacity:0.5}.gux-offscreen{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-proxy-button{inline-size:fit-content;border-radius:var(--gse-ui-button-borderRadius)}.gux-proxy-button:focus-within{outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-file-list{display:flex;flex-direction:column;gap:var(--gse-ui-fileUpload-fileCard-cardGroup-gap);inline-size:100%}";
 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;
@@ -111,7 +111,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '65a1932baf805737c18286dc72a3b7a23b80c00c', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'cde655eff45141e8ab9109c107261ab565ab82ab', position: "above", required: this.required }, h("slot", { key: 'd7dd60eaf3dd42178299085480cbf83c4d028cc6', name: "label" }), h("gux-form-field-label-indicator", { key: 'f274c7b9d3435530f3435e27a28b8aea36e839e5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd49ad17768c63669e986545460cdd8c26290715a', name: "label-info" })), h("div", { key: '94899fff1277f8af73e8dd20edc8dc574427c001', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'fe62ab96fdd29138b972259d2018cc423e3dd300', show: this.hasHelp }, h("slot", { key: 'c591507d2d2766d5381ebb7afc15ca1c7cd63d9a', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '72c0bc32b52c1953a906430b2218f52a9b7bc9ef', show: this.hasError }, h("slot", { key: 'd7a37f74db27cd091539adc00645a546f3386474', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'd66fd7c7c0ce6518b70c72ffbfadf3c5caf91309', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'f1275f72a608b9ebff405140a19afea507d73760', position: "above", required: this.required }, h("slot", { key: 'ab6f12e9dba9680ba51963eadb2f6be298a14989', name: "label" }), h("gux-form-field-label-indicator", { key: 'b8485f1633253b6c76a89c05377be218d68c9f27', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5379bafad54380a5328aaa49e5259c95d062af38', name: "label-info" })), h("div", { key: 'fe4d4031ffd16b57666389ed8d9f324cdd4deb16', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'bc59a5bdfd1b5a92867c0bde63689dd7b2897bb7', show: this.hasHelp }, h("slot", { key: 'dc9fd872e825df3a0e07d2c769c047a1f5c15133', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '3338ef3f1b6de251b05741b3f5e7ebc1e2f9f0e0', show: this.hasError }, h("slot", { key: '7d202728d353e208833b6e447d8e842e0c3ff30b', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

package/dist/esm/gux-form-field-file.entry.js CHANGED Viewed

@@ -1,17 +1,17 @@
-import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-DhyuCthg.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
-import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
+import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DeVGvgGb.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CskVsi_X.js';
+import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-Nq3AAQGS.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
-const guxFormFieldFileCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";
+const guxFormFieldFileCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-character-counter{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.gux-character-counter :nth-child(1){grid-row:1/2;grid-column:2/3}.gux-character-counter :nth-child(2){grid-row:1/2;grid-column:1/2}.gux-character-counter :nth-child(3){grid-row:2/3;grid-column:1/-1}.gux-character-counter :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-character-counter.gux-beside{grid-template-columns:min-content 1fr}.gux-character-counter.gux-beside :nth-child(1){grid-row:1/2;grid-column:1/-1}.gux-character-counter.gux-beside :nth-child(2){grid-row:2/3;grid-column:1/2}.gux-character-counter.gux-beside :nth-child(3){grid-row:2/3;grid-column:2/3}.gux-character-counter.gux-beside :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{display:flex;inline-size:50%;padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";
 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;
@@ -106,7 +106,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'fcb5203150da6d16a097d3c1139b2ac45dce24a4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '848e9d993bf460ab5a528683ab6a64da46517013', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e3a93a05c3d57d18076b775d020021d744efbba1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0d004bbf500984c12f35599f137c976b9da571f8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3643a218d190d8b14fed4399c8c5d969a55f2477', name: "label-info" })), h("div", { key: '018444e358f77ad1c9a2b5e2c7d151addedf00f9', class: "gux-input-and-error-container" }, h("slot", { key: '2db769ce22592842976cf541ae61f35dc2d49612', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '65de0b91cebf616fd01fb0d72a1aed6194460aaf', show: this.hasError }, h("slot", { key: 'f9a1d3420ea4f8b65f5a55052b6a4878f79fac6e', name: "error" })), h(GuxFormFieldHelp, { key: '566ebf6959869b2953ccfcbb90609e30c64bea49', show: !this.hasError && this.hasHelp }, h("slot", { key: '5099d3f8d3b4b16f10510153e36afc36b3907a72', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '9a562d7523a70d2bff4e7d2d32871ce29bcb865d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2d7ea7f26fbcdbb58fdf27053ca8ba6071ebb406', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'dc887919e36a7b6ad595fc98a46a8fa4704c5f0c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8fcb9657de2e653d84b21ad04d9aa59406ac6c9f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bc0735404ce679d6b5e845dc8875e9cd7379cd4d', name: "label-info" })), h("div", { key: 'b7ac14182f08e1e2fd3e1081cd852943bb7e4216', class: "gux-input-and-error-container" }, h("slot", { key: '95f713de8c9ca514592d0af6ba7e7b8a9b77a88f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '35a654570e572eb32778efd3ca2b56a9a6e19710', show: this.hasError }, h("slot", { key: 'b2293ffa278d06f4ec6887378801045b0680a010', name: "error" })), h(GuxFormFieldHelp, { key: '280f35c44b1ea927382e31a541d5a85ea44889c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '72f56116408a48fac923bd316915c9174f83c42a', name: "help" })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-form-field-input-clear-button.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { t as trackComponent } from './usage-DhyuCthg.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import './get-closest-element-Cd4R0amv.js';
 const clear = "Clear";
@@ -19,7 +19,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '1f92bb0930c3a6d8e6191a790458895d6e548b8a', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '22779e1c27671fb68e0ac67a2bd3b5e933f822be', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'a2e4487772f1fbf419fb547dc7551d978f3f7c09', "visual-only": true }, h("div", { key: 'd65cae69fd0f710ba73918eb69e1df3835120c08', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: 'e796f38dff31b2751a760efa342b22dbd1c24b05', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: 'd1ad9c79abc513d782310cf497aed0ab88729ef6', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'b8596861059c3ff2475dd01564eb4e9af0cc672d', "visual-only": true }, h("div", { key: '1e47c8e1b4e120f5737c7d5fa5602f99441c0379', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-form-field-label-indicator.entry.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { t as trackComponent } from './usage-DhyuCthg.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import './get-closest-element-Cd4R0amv.js';
 const optional = "optional";

package/dist/esm/gux-form-field-number_2.entry.js CHANGED Viewed

@@ -1,18 +1,18 @@
-import { r as registerInstance, f as forceUpdate, h, a as getElement, c as createEvent } from './index-CiOdbrOB.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
+import { r as registerInstance, f as forceUpdate, h, a as getElement, c as createEvent } from './index-C1fW4ajX.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.js';
 import { o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
-import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition, d as setInputValue } from './gux-form-field.service-C3WKbzwR.js';
+import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition, e as setInputValue } from './gux-form-field.service-Nq3AAQGS.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-DgY6gSC7.js';
-import { t as trackComponent } from './usage-DhyuCthg.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DeVGvgGb.js';
+import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-CskVsi_X.js';
+import { t as trackComponent } from './usage-7uJ-gUB2.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import { t as translationResources } from './en-BFMPPR7N.js';
-import { O as OnClickOutside } from './on-click-outside-0JRHYOHB.js';
+import { O as OnClickOutside } from './on-click-outside-BdeJzE16.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
@@ -25,7 +25,7 @@ var componentResources = {
 	decrement: decrement
 };
-const guxFormFieldNumberCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;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);color:var(--gse-ui-formControl-input-populatedColor);text-align:var(--gux-text-align, end);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;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-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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-focusRing-borderRadius)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;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-step-buttons-container .gux-step-button:disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";
+const guxFormFieldNumberCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-character-counter{display:grid;grid-template-rows:auto auto auto;grid-template-columns:1fr 1fr}.gux-character-counter :nth-child(1){grid-row:1/2;grid-column:2/3}.gux-character-counter :nth-child(2){grid-row:1/2;grid-column:1/2}.gux-character-counter :nth-child(3){grid-row:2/3;grid-column:1/-1}.gux-character-counter :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-character-counter.gux-beside{grid-template-columns:min-content 1fr}.gux-character-counter.gux-beside :nth-child(1){grid-row:1/2;grid-column:1/-1}.gux-character-counter.gux-beside :nth-child(2){grid-row:2/3;grid-column:1/2}.gux-character-counter.gux-beside :nth-child(3){grid-row:2/3;grid-column:2/3}.gux-character-counter.gux-beside :nth-child(4){grid-row:3/4;grid-column:1/-1}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{display:flex;inline-size:50%;padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;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);color:var(--gse-ui-formControl-input-populatedColor);text-align:var(--gux-text-align, end);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;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-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);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-focusRing-borderRadius)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;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-step-buttons-container .gux-step-button:disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";
 var __decorate$1 = (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;
@@ -113,14 +113,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '1afb09a448b2cc280635470424833594aa33a436', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7d15d6e9e056cf791c413d19a4e7593a069b4ab8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '576ed3cd517e30895ef919e4a919753d0744fce3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bc80eaff5f873ef7886cbe47eb58ee257e3159e7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff1f5deceff8871ce3d3f6212aa85f66f185789e', name: "label-info" })), h("div", { key: 'e4419df87fca952990ea3904a9653080e1525acd', class: "gux-input-and-error-container" }, h("div", { key: 'c7828d8c8ef6fd70d7ccf79b18c11203228c207e', class: {
+        return (h(GuxFormFieldContainer, { key: '476289fec520dca4865237d8389a23a82cb680a3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '634f4b34789a05410922fd94ad1401e2a290793f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1eb4f92404dc8c216effde61d88c0900e0762250', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '45ca01653b6f98ef2db38d85b3378a023ea8d63d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ecea95219130e3610fb61d87b0ef0fff5b241045', name: "label-info" })), h("div", { key: 'f1167bce53378b848f88edf23f382345555529eb', class: "gux-input-and-error-container" }, h("div", { key: '0468bc968a85a3eb3d2113597fb1c88cdde5906f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '4ea301bd8363355d5a457da4382bade792e33a85', class: {
+            }, part: "input-section" }, h("div", { key: 'fc1b5d10c8ac9bae43fb36104df4ee93eb473bac', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '869519b5fee822675980b209f5977a97fb9cc46e', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'e06d26730668b07bc8d6540498105608675b5261', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '1626273042068e9fbb1aa2a34108144081aeeac7', show: this.hasError }, h("slot", { key: '564b1572c570e9d09f9328c8f8442950f2da9b74', name: "error" })), h(GuxFormFieldHelp, { key: '720c9cf71974405305f4c2f07dae379fbaaf7a02', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f9c6a63636cebb60c51878ad71b37c089e034114', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'af4c3e6794de24e9bb5d438799b9a926ca34235d', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '9039c4ef353ee74aca1628059ad17510d79751de', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'de8f3d568b90357dcfa3189f478af45b8c16fa56', show: this.hasError }, h("slot", { key: 'f859cb2c03e35b75f676efffcd082be9dc25bc07', name: "error" })), h(GuxFormFieldHelp, { key: 'ae0469c5053ea98fcac1be5eb6a865e05bba49a9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e3125bb7c5ad7ab86dc10c7f51fa82a4b340805c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -279,10 +279,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: '41fa8ef4c3c0019bf67b93db08f601f88d805c8f', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'bf25edf05ed8ab988c5119570478f1cec13b87cd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '1713d68208cc7fa115dac5029e6be2b04ceb5648', for: "popover-target" }, h("div", { key: 'af473fdd17ea5a002e47eb75f8633e6a0c67ce47', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '5d3ee487cb610eb007c19f436b9b30b24310a5c5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '346d66913d5f1fec8d15827aca51c63bd0d85de6', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c6831032a1576b0fbb5287696cee3fcccd8ef810' }, h("input", { key: 'a576ecd7bd9cac0645964ec78be84fa047ba5019', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: 'd9efd50b577a7148c963d514af54c83e7c1af5b5', slot: "label" })))
+            h("gux-button", { key: 'f15a7f8dc0ef9abc9662336a7ae68ee3c8b59fcf', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '0bd4dc0b4acc7ad0f97759d9c602bad26b38ae63', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '28c3b7e2c0b7afec7bf025104089f290eca533de', for: "popover-target" }, h("div", { key: '4cf7a6347d6aa09fcf4baf3ebe2a82f97e08cd9f', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'd05859ddaa7072d6b7e9ad160cc8a8739aedd678', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '69cddbce7ab4a35b0595c43d1aedd26417a7e2e3', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '31577f7af2b1cdfded0fbbe516c09b7dafe5c6a8' }, h("input", { key: '83ae91baba0465971dbcb34b4b3d08c0cec524ad', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '4f53b97e4d632aebec1ff64efe9df5e9eb3fa7dc', slot: "label" })))
         ];
     }
     get root() { return getElement(this); }

package/dist/esm/gux-form-field-phone.entry.js CHANGED Viewed

@@ -1,13 +1,13 @@
-import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
-import { t as trackComponent } from './usage-DhyuCthg.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
+import { t as trackComponent } from './usage-7uJ-gUB2.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DeVGvgGb.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-Dr8DNQiJ.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
+import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-Nq3AAQGS.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -103,14 +103,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '53000c90b4beb4b39a5b01034c0f3fa73b396876', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6a4254e82dd5b768633e6612ae651ed0248f4ae9' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'b2e2a111d921bc08b263a0fd97c81f3eacd6cc79', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '804d6889de8742cfd867a498198df4071ff9c943', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '659eec208d8e4c854dd3cfd1f9cde624f4635402', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b5240ca888ba1d103445db25a713127b30e3d990', name: "label-info" })), h("div", { key: '3c8c7f5861a2e8a9fc1f820d3f9074d805ca8e0c', class: "gux-input-and-error-container" }, h("div", { key: 'a591e5fadd1710f309284fb0585d858312c2e49a', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '7f002d7a4d36d516bb9ad9fdf11e7e332fb7e517', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dd4efcd27dd4cf5e54f778cfb969ed0b528ffb2f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '80dae08bc0905b55ecbcc19cc6f171c84961e977', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9a351a20e43ade3aa9f53ae519e125e526919f66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '52a29606f8a8bd13048197712b8b9736f0016605', variant: this.indicatorMark, required: this.required }), h("slot", { key: '34f9ce1ecefdbe6a28628eb9a6a095abb2eb31b5', name: "label-info" })), h("div", { key: 'c048f4de9d9db0b48166eca6214d8d07670ed98e', class: "gux-input-and-error-container" }, h("div", { key: 'cd885cce396cd90405090e3de2ec89358d60c9a8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '566ee4849c10818c9a995071ed7975ed1a5abaa0', class: {
+            } }, h("div", { key: '2426dec0a786b9c08cc18a3289a9aea6acf07ce0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '11deece909da10c36cf3bdb4dfa3ca3d4c0880ff' }))), h(GuxFormFieldError, { key: 'a18267eaeb18e47e7353bfd5ef80d42b7a5dd596', show: this.hasError }, h("slot", { key: '5cc8272da81a69d381b2577012edf5ebee602cf3', name: "error" })), h(GuxFormFieldHelp, { key: '69abfbacabeedcdc63dcd752b0946811548ad25a', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b79a04842832c6e85a124d6b6d6cd0f44de3c99', name: "help" })))));
+            } }, h("slot", { key: 'dc170219046f69016c2fc111e9543b48d39dbeb8' }))), h(GuxFormFieldError, { key: '0e55538b92ec922e744d58784f78478d00888292', show: this.hasError }, h("slot", { key: '54c4691505613098eb6b253b784a54d4eeb450c9', name: "error" })), h(GuxFormFieldHelp, { key: 'ab607e7a1931a79e84fad3404e54172a068aa4c6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f0fc57a92422409e5107c23f25d3bcfde9be2aad', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/esm/gux-form-field-radio-group-beta.entry.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, a as getElement } from './index-CiOdbrOB.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { r as registerInstance, h, a as getElement } from './index-C1fW4ajX.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { b as buildI18nForComponent } from './index-CQoOheQV.js';
-import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DkGIka65.js';
-import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-DpnuZ0dL.js';
+import { b as buildI18nForComponent } from './index-Cq0qTC7D.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-DeVGvgGb.js';
+import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-Dr8DNQiJ.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-DhyuCthg.js';
+import { t as trackComponent } from './usage-7uJ-gUB2.js';
 import './get-closest-element-Cd4R0amv.js';
 const required = "Required";
@@ -128,8 +128,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'e881bcd96cecc3c883ee4cff00d381142b6c03c7', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ce05ec0f0ef21df4e4cf477765744ad6b2696c40' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '837fba29937dd4e4086b6385e9837e8342298bdb', position: "above", required: this.required }, h("slot", { key: '5abc8b8250fe8dc8e795250ce9009a6267a2086a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c02c76d2ed257a9c07c84b5e3fc97db2274b9a45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8a6052361e00413536632f1e002ab1b524a41ff6', name: "group-label-info" })), h("slot", { key: '68edec2e6e82a5c2fdf5bad66278ab0d707e8e68' }), h(GuxFormFieldError, { key: '4a5a3698a952a0640dc56f8bc760cbffd3cd6e65', show: this.hasGroupError }, h("slot", { key: 'caed6db06b01031ae7e42cae75332dd889155198', name: "group-error" })), h(GuxFormFieldHelp, { key: '3a5075eb14843fe46c87a525bfafc2b1ef49f290', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '6eda3f62aa08ee56b939a916223aa6d14fa72e93', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '3c8dd01690792866de854e2b0f165e49a2d65794', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '2bb339ee3382ed8a53dc5fa2c18c8d35a07982f8' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'e1e6d9514d585b94426640e1886507fd3564c005', position: "above", required: this.required }, h("slot", { key: 'b57d2a2d3ddf247c65b56bca14ec1df115bfdfcd', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4d101d85b50dc94528340a30d7f7385419d48b72', variant: this.indicatorMark, required: this.required }), h("slot", { key: '552239601d89f8bbc972edc27cc0c378c7816324', name: "group-label-info" })), h("slot", { key: '60c692ae9c807d5e9d3081ccc8cfa053efadc3e1' }), h(GuxFormFieldError, { key: 'aff42f8abc8573c01342b38b90265debd7c3020c', show: this.hasGroupError }, h("slot", { key: '95dae42ed28b431abeb4d4fcdac099ce572db2c7', name: "group-error" })), h(GuxFormFieldHelp, { key: '27a0e6ea691b7f4b74e347063ce9f46ea035c914', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e720860250bf9a9cf6e348b99f09b88c865d0b3e', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/esm/gux-form-field-radio.entry.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CiOdbrOB.js';
+import { r as registerInstance, h, H as Host, a as getElement } from './index-C1fW4ajX.js';
 import { c as calculateInputDisabledState, o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { O as OnMutation } from './on-mutation-27bBUUXS.js';
+import { O as OnMutation } from './on-mutation-DkNnZcKZ.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DkGIka65.js';
-import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-DhyuCthg.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-DeVGvgGb.js';
+import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-Nq3AAQGS.js';
+import { t as trackComponent } from './usage-7uJ-gUB2.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -46,10 +46,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: 'b98b27ed8d0a8d5abe14ee10f142754eab52d328', class: {
+        return (h(Host, { key: '280cebf11e4924112fb46527bbd9e20c7403c682', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f4c9b73176c38ed3294c75265b19a1277b064483', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'fae2731afab82056dd66d7227a5ef04ebcff72c7', class: "gux-input-label" }, h("div", { key: '2ffa9946ee945013279cdb2e22a895cfabb63e74', class: "gux-input" }, h("slot", { key: '11c8ff038e8902a597b4e9b1143eae57f4848ee3', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'bc96caee8655129ce492044aa573211cb7312da2', class: "gux-label" }, h("slot", { key: '8591ac397a617afdb1a438081533204f84ced124', name: "label" }))), h("div", { key: '95c77f38708c1441565c055ad64e567e12814953', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '3e113730b5cf959acd78485799abb036e70a0833', show: this.hasError }, h("slot", { key: '5dabb15f01b21e26dfb3f7e9a399be3bd79ba2ea', name: "error" })), h(GuxFormFieldHelp, { key: '38419e0287dd06ca1ce84c9b7a51cf207a6cbd67', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f13d14dbbd145be3c8148974b74e167599d5e650', name: "help" }))))));
+            } }, h("div", { key: '4a9f32489d8f6615b575e7da0746a3e3e566934d', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'b622caa4da930c98900976c6e10f5ee84c125eed', class: "gux-input-label" }, h("div", { key: '100684b710294f3952f367ee148985bf9dbb382e', class: "gux-input" }, h("slot", { key: 'f55beaafe1664542857d2a1587629021501625af', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b2184452be404de8a54c34838beaa41149b248a0', class: "gux-label" }, h("slot", { key: '0d18c02f8c3f92bd48f35a524bfdbb7d75413edf', name: "label" }))), h("div", { key: 'd5441591eaab0f9e7ab9d8baf01376f56e2df79c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '59c054b9dd9b438d81b06b277e0873acb2de7a4e', show: this.hasError }, h("slot", { key: '516ce8c6f9620d5dd34e63f89a43554fda804396', name: "error" })), h(GuxFormFieldHelp, { key: '975de354b965e2be151ab2ec7c19c5a80ce771e8', show: !this.hasError && this.hasHelp }, h("slot", { key: '2b72de789cc6f5800de7cb48fd913c58ea5f2baa', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');