npm - genesys-spark-components - Versions diffs - 4.58.0 → 4.60.0 - Mend

genesys-spark-components 4.58.0 → 4.60.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 (589) hide show

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

@@ -7,9 +7,9 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition, d as setInputValue } from './gux-form-field.service-6cfb4f6f.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-9f233cc9.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import { t as translationResources } from './en-25a315a0.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -27,7 +27,7 @@ const componentResources = {
 	decrement: decrement
 };
-const guxFormFieldNumberCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;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 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;padding-bottom:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline: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;width: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;width:100%;height: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);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{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);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-focusRing-offset)}.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-left: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 gux-icon{flex:0 0 auto;width:14px;height:14px}";
+const guxFormFieldNumberCss = ".gux-form-field-container.gux-beside{display:flex;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;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;padding-bottom:0;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline: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;width: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;width:100%;height: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);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{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);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-focusRing-offset)}.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-left: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 gux-icon{flex:0 0 auto;width:14px;height:14px}";
 const GuxFormFieldNumberStyle0 = guxFormFieldNumberCss;
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -81,14 +81,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'a9a06a2ad9a0b1fb90f9c08e39e412b56724b5e8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '48428576ad89dbeef84489a4457548b1eb6fbe89', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4df79bf4e59801c57f7333414d615ac9afb75f6d', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'ebc55fafb330cdfd68d4c582806887c90b497507', class: "gux-input-and-error-container" }, h("div", { key: 'f47ff506665012da5edd9f798cebde2b1e339740', class: {
+        return (h(GuxFormFieldContainer, { key: 'f8a6263300721fabed1598de265f03f057838f74', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e32c773c643108d62c37d418f9cc6beba83e0e36', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'efc3fef4d86af9b7790cb230b3a27a11d4d6b907', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '2acd69ecc8a21a92936bd585f9e9a4b621231bd9', class: "gux-input-and-error-container" }, h("div", { key: '233fd1e290da8bf45d0e77a0ca43a88677e6cf0a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'cdc4e655e611a6742538ab5f4eac014a959e6fc8', class: {
+            }, part: "input-section" }, h("div", { key: '7930f9f5df29d0c836d9f4abdc8887b8c3d1cfc2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: 'aa5b10586faa8e06051477bb6d7dacbad348988a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '1f169dd7cce45f773f094db4ce3da5ef32dda8e5', show: this.hasError }, h("slot", { key: 'eff3e2766fd1881e52c5bfcad5a4e184ac6754d6', name: "error" })), h(GuxFormFieldHelp, { key: '60f31cc749482b4fba9d5d62ca1387869d72399e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cd49807bb8ef4719e8170445301360185357f758', name: "help" })))));
+            } }, h("slot", { key: '8d33ab29cbea52b965970e80567c0a7c5b70caab', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '14856b89f418274dbbd30b39e043c0adfcbe5b99', show: this.hasError }, h("slot", { key: 'a485d17c2c0edb3e4d6c47e9d1989f7de3c1e9d4', name: "error" })), h(GuxFormFieldHelp, { key: '9e5ad524d3593c58845d5d0c9fc2fffb984043b2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f215b7c1df4b4824bba6e9294eb4360de5a7ef1c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -236,7 +236,7 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '5979c0eb8f14e6ef6f8116f32fb9767bfbb8afa2' }, h("button", { key: '39050d70fbad9934bfb716147bb6b34b8d93fe7a', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '1b770c24d315059b532fc0461d38a96b723a09bd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '5edec81da9f5d2cf5b6462faa22a2bcb6b244e15', for: "popover-target" }, h("div", { key: '6b35b456eeed78feae1d5dee1d94f7937d607a0d', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '1575c0d1573a88ec4c6f6258851bebde33832706', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '51a98e4b06d6f5ab850cdb6fc2c71aa2f4b9cb0c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'e0fe05c1bf3eb004cadd637467027d6244a4d86f' }, h("input", { key: '99144f1f90e7ba16e00710da268df21645ae456d', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'dd72b30cad5eaf7fdabe8279c512dd118e4f64a0', slot: "label" })))));
+        return (h(Host, { key: 'dab1fc8e6052e2aa79dc4a890e8e3ff0897dc246' }, h("button", { key: '566b8193319fe1ee5ff9757304d6916ee05ab8c7', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'acdcb04633ebc0a617675b71868a3b087804b7d9', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '0acdb92b9d485e6ce0b3c1f1c93e7373a6ca382c', for: "popover-target" }, h("div", { key: 'b620b366be8049be740b1d6f517d2c38e7085d28', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '33ac13b5b587b0ff650b1de9e9524f7d5ae33ff1', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'd1a3c0bf4135822d12c9266e30609bc9e63ef092', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '181db9502552947cd9613c8c90178355a28fb4ff' }, h("input", { key: '43b4abc21ea507ac04ceaabd3ae9150ffbb4aaf0', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: '1fe06f80e10128525a7cde0709b52e1067bae648', slot: "label" })))));
     }
     get root() { return getElement(this); }
 };
@@ -397,10 +397,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: 'ebd5953dfeebf36d503e72fe24bb347cb394ee81', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '9d355c890568766c1c35707680195ae716d7fa01', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'c915561ff767e729699e35b1602ce3a31d4939f4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '2fe6b4cf1879862e03da0ce820791930f0f21248', class: "gux-arrow-caret" })), h("div", { key: '5cd7f71f186c054463ac7fec8e8159e24e421a1b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '6fc6a89766b07c578e5dcf170ef3cba6e2ec48a8', name: "title" }), this.renderDismissButton()), h("div", { key: '818e2f62bd2b2988775ee19bdd856d836e3a2fa2', class: "gux-popover-content" }, h("slot", { key: '0003f65955c610da9ce27f3179f5ce1138ae96ce' }))));
+            }, "data-placement": true }, h("div", { key: '1e7f7d6632bb136ebde5556cf981c3b010b1a5fa', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '49ed6cfcc00b17ef308e151b30a07333ab9fb112', class: "gux-arrow-caret" })), h("div", { key: '6b428cc275bdbfdd79dee7e20c9491c43faa81ff', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'e457918fb4896564ad33360bf806ed0c22b87376', name: "title" }), this.renderDismissButton()), h("div", { key: '76b59f4b008362e98fcead5394d94a2c29dd034d', class: "gux-popover-content" }, h("slot", { key: '339fb487fd60e22d39202164306ead41cf49150b' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,9 +2,9 @@ import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-f42eabee.js';
-import { t as trackComponent } from './usage-9f233cc9.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
@@ -18,7 +18,7 @@ const componentResources = {
 	required: required
 };
-const guxFormFieldPhoneCss = ".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;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 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-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:var(--gse-ui-formControl-helper-paddingSmall);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}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";
+const guxFormFieldPhoneCss = ".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-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:var(--gse-ui-formControl-helper-paddingSmall);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}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";
 const GuxFormFieldPhoneStyle0 = guxFormFieldPhoneCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -65,13 +65,13 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8ff85b3c03219e2b844e7b061551381e38bba1c8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'dec197eec3d5b8ec3302a86c05b4324f596040cf', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'a746bf762e53618f705dd499e606b66266c80a6b', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'f5fb5c07bc8e4976a388fa0ee3bb1a4937a9a728', class: "gux-input-and-error-container" }, h("div", { key: 'c83de5abdb4de589d6aeafa77b9e77e5996ee640', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6f3dcc2df1e049772e8fa25a9165092bbcb7e37a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '5c0ce7b6b7b76052811481e8c0d110600571d176', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'ce266647a05aa9ea122186d6eae6317756aed01f', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '5f01ad183044592ddf5141d6109f347a97fae0d3', class: "gux-input-and-error-container" }, h("div", { key: '20dd9d00ffe2aa659ba2d62334454c5feb29c7e9', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'f502626469f903e2d5b869097dedb04d2883d9d5', class: {
+            } }, h("div", { key: 'e53e678ece01ed35a0d30f8f5634180d7db1daf2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3febd3428004a50b99957c42b8dc553912d1d009' }))), h(GuxFormFieldError, { key: '3b43636a5fcc5e36650fb74d0d134f5c013b6d5b', show: this.hasError }, h("slot", { key: '6eafb872935baf54f0b200f7f646cad1188d0867', name: "error" })), h(GuxFormFieldHelp, { key: 'e0a8e0ab155267823fcf382431c99d2a4b314985', show: !this.hasError && this.hasHelp }, h("slot", { key: '0790b4c83d57f68ed0a33f404d1293470ec402d0', name: "help" })))));
+            } }, h("slot", { key: '1a01971423a7a0a5bedd726ce946c37d4f8a7952' }))), h(GuxFormFieldError, { key: '526dbfac1bfcda733f72816852ee529da891207e', show: this.hasError }, h("slot", { key: '04bb439b88d010b43d312b6bf5f95eddb476a216', name: "error" })), h(GuxFormFieldHelp, { key: 'a7f8f06b605800b4d03a9519e053a92cbd4e485c', show: !this.hasError && this.hasHelp }, h("slot", { key: '8242387ab7a043766c6ec74cf20352ca0ed7fa67', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -0,0 +1,87 @@
+import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
+import { O as OnMutation } from './on-mutation-1355c534.js';
+import { h as hasSlot } from './has-slot-f24a46a6.js';
+import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-4d654b58.js';
+import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
+import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
+const guxFormFieldRadioGroupCss = ".gux-form-field-fieldset-container{display:flex;min-width:0;padding:0;margin:0;border:none}.gux-form-field-fieldset-container.gux-beside{flex-direction:row}.gux-form-field-fieldset-container.gux-above{flex-direction:column}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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-legend-label ::slotted(label){white-space:nowrap}.gux-form-field-legend-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-legend-label.gux-beside{position:relative;top:var(--gse-ui-formControl-input-top);float:left;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-legend-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-legend-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:var(--gse-ui-formControl-helper-paddingSmall);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}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);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}:host([disabled]) .gux-form-field-legend-label{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-form-field-legend-label{font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}";
+const GuxFormFieldRadioGroupBetaStyle0 = guxFormFieldRadioGroupCss;
+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;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+        r = Reflect.decorate(decorators, target, key, desc);
+    else
+        for (var i = decorators.length - 1; i >= 0; i--)
+            if (d = decorators[i])
+                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+const GuxFormFieldRadioGroupBeta = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.hasGroupError = false;
+        this.hasGroupHelp = false;
+        this.disabled = false;
+    }
+    watchGroupError(hasGroupError) {
+        const radioSlots = this.root.querySelectorAll('gux-form-field-radio');
+        if (radioSlots) {
+            radioSlots.forEach(item => {
+                item.hasGroupError = hasGroupError;
+            });
+        }
+    }
+    watchDisabled() {
+        this.setDisabledRadio();
+    }
+    onMutation() {
+        this.hasGroupError = hasSlot(this.root, 'group-error');
+        this.hasGroupHelp = hasSlot(this.root, 'group-help');
+    }
+    componentWillLoad() {
+        this.hasGroupError = hasSlot(this.root, 'group-error');
+        this.hasGroupHelp = hasSlot(this.root, 'group-help');
+        this.setLabel();
+        this.setDisabledRadio();
+        trackComponent(this.root);
+    }
+    disconnectedCallback() {
+        if (this.disabledObserver) {
+            this.disabledObserver.disconnect();
+        }
+    }
+    setDisabledRadio() {
+        const radioSlots = this.root.querySelectorAll('gux-form-field-radio');
+        if (radioSlots) {
+            radioSlots.forEach(item => {
+                item.hasGroupDisabled = this.disabled;
+            });
+        }
+    }
+    renderScreenReaderText(text, condition = false) {
+        if (condition) {
+            return (h("gux-screen-reader-beta", null, text));
+        }
+    }
+    render() {
+        var _a;
+        return (h(GuxFormFieldFieldsetContainer, { key: '8f54b265084eb1c2da7fe3283746c5d7be789492', labelPosition: "above" }, h(GuxFormFieldLegendLabel, { key: 'd3589e14418dea8366238f3c51b9fe733c04ea68', position: "above", required: false, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '388c245f668ab9bdf799c6796f2dfd0ec1f3fa6e', name: "group-label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderScreenReaderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp)), h("slot", { key: '05ab0e89cb8796d91e744d527fce8f27af0a1707' }), h(GuxFormFieldError, { key: 'cea0ae86c19cf0de7c9606ef53b9371a6cc6311a', show: this.hasGroupError }, h("slot", { key: 'b58ebc4dad34f9b7dc5b3c0c513910e2dc2301ce', name: "group-error" })), h(GuxFormFieldHelp, { key: '567d7d9da1dca56dab2e8611bff268736b2c251c', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'ebaa33bca1a7e949e570556da99fe95977446a86', name: "group-help" }))));
+    }
+    setLabel() {
+        this.label = this.root.querySelector('label[slot="label"]');
+    }
+    get root() { return getElement(this); }
+    static get watchers() { return {
+        "hasGroupError": ["watchGroupError"],
+        "disabled": ["watchDisabled"]
+    }; }
+};
+__decorate([
+    OnMutation({ childList: true, subtree: true })
+], GuxFormFieldRadioGroupBeta.prototype, "onMutation", null);
+GuxFormFieldRadioGroupBeta.style = GuxFormFieldRadioGroupBetaStyle0;
+export { GuxFormFieldRadioGroupBeta as gux_form_field_radio_group_beta };

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

@@ -3,14 +3,14 @@ import { c as calculateInputDisabledState, o as onInputDisabledStateChange } fro
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-9f233cc9.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
-const guxFormFieldRadioCss = ".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;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 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);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}:host(.gux-disabled){cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}:host(.gux-input-error) input[type=radio]:checked::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}:host(.gux-input-error) ::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}:host(.gux-input-error) .gux-form-field-error{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);color:var(--gse-ui-radioButton-icon-error-foregroundColor)}.gux-input-label{display:flex;flex-direction:row;gap:var(--gse-ui-radioButton-helper-gap);padding-top:4px}.gux-input-label .gux-label{display:flex;flex-direction:column;line-height:var(--gse-ui-radioButton-label-text-lineHeight)}.gux-input-label .gux-input{line-height:16px}::slotted(input[type=radio]){display:inline-grid;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none}::slotted(input[type=radio])::before{grid-area:1/1;content:\"\";border-radius:50%}::slotted(input[type=radio]:focus-visible){border-radius:var(--gse-ui-radioButton-focus-borderRadius);outline:var(--gse-ui-radioButton-focus-border-width) var(--gse-ui-radioButton-focus-border-style) var(--gse-ui-radioButton-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:not(:checked):not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked:not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked)::before{background:var(--gse-ui-radioButton-icon-default-selectedForegroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:disabled)::before{cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(label){display:inline-block;font-family:var(--gse-ui-radioButton-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-radioButton-label-text-fontWeight);line-height:var(--gse-ui-radioButton-label-text-lineHeight);color:var(--gse-ui-radioButton-label-foregroundColor);vertical-align:middle}";
+const guxFormFieldRadioCss = ".gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);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}:host(.gux-disabled){cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}:host(.gux-disabled) ::slotted(label){cursor:not-allowed}:host(.gux-input-error) input[type=radio]:checked::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}:host(.gux-input-error) ::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-error-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}:host(.gux-input-error) .gux-form-field-error{font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);color:var(--gse-ui-radioButton-icon-error-foregroundColor)}.gux-input-label{display:flex;flex-direction:row;gap:var(--gse-ui-radioButton-helper-gap);padding-top:4px}.gux-input-label .gux-label{display:flex;flex-direction:column;line-height:var(--gse-ui-radioButton-label-text-lineHeight)}.gux-input-label .gux-input{line-height:16px}::slotted(input[type=radio]){display:inline-grid;width:var(--gse-ui-radioButton-icon-width);height:var(--gse-ui-radioButton-icon-height);margin:0;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;vertical-align:middle;-webkit-appearance:none;appearance:none;cursor:pointer;border:0;outline:none}::slotted(input[type=radio])::before{grid-area:1/1;content:\"\";border-radius:50%}::slotted(input[type=radio]:focus-visible){border-radius:var(--gse-ui-radioButton-focus-borderRadius);outline:var(--gse-ui-radioButton-focus-border-width) var(--gse-ui-radioButton-focus-border-style) var(--gse-ui-radioButton-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}::slotted(input[type=radio]:not(:checked))::before{background:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:not(:checked):not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40937 1.5 1.5 4.40937 1.5 8C1.5 11.5906 4.40937 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40937 11.5906 1.5 8 1.5Z' fill-rule='evenodd' clip-rule='evenodd' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked:not(:disabled):hover)::before{background:var(--gse-ui-radioButton-icon-hover-foregroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:checked)::before{background:var(--gse-ui-radioButton-icon-default-selectedForegroundColor);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 8C5 6.31563 6.31563 5 8 5C9.65625 5 11 6.31563 11 8C11 9.65625 9.65625 11 8 11C6.31563 11 5 9.65625 5 8ZM16 8C16 12.4187 12.4187 16 8 16C3.58125 16 0 12.4187 0 8C0 3.58125 3.58125 0 8 0C12.4187 0 16 3.58125 16 8ZM8 1.5C4.40938 1.5 1.5 4.40938 1.5 8C1.5 11.5906 4.40938 14.5 8 14.5C11.5906 14.5 14.5 11.5906 14.5 8C14.5 4.40938 11.5906 1.5 8 1.5Z' /%3E%3C/svg%3E\")}::slotted(input[type=radio]:disabled)::before{cursor:not-allowed;opacity:var(--gse-ui-radioButton-disabled-opacity)}::slotted(label){display:inline-block;font-family:var(--gse-ui-radioButton-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-radioButton-label-text-fontWeight);line-height:var(--gse-ui-radioButton-label-text-lineHeight);color:var(--gse-ui-radioButton-label-foregroundColor);vertical-align:middle}";
 const GuxFormFieldRadioStyle0 = guxFormFieldRadioCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -27,8 +27,10 @@ const GuxFormFieldRadio = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.disabled = undefined;
-        this.hasError = false;
         this.hasHelp = false;
+        this.hasError = false;
+        this.hasGroupError = false;
+        this.hasGroupDisabled = false;
     }
     onMutation() {
         this.hasError = hasSlot(this.root, 'error');
@@ -46,13 +48,16 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd2daead3becf9dfc99d48fd75b4184a0f17a575d', class: {
-                'gux-input-error': this.hasError,
+        return (h(Host, { key: 'e17456ce9b8015838eacb38cd698f3f4877b1a99', class: {
+                'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '836a7e83f8f954e4f175979720da3c069c90c66a', class: "gux-form-field-container" }, h("div", { key: '6d8ae39bf560ebcda1998ced209624d5509e6e8e', class: "gux-input-label" }, h("div", { key: '7ed914a1e4c76eaf90f0d49c445b0ede8412a727', class: "gux-input" }, h("slot", { key: '2117ece053b32ad43fbf7aadf343acd1f583b91e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ac2008218c656bb24828cb465b0e4ecaafb93899', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '8f95b8edbcb04cb2635c29b07ad67c6c46159ccd', name: "label" }), h(GuxFormFieldError, { key: 'f613802f6316ff517f24b39a2123afde96b403ed', show: this.hasError }, h("slot", { key: '4947bb510a3423a3e5922ee65f3a3d9ba2c256e5', name: "error" })), h(GuxFormFieldHelp, { key: '6f661b21afb70d1b80cd13c0119016c49a35aa5b', show: !this.hasError && this.hasHelp }, h("slot", { key: '6020ad3b02091f2c485328945be9e87dd2bf435a', name: "help" })))))));
+            } }, h("div", { key: 'fe8d1587dc9d4fc8f018820c71c732744953f207', class: "gux-form-field-container" }, h("div", { key: '808758ed100a768166f5293516deda32a0e43a76', class: "gux-input-label" }, h("div", { key: 'bf76f380a1eef45ddad060fc329692191d8975a7', class: "gux-input" }, h("slot", { key: '50b92448e54b4f8657d6635776797051640797cb', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '96c770f17e7f9b64a321eedf688b494ff7d21934', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '95a58e33847a0f69581dbdb7c5daf85c1f94d920', name: "label" }), h(GuxFormFieldError, { key: 'a55afaef6dce712f6642f32f5062b3390f39bd76', show: this.hasError }, h("slot", { key: '4aa4107d5024de21aa285af17d50be5855636309', name: "error" })), h(GuxFormFieldHelp, { key: '7e01a45a1f0e6d8ee1f72ecf90e890b35ebf3b99', show: !this.hasError && this.hasHelp }, h("slot", { key: '970ad77bfd7ff17c5d48f0786aa23c6af45cb9e2', name: "help" })))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');
+        if (this.hasGroupDisabled) {
+            this.input.disabled = true;
+        }
         preventBrowserValidationStyling(this.input);
         this.disabled = calculateInputDisabledState(this.input);
         this.disabledObserver = onInputDisabledStateChange(this.input, (disabled) => {

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

@@ -4,16 +4,16 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-777ec473.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-9f233cc9.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import { O as OnResize } from './on-resize-6a194a58.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
-const guxFormFieldRangeCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;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 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;width:100%;width:100%;height:var(--gse-ui-slider-bar-height);margin:calc(var(--gse-ui-slider-handle-width) / 2) 0;margin-top:calc(-1 * (var(--gse-ui-slider-handle-width) / 2 + var(--gse-ui-slider-bar-height)));-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-slider-gap);place-content:stretch flex-start;align-items:center;height:32px;font-size:var(--gse-ui-slider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-slider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:var(--gse-ui-slider-bar-height);margin:6px 0;background:var(--gse-ui-slider-bar-default-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:var(--gse-ui-slider-bar-height);background-color:var(--gse-ui-slider-bar-selected-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin:0 0 0 var(--gux-spacing-medium);font-family:var(--gse-ui-slider-label-text-fontFamily);font-size:var(--gse-ui-slider-label-text-fontSize);font-weight:var(--gse-ui-slider-label-text-fontWeight);line-height:var(--gse-ui-slider-label-text-lineHeight);text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}";
+const guxFormFieldRangeCss = ".gux-form-field-container.gux-beside{display:flex;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;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;width:100%;width:100%;height:var(--gse-ui-slider-bar-height);margin:calc(var(--gse-ui-slider-handle-width) / 2) 0;margin-top:calc(-1 * (var(--gse-ui-slider-handle-width) / 2 + var(--gse-ui-slider-bar-height)));-webkit-appearance:none;background:transparent}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container.gux-hidden{display:none}.gux-input-and-error-container .gux-range-input-container{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-slider-gap);place-content:stretch flex-start;align-items:center;height:32px;font-size:var(--gse-ui-slider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-slider-disabled-opacity)}.gux-input-and-error-container .gux-range-input-container .gux-range{position:relative;flex:1 1 auto;align-self:center;order:0}.gux-input-and-error-container .gux-range-input-container .gux-range:hover .gux-range-tooltip,.gux-input-and-error-container .gux-range-input-container .gux-range:focus-within .gux-range-tooltip{visibility:visible}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track{width:100%;height:var(--gse-ui-slider-bar-height);margin:6px 0;background:var(--gse-ui-slider-bar-default-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{height:var(--gse-ui-slider-bar-height);background-color:var(--gse-ui-slider-bar-selected-backgroundColor);border-radius:var(--gse-ui-slider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin:0 0 0 var(--gux-spacing-medium);font-family:var(--gse-ui-slider-label-text-fontFamily);font-size:var(--gse-ui-slider-label-text-fontSize);font-weight:var(--gse-ui-slider-label-text-fontWeight);line-height:var(--gse-ui-slider-label-text-lineHeight);text-align:right}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}";
 const GuxFormFieldRangeStyle0 = guxFormFieldRangeCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -84,9 +84,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'f6e3915cb942511008c37f877f136bf9fd3556e3', class: {
+        return (h(Host, { key: 'ab84b7a0a6ffe60550f76789f435a86e32850874', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'f01df73d2706a27f1bd79517e80129d015be9f83', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b63c5b4683977385ec66cfd305d3787406874821', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '21ec96f66320f1ca51cad635333201a770273bea', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'ae19a718a32a2a1316f8bab27470b6c2d88d173e', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '5ebbfe83db1319cc818b1c1ef525b17d96f568df', show: this.hasError }, h("slot", { key: '6c2128ae9ccfa2d4bb59effb312b8709ee377982', name: "error" })), h(GuxFormFieldHelp, { key: '899f946a19fae07206d637b5b6c8ad3cb814327c', show: !this.hasError && this.hasHelp }, h("slot", { key: '93be28cc012997c736d0fdd880bce2be479ce945', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '7e37db581de411b3c8548ef9142e11362c59ff41', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '81bfda9e439bcdf6d4a444cd53ae80cb6d186d60', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f1536b5af281b9051919c5c11d18a7e5633d9603', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '0868eb6e6af3efe69db3b3d3c5324a6450f7eb73', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '91130872a632988e5cde9765dd74a27a8a0cc4f7', show: this.hasError }, h("slot", { key: '3081f22e9dfc5d58cc42bd6075fa225fb4dbe036', name: "error" })), h(GuxFormFieldHelp, { key: '0e3d8cf3afc0773f369f19257916c919dd6c8ca2', show: !this.hasError && this.hasHelp }, h("slot", { key: '02b487e1c73af225d7227b56d9fc1bb9da51498e', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -4,15 +4,15 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-9f233cc9.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
-const guxFormFieldSearchCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;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 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline: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: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;width:100%;height: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);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);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 gux-icon[icon-name=search]{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{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);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-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){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-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
+const guxFormFieldSearchCss = ".gux-form-field-container.gux-beside{display:flex;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;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);color:var(--gse-ui-formControl-input-populatedColor);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline: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: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;width:100%;height: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);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);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 gux-icon[icon-name=search]{flex:0 0 auto;align-self:auto;order:0;width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{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);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-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){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-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
 const GuxFormFieldSearchStyle0 = guxFormFieldSearchCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -64,13 +64,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'cc4ddf4554a3170d2b63552c31381c9bd0defddf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '95415f4ef625a1aa2de0c27b4bff3f9f71cba452', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4fd148a5e4cbcbc7db5213f96662e1164c512be9', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'aafd0448d7845dfd784dd8174f80a675fd8aca11', class: "gux-input-and-error-container" }, h("div", { key: '264cd6b96b0f69bf0b2e2036a1e971dcbb232a77', class: {
+        return (h(GuxFormFieldContainer, { key: '42779f1c2d0cab45b38f18e6ae50166f70f257f7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '080fb3751b41d43042a65ac6a2bbf666d25f0be4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c6ffd706741bb8daeb959b720daa0c03a44a27e5', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '525766420143a047d9f7ed56ce06399f100931a2', class: "gux-input-and-error-container" }, h("div", { key: '83073128ad9ed6c7a168e77c690ee4792900a4f2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '5bd3fd5ac4a9f38e929fcd077b62cca43a1aae70', class: {
+            } }, h("div", { key: '5ba45dde5c2aab840675dca2ff37272527793d01', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: 'a71d0ae281a9b9a4d3110cc7d0524cf7af8baaa6', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '959fb60d5e3a7debf9a54dc7929705bc9d8ea9db', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e8f336eb8ce7abe755670a50b806ed427eaf8254', show: this.hasError }, h("slot", { key: '98aac5c59dbe1ae93ea490a3ad27b8d8c5f5b5e9', name: "error" })), h(GuxFormFieldHelp, { key: '197f16c081cd844f5cde3c285459c0a06b5ef21b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a0ba4381b562ab69c3db102f14b213825f2e90d5', name: "help" })))));
+            } }, h("gux-icon", { key: 'f673d51be68a9a3ca29d75e71fc78b87bfc6e588', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '317c0dab47ae69fece7829507aa3800e4f08a384', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '897ae0159c0abfe24724897b079d631e878c00a5', show: this.hasError }, h("slot", { key: '5ec68b0692c98b2154f2d7baefb109b1de6ad5f9', name: "error" })), h(GuxFormFieldHelp, { key: '1f457eae9906f50809f53510e36b9aa799294772', show: !this.hasError && this.hasHelp }, h("slot", { key: '5acac15b6f1306fe62398ff136cfb487b35e2be0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,15 +4,15 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-9f233cc9.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
-const guxFormFieldSelectCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;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 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;margin-left:var(--gse-ui-formControl-input-gap);color:var(--gse-ui-formControl-input-populatedColor);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none}::slotted(select)::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 .gux-input-container{position:relative;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;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);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{pointer-events:none;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);margin-right:var(--gse-ui-formControl-input-gap);pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{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);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-focusRing-offset)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
+const guxFormFieldSelectCss = ".gux-form-field-container.gux-beside{display:flex;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;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(select){flex:1 1 auto;align-self:auto;order:0;width:100%;margin-left:var(--gse-ui-formControl-input-gap);color:var(--gse-ui-formControl-input-populatedColor);-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;border-radius:var(--gse-ui-formControl-input-borderRadius);outline:none}::slotted(select)::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 .gux-input-container{position:relative;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;width:100%;height:var(--gse-ui-formControl-input-textfield-height);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);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{pointer-events:none;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:hover gux-icon{color:var(--gse-ui-formControl-input-inputIcon-iconEndColor)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon{width:var(--gse-ui-formControl-input-inputIcon-size);height:var(--gse-ui-formControl-input-inputIcon-size);margin-right:var(--gse-ui-formControl-input-gap);pointer-events:none}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{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);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-focusRing-offset)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
 const GuxFormFieldSelectStyle0 = guxFormFieldSelectCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -55,13 +55,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b6d615322b4665e220cd056b7ddc269b1e6acf76', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ac5df58df2f5936cea1c3e4b3c90df66e3536f00', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '041304f77f5ad972b85fbfde9d19a3e50d38471e', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'bb07f72d3dd643757d703ff48b439b813c12200f', class: "gux-input-and-error-container" }, h("div", { key: 'c64707b087cc48e30ef822f300f5a50a119dd71c', class: {
+        return (h(GuxFormFieldContainer, { key: '0f05fda9050e25ffa3dafa20b650a79e5451b557', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'df77654c404549e8649b9fd0825f7cbf2e133271', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cc902ff85b3a340db13c2bf984af0129be98b9fa', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '5798224cf3620259bbcc051327772bf484b43065', class: "gux-input-and-error-container" }, h("div", { key: '7dc8d4a80418c7f26b4987e0f5a7b9124ae12399', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'baacc8768dc47af622c6dea486711495ba2b402a', class: {
+            } }, h("div", { key: 'd363aa3963e9be7174d74e96976244ccc3ce7d37', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd56e4b407b17c9b0d72fe3907deaab936e30c1d3', name: "input" }), h("gux-icon", { key: 'f7801ad158649c466c7a7bbdd68b11ca9afdf5fe', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '533c1fc74e0052a38796efb480f4c42c775372c1', show: this.hasError }, h("slot", { key: '9234e675667b39c2f32ef087615fc9f98d4d005f', name: "error" })), h(GuxFormFieldHelp, { key: 'be26e942e42e68c093fdbb29ccfb2dae299421f7', show: !this.hasError && this.hasHelp }, h("slot", { key: '0fcd9d8efa6253bd6ea233f1f5b26b3ab0e14ed1', name: "help" })))));
+            } }, h("slot", { key: '5933423758246e0a2e6ac345eb74398372c20f4f', name: "input" }), h("gux-icon", { key: '6ad7a5a76f4f84c4b2f8102705ea523baac3f542', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '76effa57179c825bd47ac1c4b608d0528b5f55c5', show: this.hasError }, h("slot", { key: '675f20bf2273b7d82d34a7e628b1dbe70e9e70f7', name: "error" })), h(GuxFormFieldHelp, { key: '56d5679c4bdc9a436fc703b4450ae2d18bb13a9d', show: !this.hasError && this.hasHelp }, h("slot", { key: '3bf29e3d11f598851a2538f6096760a068cc2627', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,15 +4,15 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { o as onRequiredChange } from './on-attribute-change-f42eabee.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-f48e2125.js';
+import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { h as hasContent, b as setSlotAriaDescribedby, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-9f233cc9.js';
+import { t as trackComponent } from './usage-1aefeb10.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
-const guxFormFieldTextLikeCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;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 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;text-decoration:none;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.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;width:100%;height: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);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);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-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.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{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);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-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){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-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
+const guxFormFieldTextLikeCss = ".gux-form-field-container.gux-beside{display:flex;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;align-items:center;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 1 auto;align-self:start;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);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.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.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:var(--gse-ui-formControl-helper-paddingSmall);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-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}slot[name=prefix],slot[name=suffix]{font-family:var(--gse-ui-formControl-input-prefixSufix-text-fontFamily);font-size:var(--gse-ui-formControl-input-prefixSufix-text-fontSize);line-height:var(--gse-ui-formControl-input-prefixSufix-text-lineHeight);color:var(--gse-ui-formControl-input-prefixSufix-defaultColor);text-align:center;text-decoration:none;white-space:nowrap}.gux-input-and-error-container{flex-grow:1}.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;width:100%;height: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);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);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-has-suffix:not(.gux-input-and-error-container .gux-input .gux-input-container.gux-has-prefix) ::slotted(input){text-align:right}.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{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);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-focusRing-offset)}.gux-input-and-error-container .gux-input .gux-input-container:hover:not(.gux-disabled){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-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}";
 const GuxFormFieldTextLikeStyle0 = guxFormFieldTextLikeCss;
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -80,15 +80,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '31d901d8eb74880635835b24c1170639de41dd07', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6a7cf6ebe553906aebfdff553451be781aa91ff4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '33483280309581609f4346e678b0ea3fdaaff2d4', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'ed8493e2a749caebb2d10d47aa6669303bd50009', class: "gux-input-and-error-container" }, h("div", { key: 'ca5bf5c393573822d3a09ddc4e1ea7c7c1f0f680', class: {
+        return (h(GuxFormFieldContainer, { key: '86a510be1423b2e46f8f0e8457dde0c1e9df13ed', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63c3fc02eb3ec146075c2da84c462f27822ca808', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4ef1afb40888de7df1642f23286e5cffcf6d5864', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'fd35d679cdac2f9c64eedbe144e5792a2cfa03ad', class: "gux-input-and-error-container" }, h("div", { key: 'ae0d6f2d3662997b8e2d7dcb8895ee2a57033119', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '7aefdc2e126f29753fc9240e16bd44169f603158', class: {
+            } }, h("div", { key: 'faced97c3fd4504e59eb8086b0adef95b9ec881f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, h("slot", { key: '28430db859b8834f0468734b910490cb175593d9', name: "prefix" }), h("slot", { key: '2fff82d35dcb63d3020da2c8258e5f3f610ee7b5', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'bd2bf3447f52947db7d292d3caa37de8a3aa0a07', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '60f62b68271f01de02e14b3fbada16805f203709', show: this.hasError }, h("slot", { key: 'a0e1911c34fe75dbc312e752cbbf6ae2ba003e8a', name: "error" })), h(GuxFormFieldHelp, { key: '9cdec572ca90604f8ed1f04b512fceefb4012cac', show: !this.hasError && this.hasHelp }, h("slot", { key: '717b5dbdfe1df684c1c98ad7a3c28453ea411cc7', name: "help" })))));
+            } }, h("slot", { key: '7e936d0be636981e6404c559e20a29dbd8654eee', name: "prefix" }), h("slot", { key: '3945e2a3c79ff28178c355002c576c6fa0fbe099', name: "input" }), this.renderRadialLoading(), h("slot", { key: '2ed2ac89134fe77eb62e286a84d0c0ffe4fe13d2', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '3abfa87d4642948fd21dfd8748e30efbcd18d527', show: this.hasError }, h("slot", { key: 'b77a1af625c5901e31809fee6e88aeadbb76c851', name: "error" })), h(GuxFormFieldHelp, { key: '1e1e5474f87d937186c140690f2e8d85cde0c14a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cffc4e02f2ce1e6c0f64621e760bcf6f5b67c627', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition