genesys-spark-components 4.155.0 → 4.156.0

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

@@ -1,36 +1,33 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e321455d.js');
-const index$1 = require('./index-aa48ea67.js');
-const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const onMutation = require('./on-mutation-6d71ec1a.js');
-const onAttributeChange = require('./on-attribute-change-a9f44523.js');
-const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
-const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
-const hasSlot = require('./has-slot-3edae188.js');
-const guxFormFieldError = require('./gux-form-field-error-e6b8a9ad.js');
-const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
-const usage = require('./usage-f9f34ca4.js');
-const focusInputElement = require('./focus-input-element-3a0c1858.js');
-const en = require('./en-66d2b744.js');
-const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
-const afterNextRender = require('./after-next-render-162425fe.js');
-require('./get-closest-element-9e41d6b9.js');
-require('./random-html-id-71c43d5a.js');
-require('./log-error-7b9d4b57.js');
+var index = require('./index-BYe628F9.js');
+var index$1 = require('./index-7-fpJ2xq.js');
+var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
+var onMutation = require('./on-mutation-CxxKdrY9.js');
+var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
+var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
+var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
+var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
+var hasSlot = require('./has-slot-BFTyqu_U.js');
+var guxFormFieldError = require('./gux-form-field-error-DqqTb0bm.js');
+var guxFormFieldContainer = require('./gux-form-field-container-DgZam55R.js');
+var usage = require('./usage-Cts4C6ZC.js');
+var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
+var en = require('./en-0H0Z_nRu.js');
+var onClickOutside = require('./on-click-outside-Bi2BNvQN.js');
+var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
+require('./get-closest-element-CfyZl7i7.js');
+require('./random-html-id-DH9-ntZu.js');
+require('./log-error-nWO_o1C3.js');
 
 const increment = "Increment";
 const decrement = "Decrement";
-const componentResources = {
+var componentResources = {
 	increment: increment,
 	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;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";
-const GuxFormFieldNumberStyle0 = guxFormFieldNumberCss;
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -114,14 +111,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '064b2007a38027d4f97550745ca7c7f3cf4b7d8f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd1740901d5d5c27ec4f806bf35befa064e6a66d5', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '58027f50032fbeafecd90837708f7d601d10f1fe', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0488b44de3e25719b594ad8d8ddb11bf262ec7dd', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'de7653879e59754090b60f0e252b31e56465aeca', name: "label-info" })), index.h("div", { key: '90ac5896eca80bcf8f90bd46ddffeb55cb8a8857', class: "gux-input-and-error-container" }, index.h("div", { key: 'ba18c3897c9c0a05c79db41a2e830cf868278f3b', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'edb6b56da16df96351ddb058dddb8d9b14e14392', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f6ea1699ba8db6572769e468fd1c97b8d305f28a', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'cdb3dc75c64bbfcadc13def9dab2d310e392d8fa', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c49ba227f4d66e5418b0c21f9e7f5c1bb6e48212', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '55aa21efa1f278a0e816e5c27ee99ce926dca80b', name: "label-info" })), index.h("div", { key: '73d9ce4436dd94c458c281ac9a288b6c101cbac9', class: "gux-input-and-error-container" }, index.h("div", { key: 'ef7d9d1f4e5be99d839ad69b6be888a208eed405', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'df7c0fda30de62de2b8e60d990db981d46bed398', class: {
+            }, part: "input-section" }, index.h("div", { key: '2611ee74b88f36ea13e737a9ca2628ce239c2723', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'db8e57514b91b790ffef0e6527c7453f4b836ff1', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'a94c0704fd44dd528e715f080fb78ce4c01c4c34', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '2b5102f868a4e18812549bf6e96b6e413f352096', show: this.hasError }, index.h("slot", { key: '9d22a28226b37f1f07269fac2b213a95ea28081a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '337135575dadc0205a503693eb6ed0904048e7ed', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5ff91b042057e53e5a0544a1f2f2360d6efcb671', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'ce295da6ddf992d86bd463ddf8145bdfdfb67788', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '7b2083a27f83ab12bca4dc3f9741029d03ab09eb', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e319a958a910322f1e5ea30eba226cd50fbf494e', show: this.hasError }, index.h("slot", { key: '60bbbecb56a2c6e97e85f2a032853f561e946c9c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '33279665977b056a4d17a515cfdfb11b7fd45016', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'eb112d1eacfd8b341a8ef72a2e1e4b673f6e6ff9', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -182,10 +179,9 @@ const GuxFormFieldNumber = class {
 __decorate$1([
     onMutation.OnMutation({ childList: true, subtree: true })
 ], GuxFormFieldNumber.prototype, "onMutation", null);
-GuxFormFieldNumber.style = GuxFormFieldNumberStyle0;
+GuxFormFieldNumber.style = guxFormFieldNumberCss;
 
 const guxPaginationEllipsisButtonCss = "gux-button gux-icon{padding-block-start:4px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{margin:0;-webkit-appearance:none}input[type=number]{-moz-appearance:textfield}";
-const GuxPaginationEllipsisButtonStyle0 = guxPaginationEllipsisButtonCss;
 
 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;
@@ -281,10 +277,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: '3b4e01afe3cc52e4f15bd06beaf246ddb6022347', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '4dd184f3df45a8217662c6a2212a43ed8b8dc637', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '7c5e0ae742547ebb974acd5893d32cf1f7c7a160', for: "popover-target" }, index.h("div", { key: 'ab2acb2eaddf719a43100a02961ade72fb58adac', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: 'fd4dfdb6366ff55b0bb2cf89cb44ba4619c512e4', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '9df657db624e86018296c02bb1af9601414cef7c', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'bdd0cbe91e36e28dbcd5f24312f287f1e1ec4441' }, index.h("input", { key: 'a229de63ad7e45af3526dc547765dfa19fdacf6e', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), index.h("label", { key: '2300839502e8b3d3c267ef8a8e46fe349315db57', slot: "label" })))
+            index.h("gux-button", { key: '454441358989e2ef8054889e263e714a74b98411', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '0e56ff1b9756228976929d4db5d4da5edc5437a2', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: '2eed7f75f9de5709ec09f756250c93a5c6d6852e', for: "popover-target" }, index.h("div", { key: 'd9e02b0f0f8abf8c0d18387006d534a6cb2f5d2b', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: 'dfc6e87c29e082fe2de4e7e5ca4504996fdb648b', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '0dff29cc2478921d133c73c56922ad42f98dc309', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '910764919a171ec5d15215856011353acd23079c' }, index.h("input", { key: 'f12b964eafa335c9626d4cf5978e7a7ab68ed196', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), index.h("label", { key: '5175b0b5d341d49b770e29cb80ae9c5d73a35f42', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }
@@ -295,7 +291,7 @@ const GuxPaginationEllipsisButton = class {
 __decorate([
     onClickOutside.OnClickOutside({ triggerEvents: 'mousedown' })
 ], GuxPaginationEllipsisButton.prototype, "onClickOutside", null);
-GuxPaginationEllipsisButton.style = GuxPaginationEllipsisButtonStyle0;
+GuxPaginationEllipsisButton.style = guxPaginationEllipsisButtonCss;
 
 exports.gux_form_field_number = GuxFormFieldNumber;
 exports.gux_pagination_ellipsis_button = GuxPaginationEllipsisButton;

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

@@ -1,29 +1,26 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e321455d.js');
-const index$1 = require('./index-aa48ea67.js');
-const onMutation = require('./on-mutation-6d71ec1a.js');
-const onAttributeChange = require('./on-attribute-change-a9f44523.js');
-const usage = require('./usage-f9f34ca4.js');
-const guxFormFieldError = require('./gux-form-field-error-e6b8a9ad.js');
-const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
-const hasSlot = require('./has-slot-3edae188.js');
-const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-require('./get-closest-element-9e41d6b9.js');
-require('./random-html-id-71c43d5a.js');
-require('./log-error-7b9d4b57.js');
-require('./simulate-native-event-e88bf64f.js');
+var index = require('./index-BYe628F9.js');
+var index$1 = require('./index-7-fpJ2xq.js');
+var onMutation = require('./on-mutation-CxxKdrY9.js');
+var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
+var usage = require('./usage-Cts4C6ZC.js');
+var guxFormFieldError = require('./gux-form-field-error-DqqTb0bm.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-BQJwsJLF.js');
+var hasSlot = require('./has-slot-BFTyqu_U.js');
+var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
+var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
+require('./get-closest-element-CfyZl7i7.js');
+require('./random-html-id-DH9-ntZu.js');
+require('./log-error-nWO_o1C3.js');
+require('./simulate-native-event-_MPnVmRN.js');
 
 const required = "Required";
-const componentResources = {
+var componentResources = {
 	required: required
 };
 
 const guxFormFieldPhoneCss = ".gux-form-field-fieldset-container{display:flex;min-inline-size: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;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;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}.gux-input-and-error-container{flex-grow:1}";
-const GuxFormFieldPhoneStyle0 = guxFormFieldPhoneCss;
 
 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;
@@ -105,14 +102,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '76ec4542d19c73820b60e842627c0a858cc72a01', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd2602bce25fe1e01096e6da3d3d171730c362688' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '6f55fa065e8739cd78cd06568f89611205eb5ee6', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '8e4dd8ba32b6ee45ee98f3973d52fc7a8ab52ff8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2574f92ac8b14b7daf54555a15f79ddb2ed94707', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7ed18535d9d73a9cf45c33146a2263221d873edb', name: "label-info" })), index.h("div", { key: 'c7763fe39299bf1f7f8c8d02e8589ef26bc60d30', class: "gux-input-and-error-container" }, index.h("div", { key: '3af18fef9a1de6dc05f590310d681a7648e5a55f', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '84fb36ddae824e95b57ed1bd01658a94a3b6647b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'b9054d4ab45c67a347abcff39f938ce98c93e252' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'bc002ae72821d78a90bd2c2585908b0e54e08538', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6e5b2bed76416bbcc247f9263df9f40141c436f8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '147c97654d5598e45b84f32c3d8a9e3bf794ecca', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd915277d0a0a7f6ef7b57158f7fd3ef1e3397004', name: "label-info" })), index.h("div", { key: '20aa48151cd584bb3f932639d2e2c5cf6d0fb1aa', class: "gux-input-and-error-container" }, index.h("div", { key: '301d5dddcd2557cfabfa637556c8dad695d780e5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '18aaf519eb2e58eee8fadd543a838cbe87c4371e', class: {
+            } }, index.h("div", { key: '02ceeccbe07de8777c292d5dc6fcfc4243009eef', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '70dfbc0d9a344cbc81cd90834b16f6696316634c' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e24b52b1084eb2b69398de9e5e0bafbe34efe3a1', show: this.hasError }, index.h("slot", { key: 'e6785757f2193cc643fb2c5285e5a7d57ac495bf', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '27d134d612398cb783e4875b437b0a7fd7135942', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '98e602e754705715c2793776ef5803c07ecada0d', name: "help" })))));
+            } }, index.h("slot", { key: '2b40a34bfd3da43d81e5ba8b2c98be33a3bb631b' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'defff04d82a5caf40dd2adca0eb74861618a14f9', show: this.hasError }, index.h("slot", { key: '8bbfb9bf2dc1938027f97c163ce4940d641ff692', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4b9ada38eaffa65c80a24c2e035447f01c04e04a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'bb45642d29768d246dca2ce61e9121cc4aa34206', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {
@@ -150,6 +147,6 @@ const GuxFormFieldPhone = class {
 __decorate([
     onMutation.OnMutation({ childList: true, subtree: true })
 ], GuxFormFieldPhone.prototype, "onMutation", null);
-GuxFormFieldPhone.style = GuxFormFieldPhoneStyle0;
+GuxFormFieldPhone.style = guxFormFieldPhoneCss;
 
 exports.gux_form_field_phone = GuxFormFieldPhone;

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

@@ -1,24 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e321455d.js');
-const onMutation = require('./on-mutation-6d71ec1a.js');
-const hasSlot = require('./has-slot-3edae188.js');
-const index$1 = require('./index-aa48ea67.js');
-const guxFormFieldError = require('./gux-form-field-error-e6b8a9ad.js');
-const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
-const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-f9f34ca4.js');
-require('./get-closest-element-9e41d6b9.js');
+var index = require('./index-BYe628F9.js');
+var onMutation = require('./on-mutation-CxxKdrY9.js');
+var hasSlot = require('./has-slot-BFTyqu_U.js');
+var index$1 = require('./index-7-fpJ2xq.js');
+var guxFormFieldError = require('./gux-form-field-error-DqqTb0bm.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-BQJwsJLF.js');
+var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
+var usage = require('./usage-Cts4C6ZC.js');
+require('./get-closest-element-CfyZl7i7.js');
 
 const required = "Required";
-const componentResources = {
+var componentResources = {
 	required: required
 };
 
 const guxFormFieldRadioGroupCss = ".gux-form-field-fieldset-container{display:flex;min-inline-size: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;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;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}.gux-form-field-visual-label{display:inline-flex;flex:1 0 auto}.gux-form-field-visual-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-visual-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-visual-label.gux-screenreader{display:none}.gux-form-field-screenreader-label{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}:host{display:block}::slotted(gux-form-field-radio){padding-block-start:var(--gse-ui-formControl-group-gapItems)}::slotted(gux-form-field-radio:first-of-type){padding-block-start:0}:host([disabled]) ::slotted(label){opacity:var(--gse-ui-formControl-input-disabled-opacity)}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}";
-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;
@@ -130,8 +127,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '731c2e0b2b969f58583d3df7f813a9c73e59e489', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '18dffd2ce505962b4df7fef1ab31fcf0e44eac38' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'd857a6f447a4e05c30092cf947aaf24ea3fd2a81', position: "above", required: this.required }, index.h("slot", { key: 'd85271ac786c4556e0452bbfec8b584a1d4f0877', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3a0d099903ac6c3bb938e0744e8f474862e34756', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '851cb0c5e43e9b6f65188177e58138e82f1420aa', name: "group-label-info" })), index.h("slot", { key: 'b538ad5c1be5b6ad27cd60124b1164edf6bbba9d' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bb1ecc4080944f92df270cd270f8e65d319caea6', show: this.hasGroupError }, index.h("slot", { key: 'a2655f28592b13240491db06e8d3e2059d5a9239', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '394bbd8bf6c106a2be881a9e456d996ce8904d66', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '60ad4e1b66ddf8ed1a69fa350114614de7f614af', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'fad484fb7fa8ec26abc118586b82c66b5952915c', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e8446de191e32faf08297a3baaa710caceda7290' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'ee8f1870612c16fd90dfa7ae69155abdd0768013', position: "above", required: this.required }, index.h("slot", { key: '6b20419b25b7b7381740834b42d6f057db18ad2a', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'de00848bbb489b3db197dfd92328940f529cc85c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd1bd07ac555ca287b40a850458b212f0ea13728d', name: "group-label-info" })), index.h("slot", { key: '525f68e3742ae671bdf928c8578581893eddca07' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '46e74e1785062aab209be58ac7a34d4f9041353f', show: this.hasGroupError }, index.h("slot", { key: '41824728fe7ae908f4428147f3f3696c7d139c5e', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1e3c4ab5237c81ed55d6d075f5d0c6983c04dbd7', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'b89ae47b91befcb31fbca744ea3a5768ffe40060', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');
@@ -145,6 +142,6 @@ const GuxFormFieldRadioGroupBeta = class {
 __decorate([
     onMutation.OnMutation({ childList: true, subtree: true })
 ], GuxFormFieldRadioGroupBeta.prototype, "onMutation", null);
-GuxFormFieldRadioGroupBeta.style = GuxFormFieldRadioGroupBetaStyle0;
+GuxFormFieldRadioGroupBeta.style = guxFormFieldRadioGroupCss;
 
 exports.gux_form_field_radio_group_beta = GuxFormFieldRadioGroupBeta;

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

@@ -1,21 +1,18 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e321455d.js');
-const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const onMutation = require('./on-mutation-6d71ec1a.js');
-const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
-const hasSlot = require('./has-slot-3edae188.js');
-const guxFormFieldError = require('./gux-form-field-error-e6b8a9ad.js');
-const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-f9f34ca4.js');
-require('./random-html-id-71c43d5a.js');
-require('./log-error-7b9d4b57.js');
-require('./simulate-native-event-e88bf64f.js');
+var index = require('./index-BYe628F9.js');
+var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
+var onMutation = require('./on-mutation-CxxKdrY9.js');
+var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
+var hasSlot = require('./has-slot-BFTyqu_U.js');
+var guxFormFieldError = require('./gux-form-field-error-DqqTb0bm.js');
+var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
+var usage = require('./usage-Cts4C6ZC.js');
+require('./random-html-id-DH9-ntZu.js');
+require('./log-error-nWO_o1C3.js');
+require('./simulate-native-event-_MPnVmRN.js');
 
 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;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;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block;padding-block-start:4px}: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{-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\");background:var(--gse-ui-radioButton-icon-error-foregroundColor)}:host(.gux-input-error) ::slotted(input[type=radio]:not(:checked))::before{-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\");background:var(--gse-ui-radioButton-icon-error-foregroundColor)}: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)}.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;inline-size:var(--gse-ui-radioButton-icon-width);block-size:var(--gse-ui-radioButton-icon-height);margin:0;vertical-align:middle;color:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor);text-align:center;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;border:0}::slotted(input[type=radio])::before{grid-area:1/1;content:\"\";border-radius:50%}::slotted(input[type=radio]:focus-visible){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-focusOutline-offset);border-radius:var(--gse-ui-radioButton-focus-borderRadius)}::slotted(input[type=radio]:not(:checked))::before{-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\");background:var(--gse-ui-radioButton-icon-default-unselectedForegroundColor)}::slotted(input[type=radio]:not(:checked):not(:disabled):hover)::before{-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\");background:var(--gse-ui-radioButton-icon-hover-foregroundColor)}::slotted(input[type=radio]:checked:not(:disabled):hover)::before{-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\");background:var(--gse-ui-radioButton-icon-hover-foregroundColor)}::slotted(input[type=radio]:checked)::before{-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\");background:var(--gse-ui-radioButton-icon-default-selectedForegroundColor)}::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);vertical-align:middle;color:var(--gse-ui-radioButton-label-foregroundColor)}";
-const GuxFormFieldRadioStyle0 = guxFormFieldRadioCss;
 
 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;
@@ -51,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '027a65529baac39c48426634b16e216de228e935', class: {
+        return (index.h(index.Host, { key: 'e9b9c79eb41ac2d19d0bcc932f7ec95a199b9903', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'a368d94400ded63f97a91961c04c68e2b5458c36', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '54ffe9d74bd5b5f2763008ceb774d71b4cad744b', class: "gux-input-label" }, index.h("div", { key: '4d32d3a82fa16d0ed6461b20779b76c8c6ee8692', class: "gux-input" }, index.h("slot", { key: '2cc9b7db733a5845f2bd758ae25eea223cdd184d', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'd2e351035f0737fab0eab622148baa0e14bcdca7', class: "gux-label" }, index.h("slot", { key: '1bcdee07bdd20ce7cb7c2f6905e82ed56611735d', name: "label" }))), index.h("div", { key: '662f53fba77fda4fd7067a5c255d9ecc6d66ebd7', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '1a2b4f3cdd0ef55638941da8a5f80b109aeea2b9', show: this.hasError }, index.h("slot", { key: 'ec9fab4a338961d884bf90ad30c61b50fbd1b866', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '41e1975a1824c49330654cb7693d314cd765bb45', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '47fbf0b55fea3fcbff967fec03a134b3dad95384', name: "help" }))))));
+            } }, index.h("div", { key: '1da2143e7a310bcbc1516e59e15c9b4fd9f26fdd', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '93853b97a827184389f35d5b280d11977c099ca8', class: "gux-input-label" }, index.h("div", { key: '8f0c0905566540f255a83de16db9a89b3421876a', class: "gux-input" }, index.h("slot", { key: '946aeb85de8bc850756baf6a60e72dc05eff2de6', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '5b4cdf94ddff3cc059fe5ac76abfa52ca4db01e1', class: "gux-label" }, index.h("slot", { key: 'aab275c888fc44566fdbeae133e1950addbff70e', name: "label" }))), index.h("div", { key: '5b06a11563515764b09ce8d66f9c9ed8600f63ba', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'db447c98e56b06fca8a73c5db54b7a2af8ff0a3c', show: this.hasError }, index.h("slot", { key: '372a75fe6ac5a8144b5a516049de6d334b4dff44', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1aecda0403524cbf79fa34e572d83d22a9cab2a9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '221aae6237ca1072200759a0ee0fe75c0e227e8b', name: "help" }))))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');
@@ -73,6 +70,6 @@ const GuxFormFieldRadio = class {
 __decorate([
     onMutation.OnMutation({ childList: true, subtree: true })
 ], GuxFormFieldRadio.prototype, "onMutation", null);
-GuxFormFieldRadio.style = GuxFormFieldRadioStyle0;
+GuxFormFieldRadio.style = guxFormFieldRadioCss;
 
 exports.gux_form_field_radio = GuxFormFieldRadio;

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

@@ -1,24 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e321455d.js');
-const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const onMutation = require('./on-mutation-6d71ec1a.js');
-const onAttributeChange = require('./on-attribute-change-a9f44523.js');
-const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
-const hasSlot = require('./has-slot-3edae188.js');
-const guxFormFieldError = require('./gux-form-field-error-e6b8a9ad.js');
-const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
-const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-f9f34ca4.js');
-const onResize = require('./on-resize-b2cc6e7f.js');
-require('./random-html-id-71c43d5a.js');
-require('./log-error-7b9d4b57.js');
-require('./simulate-native-event-e88bf64f.js');
+var index = require('./index-BYe628F9.js');
+var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
+var onMutation = require('./on-mutation-CxxKdrY9.js');
+var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
+var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
+var hasSlot = require('./has-slot-BFTyqu_U.js');
+var guxFormFieldError = require('./gux-form-field-error-DqqTb0bm.js');
+var guxFormFieldContainer = require('./gux-form-field-container-DgZam55R.js');
+var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
+var usage = require('./usage-Cts4C6ZC.js');
+var onResize = require('./on-resize-CKldN5KD.js');
+require('./random-html-id-DH9-ntZu.js');
+require('./log-error-nWO_o1C3.js');
+require('./simulate-native-event-_MPnVmRN.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;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input[type=range]){position:absolute;inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:calc(var(--gse-ui-rangeSlider-handle-height) / 2);margin-block-start:calc(-1 * (calc(var(--gse-ui-rangeSlider-handle-height) / 2) + var(--gse-ui-rangeSlider-bar-height)));margin-inline:0;-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-rangeSlider-gap);place-content:stretch flex-start;align-items:center;block-size:var(--gse-ui-rangeSlider-set-height);font-size:var(--gse-ui-rangeSlider-label-text-fontSize)}.gux-input-and-error-container .gux-range-input-container.gux-disabled{opacity:var(--gse-ui-rangeSlider-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{inline-size:100%;block-size:var(--gse-ui-rangeSlider-bar-height);margin-block:6px;margin-inline:0;background:var(--gse-ui-rangeSlider-bar-default-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-range .gux-track .gux-progress{block-size:var(--gse-ui-rangeSlider-bar-height);background-color:var(--gse-ui-rangeSlider-bar-selected-backgroundColor);border-radius:var(--gse-ui-rangeSlider-track-borderRadius)}.gux-input-and-error-container .gux-range-input-container .gux-display{flex:0 1 auto;align-self:auto;order:0;margin-block:0;margin-inline:var(--gux-spacing-medium) 0;font-family:var(--gse-ui-rangeSlider-label-text-fontFamily);font-size:var(--gse-ui-rangeSlider-label-text-fontSize);font-weight:var(--gse-ui-rangeSlider-label-text-fontWeight);line-height:var(--gse-ui-rangeSlider-label-text-lineHeight);text-align:end}.gux-input-and-error-container .gux-range-input-container .gux-display.gux-hidden{display:none}.gux-form-field-label.gux-beside{inset-block-start:0}";
-const GuxFormFieldRangeStyle0 = guxFormFieldRangeCss;
 
 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;
@@ -116,9 +113,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: 'f7dab9b140b4729fac375f8cda59fd68a8d9bd0a', class: {
+        return (index.h(index.Host, { key: 'ac6396675a70341ede73d1f0e4d77327f80f48e6', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4f7f841f694cbba7353efacae151a5a36675961c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '182bf50f074a917f47bfa1f72d306003b5534518', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '533261011f51862d74349dfdc3a93f6ac2d577aa', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e1ee1408ef44be674d2e9592f3fb7c8e843a5735', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c65695772089c745c8aef175a96282a0dfed522d', name: "label-info" })), index.h("div", { key: '97eeb2700066fb6581acf93b8f7a515218a84a71', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ea49b1560d6b560fa91b3c369c9675cdb23b248a', show: this.hasError }, index.h("slot", { key: '24ac328b0312224b18361a3cc665666833ecab0e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '239084e90d111fc37b036607921a37ec28d99266', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1a32d3340caa1c46835c3771522f0b393344e282', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '23657e405c569be2dce010be4bcfedf5b54f9bc5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b71e9c317f19951c12b09bdda6183e9ae6830fa3', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9044fd0692baeee3544288c94bf239926a160549', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'aa6dff32c0a3d879c1810b3afdef375886d96191', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '77f5fcb31f86bb617fca118552b0b5bd8233d9e5', name: "label-info" })), index.h("div", { key: '6023b57dc00df1cabca6f3e2764d15cecc74b6da', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '257c4a9379d86e21803431b028d53d8b847a734b', show: this.hasError }, index.h("slot", { key: '6c7b143edbf0722e5d3f93b638bc3d5ef36cbfb4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2d57e4f92318e10cfb660192326c5ec2bc6a29c5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0a3cdd8d4ee97e4de487ac8215eb5e4bbb047a72', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';
@@ -190,6 +187,6 @@ __decorate([
 __decorate([
     onResize.OnResize()
 ], GuxFormField.prototype, "updatePosition", null);
-GuxFormField.style = GuxFormFieldRangeStyle0;
+GuxFormField.style = guxFormFieldRangeCss;
 
 exports.gux_form_field_range = GuxFormField;

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

@@ -1,24 +1,21 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-e321455d.js');
-const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
-const onMutation = require('./on-mutation-6d71ec1a.js');
-const onAttributeChange = require('./on-attribute-change-a9f44523.js');
-const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
-const hasSlot = require('./has-slot-3edae188.js');
-const guxFormFieldError = require('./gux-form-field-error-e6b8a9ad.js');
-const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
-const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-f9f34ca4.js');
-const focusInputElement = require('./focus-input-element-3a0c1858.js');
-require('./random-html-id-71c43d5a.js');
-require('./log-error-7b9d4b57.js');
-require('./simulate-native-event-e88bf64f.js');
+var index = require('./index-BYe628F9.js');
+var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
+var onMutation = require('./on-mutation-CxxKdrY9.js');
+var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
+var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
+var hasSlot = require('./has-slot-BFTyqu_U.js');
+var guxFormFieldError = require('./gux-form-field-error-DqqTb0bm.js');
+var guxFormFieldContainer = require('./gux-form-field-container-DgZam55R.js');
+var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
+var usage = require('./usage-Cts4C6ZC.js');
+var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
+require('./random-html-id-DH9-ntZu.js');
+require('./log-error-nWO_o1C3.js');
+require('./simulate-native-event-_MPnVmRN.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;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);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);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container gux-icon[icon-name=\"fa/magnifying-glass-regular\"]{flex:0 0 auto;align-self:auto;order:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container:hover: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) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -101,13 +98,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a74e52145e3730e81a2fc9809f6b91caab36f95d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4ca03c5135a5f0caff983e89c1be29e140b63dbb', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '143a6c904688b0bcdf6bf904cbe9689a0d7893c2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'cd0e5d753d09fb2b129add014a878c7407ff9216', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b647dd68be49b0d54e49c0c88b9ac484dca8b615', name: "label-info" })), index.h("div", { key: '7f1fec79684afa6943489451d2a02e578e4317bf', class: "gux-input-and-error-container" }, index.h("div", { key: '9080ac7a90dc51ccd4461f3e20058f93e605bcec', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '8a63dea595a1c5d42dcb4cd8facc9d460a9e5a1b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cfd0eec1ecf20523561684958daa1f6acf972caa', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a3aaeff0832e5a64d1df1117d740c278c9c272af', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '70fe33bfb767af9d906cedcc9ce9ee60ca747af8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a56375db0f57772478adc032a6098545abef2a19', name: "label-info" })), index.h("div", { key: 'c018d09f0cec6cca6986fc5e3dbe3d2ed110e1cd', class: "gux-input-and-error-container" }, index.h("div", { key: '612e3730ffec8c4e2c6cd1a99f6b236f7f4c3294', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'c4a3823de7f3e5e6171c48b7a0b8860379eb70fa', class: {
+            } }, index.h("div", { key: '4484c395ec89c16ea0e431ce4ba40c7f12f07f4c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'c751e178a2df12fbb1450c8e634c8ddfc88529ea', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '4c9789b11d5ce5da90e6bf16e0de694878f1b093', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '11e2f54cc02572395b5c23b9e3e6d7382756171a', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '95affd07be581b62a0d1feb8f6f6066b90b32214', show: this.hasError }, index.h("slot", { key: '521c6e8eac641c4c6cae8fd1eae8c2842078d509', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3fc1bdb3cad4e36bc7852d31164acf67b70ad513', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7eb1cbf7147edd67c2b87143ab6f2f5d24877669', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'fc268ba929820ea0cb29914dc49dfc6a2ca65128', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '7454d1c6c2bdce9896dc23bc146186da366fcc2a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'f503f5d0aa5b2ec5528002b88364eab21e698824', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bbc51e468617a53ac4e6765ca62b5b4a3c9f4d56', show: this.hasError }, index.h("slot", { key: '694a574192897e77f2ddee09372e79918625e835', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b790d4a1238ca6d77415785f8c98c0fba45143eb', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '710ab2c334609e1d6d803046a08e25abf3e6ce6a', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -142,6 +139,6 @@ const GuxFormFieldSearch = class {
 __decorate([
     onMutation.OnMutation({ childList: true, subtree: true })
 ], GuxFormFieldSearch.prototype, "onMutation", null);
-GuxFormFieldSearch.style = GuxFormFieldSearchStyle0;
+GuxFormFieldSearch.style = guxFormFieldSearchCss;
 
 exports.gux_form_field_search = GuxFormFieldSearch;