genesys-spark-components 4.188.5 → 4.190.0

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 
 const guxFormDescriptionCss = "::slotted(*){margin:0 !important;font-family:var(--gse-semantic-body-sm-regular-fontFamily) !important;font-size:var(--gse-semantic-body-sm-regular-fontSize) !important;font-weight:var(--gse-semantic-body-sm-regular-fontWeight) !important;line-height:var(--gse-semantic-body-sm-regular-lineHeight) !important;color:var(--gse-semantic-foreground-container-midEmphasis) !important}";
 
@@ -9,7 +9,7 @@ const GuxFormDescription = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '844802cc7fed39bc79e6302664316efe2f8c232a' }));
+        return (index.h("slot", { key: '464fb0222dd20d3fab1ece2d4bd8eb0eaa0248d8' }));
     }
 };
 GuxFormDescription.style = guxFormDescriptionCss;

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var index = require('./index-Cj-VywrY.js');
+var onMutation = require('./on-mutation-_bC2rIpw.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index$1 = require('./index-CX7ddjMc.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-BRsNlu45.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-D_LFc5gM.js');
+var usage = require('./usage-DBh5_9b-.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -194,8 +194,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '39d089b1a29281e4548047282d0c21ced0664238', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1dc0f41fcf3f05bf44c3527b1ca837b39b7ae75e' }, (_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: 'ff0df059eedea0671156605427e5e6ae53db86a9', position: "above", required: this.required }, index.h("slot", { key: '42cdb1d413e349e40757f61cf5a901897b1c64c0', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '96e6c9fcfa22513d122d09a22855d549f3c2e5f8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6959da0cdd600fc35a202238693fcffeedb5dba5', name: "group-label-info" })), index.h("slot", { key: 'e6ec34d9152b1cb78454dd62dce3bc1f8396f9ed', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '06ffdaf1284b74a6350ce91cdd420c18d3015287', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd0a1f5fafa32b6be3c55c9c18e3909136331b661', show: this.hasGroupError }, index.h("slot", { key: '773cba21d4b1131425cc1875b6e36da27feeb053', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '94ba36e3faf7603179706bb2cb3937310e1d27e2', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '7d816fdd3f3fa7a4a209da146a55645cc0cb635d', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '92a844e6b459fb565b325714f3d5f6ed23732482', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '89cefa37c45059fbdce83afae13e983fbf05245e' }, (_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: 'b0240912912abacb44a18efc4c1e8641938f7e00', position: "above", required: this.required }, index.h("slot", { key: '317093d695fe364541b04415cf5aed1ade800dca', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '61bfcb1509c7d1ffe63ae960adc142095f9ea962', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1510300f79f8b03f35ab737866f3b1335ac57957', name: "group-label-info" })), index.h("slot", { key: '0694c5420af5762b9727b7db75c1ab72777cd743', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'a6d6d49ca5844ef86aa1ab7e2ebf2478f6c03464', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '2ee5482888822666d0451cddc3f604a78d32420c', show: this.hasGroupError }, index.h("slot", { key: 'da96d3430ad950ce1eba527973617e2b12eff57d', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fb3264c8f5dba8e4acd2dbd47271bdf7e166f86c', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '0b5fcd43da00bcc2883f1e651271bed69f3d4fb6', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var onMutation = require('./on-mutation-_bC2rIpw.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-FIcB4Fjw.js');
-var usage = require('./usage-D_LFc5gM.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
+var usage = require('./usage-DBh5_9b-.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -49,10 +49,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '5f3785649f75c7a2e2638548b05d55024cd80c38', class: {
+        return (index.h(index.Host, { key: 'f3ee03f85fd8b0c0cc6c6dea848b7ec784899f3f', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '7a1c8456e16e188895d1b43e075030fc8a7562fb', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '17f6993bf2c457c397a33df428d835942f2a6f44', class: "gux-input-label" }, index.h("div", { key: '4eeca51ec3a6fcf71b7b646c476f8353c6aaf750', class: "gux-input" }, index.h("slot", { key: '7bca8844ad94595d9e59ad17d7f9d20697b598d6', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '8250484b80ade7447d156cbf69971c15ad4ec92d', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '8d86952fd4f5f9ed72cb24cfccecd8eee04682dd', name: "label" }))), index.h("div", { key: 'a481af37f9cb672bbdb2a58c56f85dfbffa1f42f', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '8db617175bdb15e6176df86da61fe8d859ca8859', show: this.hasError }, index.h("slot", { key: 'ef8a5d0379f6f35676bdabee5ece0fc516638c06', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7721d0b1c62d3741134693034822a5546c048c62', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e00bd909e58a0de48e030f4526ab4cf7b93e0ee6', name: "help" }))))));
+            } }, index.h("div", { key: 'f7e315c092c47f89ec0608f7cc0b1f545bf03018', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '12c0119369f66090ac050085dc1b996827285ed0', class: "gux-input-label" }, index.h("div", { key: '0ab3f6b8cffae4fa54506215fcc92e787099153c', class: "gux-input" }, index.h("slot", { key: '3e682dd24124254a6c2c017b3054d2b9901ee47b', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'd3915ba819ba13879a2389eaeedeb823e0d5c9c4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'a271dab20e31017654e81f53b4439c0521d69557', name: "label" }))), index.h("div", { key: 'b62854e3667a9ccc4937b1028ae72241557b7002', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '4d7211f0a9d54b7e7c070926a59518f8afd63616', show: this.hasError }, index.h("slot", { key: 'cc7eaceef271abba3d6d0caef3eede476ae21570', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e185bd75c1fca4cced04b3db74188727440b21e4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '01a2219d9114c2a0d87d5dd9a475999117d699e5', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var onMutation = require('./on-mutation-_bC2rIpw.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-FIcB4Fjw.js');
-var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
+var guxFormFieldContainer = require('./gux-form-field-container-CZ6-ulbG.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-D_LFc5gM.js');
+var usage = require('./usage-DBh5_9b-.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -90,13 +90,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ad5e3507b19363da0013dec594572db85875e92c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'fa6da12edc56db3ac2712630135c1e3760ab5760', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ebdf3ac3cefeb5b917601564fbf1bd004b045f9e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '227f23f679f9f263a909afb47114f27d85fa7455', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e86b485705cfe0593ef907cf924efb083716f702', name: "label-info" })), index.h("div", { key: '744e7c8e61469efcaed3551339bcfeea5112aa9e', class: "gux-input-and-error-container" }, index.h("div", { key: '3d29474352a8110976c82499b913a85868255cb6', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '7ae46b24ae3151ab80b14bea6c449b94f9f3d0af', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2621b92ad1a11a36e23b6b8b752c3f3e9db64733', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '97100d4c6a6e22d0c1fb0dc13ab18e8885810f50', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '11cf8407ed1c1a2b7891da4f36affb4da45e30e8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '79c7005dfa407e9951085b78eb9e38d638a80c2e', name: "label-info" })), index.h("div", { key: '9f268ec512da2faf2cc21303d6971d4bc84582f6', class: "gux-input-and-error-container" }, index.h("div", { key: '54e1400eec5b010eda2c5a1793caf45b87b17584', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '42d5c9b830926af6b5a9774b225d984fd44e16d6', class: {
+            } }, index.h("div", { key: 'c9536bf3c1d2b013a99fbe926ffaa23e105c658e', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '3e66617a006fc577dfa7d36b9ac11cd9d91775e6', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '237a375286d99b1cfb1c097672f36508f42d80ec', show: this.hasError }, index.h("slot", { key: 'a5f54be3d51be6cc967ca6af6671546183b44ce1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a389ea72e7f7af73d0a8c614e584211a4b20c4b1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f9a6298f22871598ca89d317fa76162b3a6eed5a', name: "help" })))));
+            } }, index.h("slot", { key: '1f27963e69948292c5e81992723533a6ea39f77f', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1abdb89e7442e3d0fcf16db6c7ef6e92de6987e0', show: this.hasError }, index.h("slot", { key: '7faa5a9c50cebe60440e2287e41f4a968407d3a2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6cc55324a81e01db245e369235a22d3f33760a50', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f6a356d08459075bd1735ec4318d48e13906ff72', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/{gux-form-field-container-BkBBWJ-I.js → gux-form-field-container-CZ6-ulbG.js}

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

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var index$1 = require('./index-CnZZCg2E.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var index = require('./index-Cj-VywrY.js');
+var index$1 = require('./index-CX7ddjMc.js');
+var onMutation = require('./on-mutation-_bC2rIpw.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-BRsNlu45.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-D_LFc5gM.js');
+var usage = require('./usage-DBh5_9b-.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -110,11 +110,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c55506028075010580036cf430008af29b73b2a0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '40b6eb605168484203272a582c504f9b8a7c9425' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '4604a5488d1f73dee58fa9da4a66d847fa612e07', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6fdb7a2dd39f243fe3732773e82fc64d63a6cffa', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e334bb065680c63c8cd10797d3e4f070eec332fa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7485b99a3d4163858479c0b92df2f0f58a72af91', name: "label-info" })), index.h("div", { key: '84566ab5a944b5267274f09bb3fc50a5a1d63ab7', class: "gux-input-and-error-container" }, index.h("div", { key: '28ade6dff038c4d9ab63baf834bb2ad150e4de32', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'bd5a9b56b2b463bbcd47b0d848e8fcaec15d7bae', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c42d702abbe91566650575edca6aee30956f8ec3' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '30451157ece2c841eb63ff1ec17c45e12dda2ae2', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '62d3807d6eaec6817a691edc9efa52c961954392', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a967b1d2f7558f052efd7b5058edd94e43b636a6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7ac30a844a6073be2ad2ded6b0393d262c2894f6', name: "label-info" })), index.h("div", { key: 'b2683a7e75d91508871a997d40a1f6165417a505', class: "gux-input-and-error-container" }, index.h("div", { key: '1e32cd4a36b3d78dc8ade9b277730c6c426de3cc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: 'dd6e549d5c284aeaaa69345ad036bfab7a059e8f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '388ad2e687697ea0cecf9b6010c4a69371c2d16f', show: this.hasError }, index.h("slot", { key: '1553e292accc1072a74f267f315641f3832ce18c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2f79e47073f8359740087f34bc3d01d0b8b240b2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '85976402223662223286dc862b6d6b3d202ef374', name: "help" })))));
+            } }, index.h("slot", { key: '8c98c697edcd4eed3cace93a085c4b539dd486c5' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '05c226f6cb719b8d9101114dfa46608d827d600f', show: this.hasError }, index.h("slot", { key: 'd0cf4cce0b8f158ee334552bcca07746d01de98e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a8f8a6efbe78e5bf88416cab4f2fdcd5287851b4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b857156a70d1cec9207efbff4fda1a44e262ce56', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/{gux-form-field-error-FIcB4Fjw.js → gux-form-field-error-glmEWxt7.js}

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

package/dist/cjs/{gux-form-field-fieldset-container-SYa1tvh_.js → gux-form-field-fieldset-container-BRsNlu45.js}

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

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var index$1 = require('./index-CnZZCg2E.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var index = require('./index-Cj-VywrY.js');
+var index$1 = require('./index-CX7ddjMc.js');
+var onMutation = require('./on-mutation-_bC2rIpw.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-D_LFc5gM.js');
-var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
-var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
+var usage = require('./usage-DBh5_9b-.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
+var guxFormFieldContainer = require('./gux-form-field-container-CZ6-ulbG.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
@@ -113,7 +113,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e6168b89ec2e7e319eafd52f850440c7c8611baf', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c43bbd379ce7088f1b229e0759aeb650e540e749', position: "above", required: this.required }, index.h("slot", { key: '076818f70f0b4d576d0c29c589d65365f9922196', name: "label" }), index.h("gux-form-field-label-indicator", { key: '8d40c98ce91d58f80ee19a0f2cc56a8b7b0da22b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5a55650d45ff8d7867e5a5137d4da1c5d971405d', name: "label-info" })), index.h("div", { key: '89117ae5350897d66668b85b49c5253b4c714881', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7951b8ff1b3cbedaec1616cd0d3e9c93cb0e0274', show: this.hasHelp }, index.h("slot", { key: 'e47262515b64ccdf3f76b79afbbba7f653636cd9', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '4504a6087b27a3d7e42251a17974a7bc2985a4ca', show: this.hasError }, index.h("slot", { key: '7b80111adbbc9febb6f4b3446c60fa040d5b17ba', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9e9bbaec5bbd3c926e973305ec996df8adf1d9b1', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '074a8887189ea9303211036f73f2d3695eda49b3', position: "above", required: this.required }, index.h("slot", { key: '88e8c37a8e03e160dde9dc543faf34fecae6d4f0', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'b9b0af8ea039d0511eb0e7bfa51a044d50c094fa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bd40cd0bf61b433329f9b672c6d61e635fcab493', name: "label-info" })), index.h("div", { key: 'b408fc16579d909a809de5757c81b714a5e440b6', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '789502c9e47879284a9928727a098666a3172206', show: this.hasHelp }, index.h("slot", { key: 'bffe0ae64f217682edf3e01bdfe1a6c0545805d5', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '49a5992a62e699cd1a998fe7c07689bdc4ab4940', show: this.hasError }, index.h("slot", { key: 'cc68b2d9bdb53022dd8e4d3250b635cbe155aa34', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var index = require('./index-Cj-VywrY.js');
+var onMutation = require('./on-mutation-_bC2rIpw.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-D_LFc5gM.js');
-var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
-var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
+var usage = require('./usage-DBh5_9b-.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
+var guxFormFieldContainer = require('./gux-form-field-container-CZ6-ulbG.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
@@ -108,7 +108,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0388360b8ffd364cb113edad7bbd2cd417aa0738', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0eea04bc0700ff76a37dfc1d8c642bb319cc7583', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1fe4e4f8f9e178b4db023452c8fef586c20fd639', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '850a5ea4ea31aed7ec8a2d24b97833e0c6651d87', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '90e0fc3ab8cb27d1b907f41fcfdfe53d73512d68', name: "label-info" })), index.h("div", { key: '9cbc089ee1182d873a4da96c77a03a8fba01f0fc', class: "gux-input-and-error-container" }, index.h("slot", { key: '2fdaacde8ab249e618b86072e66dd291c4790157', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '3f6e546494f001ee6dddef3c3bf65837939e4fc4', show: this.hasError }, index.h("slot", { key: '547e941bb527ef5c23e68170fdbf584307ae107b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '49565bfbe9981f787951385891f2aafbbcf55684', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9d46b39b1296b7d9a2248f51df19bdc42f036bf3', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '800706efb32a5fc069785e68b17af6ce353cc2e9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '061505ad88782106a3cd218fbcfd65462d61178a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'd2e8a671d2b4758311179c996d967bec81d04e5d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8cd22242c1a53d632c461dcc93ea77a31d2b6e9c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e4ecdf92ed980fc8dd74f3812e4ea32e148e4542', name: "label-info" })), index.h("div", { key: 'f0bd99e4bf8c7d1d0d64f0f8bb1b00a9df8108fa', class: "gux-input-and-error-container" }, index.h("slot", { key: '151f007b4f7f21ee46a3ea0dd653cd6facd4c009', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd9f70eed956e54821bb9008b932f135951373e57', show: this.hasError }, index.h("slot", { key: '762675f3a42171715d844475bcbedbea1413fa30', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '650c387520aea7172343587f601b975bbe13a8ff', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b6eb0b7b9c44c29e38f85a483684f81c92538d32', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-D_LFc5gM.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index = require('./index-Cj-VywrY.js');
+var usage = require('./usage-DBh5_9b-.js');
+var index$1 = require('./index-CX7ddjMc.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const clear = "Clear";
@@ -21,7 +21,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '64404e9437de8a45385161b1dee6b8811543895c', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '5a4d5acbd2b2243bcb142559c834986ac15c4bad', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: 'ebd62167e9f3484066e68dc0110af280a50976e5', "visual-only": true }, index.h("div", { key: '7bc3633e898beddd15386e0268596f28660fe70b', slot: "content" }, this.i18n('clear')))));
+        return (index.h("button", { key: '779b8e00c708e767fcae1e8d8458a7b38c6aa310', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '2986d3a8ffbe6e38bcb59d3713a2f8c09708795b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '468add6065638c3abcdfd35fd7a6cb7c2b7c00a2', "visual-only": true }, index.h("div", { key: '24e172e461f7f7378af010946a6cfb7ccaac3f13', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-D_LFc5gM.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index = require('./index-Cj-VywrY.js');
+var usage = require('./usage-DBh5_9b-.js');
+var index$1 = require('./index-CX7ddjMc.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const optional = "optional";

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

@@ -1,20 +1,20 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var index$1 = require('./index-CnZZCg2E.js');
+var index = require('./index-Cj-VywrY.js');
+var index$1 = require('./index-CX7ddjMc.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var onMutation = require('./on-mutation-_bC2rIpw.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-FIcB4Fjw.js');
-var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
-var usage = require('./usage-D_LFc5gM.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
+var guxFormFieldContainer = require('./gux-form-field-container-CZ6-ulbG.js');
+var usage = require('./usage-DBh5_9b-.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-0H0Z_nRu.js');
-var onClickOutside = require('./on-click-outside-Cn9ProR4.js');
+var onClickOutside = require('./on-click-outside-DU3COtCC.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
@@ -27,7 +27,7 @@ var componentResources = {
 	decrement: decrement
 };
 
-const guxFormFieldNumberCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:end;outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button:disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";
+const guxFormFieldNumberCss = ".gux-form-field-container{display:flex;flex-direction:column}.gux-form-field-container.gux-beside{flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-helper-gap);place-content:stretch flex-start;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 0 auto;order:0;color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label{display:inline-flex;flex:1 0 auto}.gux-form-field-label ::slotted(label){min-inline-size:0}.gux-form-field-label ::slotted(gux-label-info-beta){padding-inline-start:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-beside{position:relative;inset-block-start:var(--gse-ui-formControl-input-top);inline-size:fit-content;min-inline-size:var(--gse-ui-formControl-input-textfield-minWidth);max-inline-size:fit-content;margin-inline-end:var(--gse-ui-formControl-group-gapItems)}.gux-form-field-label.gux-above{padding-block-end:var(--gse-ui-formControl-formField-gap)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding-block-start:var(--gse-ui-formControl-formField-gap);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-textBold-fontFamily);font-size:var(--gse-ui-formControl-label-textBold-fontSize);font-weight:var(--gse-ui-formControl-label-textBold-fontWeight);line-height:var(--gse-ui-formControl-label-textBold-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;inline-size:100%;padding-block-end:0;overflow:hidden;text-overflow:ellipsis;font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);font-weight:var(--gse-ui-formControl-input-contentText-fontWeight);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);text-align:var(--gux-text-align, end);outline:none;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;inline-size:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;inline-size:100%;block-size:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);cursor:text;background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{cursor:default;opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusOutline-offset);border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-inline-start:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button:disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;inline-size:14px;block-size:14px}";
 
 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;
@@ -48,6 +48,7 @@ const GuxFormFieldNumber = class {
          * When set to optional, the component will display (optional) for optional and blank for required.
          */
         this.indicatorMark = 'required';
+        this.textAlign = 'end';
         this.computedLabelPosition = 'above';
         this.hasContent = false;
         this.hasError = false;
@@ -114,14 +115,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1e07c3f124e8707f6261b4df25690d812c9c7dd1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c4d3286b441ffc8b976ecab571420ef3f9f5731a', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'dd3eb099e1b96030198fa1d5980327b9b37372b9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9299e783143e6d5d3ed8e2654f388182bceecd09', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '26742f9f77b85ec871c12b8069d188685b1c1bd6', name: "label-info" })), index.h("div", { key: 'f76998d3d2b4f6cd9ecc21be8283a07dad189f0c', class: "gux-input-and-error-container" }, index.h("div", { key: 'db694b9aa71dfae2b1ac0df8988838f9c44ff559', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f8e0dfe12b4371a0e8ed1d9dcc8d7dedd0d3b481', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '1cb0ecceacecaa233238afda2c25173e75e13425', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'fcaf21db47267fb62339d9235119891d97c310a0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2ffbef17f6ded2ce595ef667eb4bbeb4bda7f515', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e1a91238631fb6fc8a6497a9437568e1688824bb', name: "label-info" })), index.h("div", { key: 'f1a4116ae6921ffc3bea4a59be85e6003d8968d5', class: "gux-input-and-error-container" }, index.h("div", { key: '52c7c3a5112fc46d4ed3027d9523ad5b7b3b3408', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'e10e9afd527017c32e2784409c6fba2211cf099f', class: {
+            }, part: "input-section" }, index.h("div", { key: '48f6e9d99ae983229690d3defdef9deb3fc0774b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '6850be66b8b17f1c2cf0c4f7328aebcf3ba30690', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'c74281f4423eda417f7c79380d6dde369a2af1e7', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f28cc3e3fb7e49fd1da638376046d2d1fcfe051c', show: this.hasError }, index.h("slot", { key: '92a20e2c9b9c8988b86b3bf84f7ed3ee53504940', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '884b1ccd768b8da7ab2de002c323dc768ca56160', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cc86c01124eb1c7975649d1c2d516bd8193f52f6', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '56561b6989928d1c59ec3db3970f2ffc9b72314c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'faa195b85f1f6dde262820f4474d1f4beab129be', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '43afd45c0e7ce0667cbdaff64e3bb6c817a901a1', show: this.hasError }, index.h("slot", { key: '6376e17617f4190814ef6c4f5bba6fd1a702d95b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a9df73f4fa893117617d4edd03f69c822907e20e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'fc3c7bb473f10af851f1ff3068034b86da80b751', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -280,10 +281,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: 'c0a0f5339eb18427f2d0a295b2059ff1dd3354f3', 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: '7783134863b3749e02a098c237be70dd2405650b', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '9e4a5b4684c26c37cf897259e9dd96728cff1015', for: "popover-target" }, index.h("div", { key: 'eae4d6c935bdfb6067d33db1facb3bdf2c75a35b', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: 'd452fae8bc5cf41f10cb66e3edee10b1da55396c', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'a8a03c0a8d6e51191d53f2c185f63d269ceb6bff', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'a3968c8cb70cf66c8415c51ebe541fef742d5e59' }, index.h("input", { key: '303bb563902aad6ee9af1188ba647773ae914d70', 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: '392d27147d9fd9ced515a2b93cb299db9f1ac13c', slot: "label" })))
+            index.h("gux-button", { key: '54d4931acd0b6adbf452b5234e225c4e531302a1', 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: 'cece20bd08a8fd503168a8c2b5a84c10a53ae1d0', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: 'aee4ee449d689c54f26c234f07ea15bf6044ab5c', for: "popover-target" }, index.h("div", { key: '304258ccba1ec70a299b0c4e8635675b71a147f3', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '8b8411e720a78c6fb7e45d1f7133175d72985797', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '6e670634e2677cd8f46c3985f3e436b3b82d2d15', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'd7c88f32207584e289f1eabeb56b7838066c3bfa' }, index.h("input", { key: '234b7415c9a861f9a3b7d1d328f95e8061746c8f', 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: '72490115bd1baec1333b48457002ce9d934b45b0', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var index$1 = require('./index-CnZZCg2E.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var index = require('./index-Cj-VywrY.js');
+var index$1 = require('./index-CX7ddjMc.js');
+var onMutation = require('./on-mutation-_bC2rIpw.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
-var usage = require('./usage-D_LFc5gM.js');
-var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
+var usage = require('./usage-DBh5_9b-.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-BRsNlu45.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');
@@ -105,14 +105,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '613378ec2b9693daa0d18c873bd38194adcc8d4a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '714b94c9baea910a5557478a175af7b484d419f4' }, (_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: 'f5cd6e7de34d23b88af5a5c28d7249e1d3cc9ca5', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'dd43169118d9b259d1e264393e00d25ea21345f9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '61b7d9650aa32bc485eec34b7b2c96dca71bbc39', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3f159b032cc9ac1a8592d1e8c7a46c8f01a02ed4', name: "label-info" })), index.h("div", { key: 'a255777cea26f2ebc3584c008fdef471470979b7', class: "gux-input-and-error-container" }, index.h("div", { key: 'a3efa67c24b78802d2eda00d5d18e19104c537aa', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '39a407208d3376eff32481d80fd7cd885f8879f7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '845c687f78775c6f6cfe24dbf267520ce19f2b46' }, (_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: '7f10639eb517a75ea7460cdbd8a846ffdd75bb76', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '225815c06ff37df869c3124059338f0ab10d7aa3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e691e8e73d381e21d327ac8ea14b0ea82ccf5710', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'aa0c807c18732462724b170feb164746affbd39d', name: "label-info" })), index.h("div", { key: '71747507e15078f43f045820156a2f001ae15880', class: "gux-input-and-error-container" }, index.h("div", { key: '30295fbb1c3219edba2424b29fe9bce9dc7a7af5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '24f51dd5ce104bba05b99dbec535787f38605e9c', class: {
+            } }, index.h("div", { key: 'd7ae0f45b6bba0984cad385da8a9cbeaf265f158', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'b113dede3ddca50431087a10f334a68fa42c3705' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6257297b31c53af850adb599dbda8a79678055fe', show: this.hasError }, index.h("slot", { key: '53a58ab2005a598ffa97ab16f894e642e8dc6884', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '34abd49c63cc0617f0f940be16dad10525a8f42f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ac6905a7b49d47dab653ce3ad3d0c5899f2ca5f1', name: "help" })))));
+            } }, index.h("slot", { key: '6e8536d0a24dc0a50c756b0a9f97c2d6dc86a318' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c7f083797d4f68730ef17268a3bf14155b4fbf58', show: this.hasError }, index.h("slot", { key: '8942b4457ec833f4e80985e812ea9d5ecaa3af69', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '278ffdc44a4b6d4c335a75ed07bd726ff6e87901', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9ddda671e1422f1e9d952f12a5d9bb2a494b8916', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var index = require('./index-Cj-VywrY.js');
+var onMutation = require('./on-mutation-_bC2rIpw.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var index$1 = require('./index-CnZZCg2E.js');
-var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
+var index$1 = require('./index-CX7ddjMc.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-BRsNlu45.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-D_LFc5gM.js');
+var usage = require('./usage-DBh5_9b-.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const required = "Required";
@@ -130,8 +130,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'acfba046d414d134764bb8d63c0d944ae190ef0b', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'fc6c07690055a4422007cf2976e7c15cfc1e2b32' }, (_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: 'b910b0eab97d6aaff27123f8f3b7388f987e3153', position: "above", required: this.required }, index.h("slot", { key: 'e5b77b04269f5fdce492a3c42cf48fcf569cfe38', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0bb67f0d56898360c3388e9e188c7c1b523844c1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6a7b260dc69e954062eb7d262ff1dd709a1d3fa0', name: "group-label-info" })), index.h("slot", { key: '324bdaa5590740c1fa0c86490c0ffc6fd50d0258' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bf9c69816c159a8a180f71ad1654476ee28b8ca2', show: this.hasGroupError }, index.h("slot", { key: '7c6500b5062b211d57b7aab257d8a43ad4d7d193', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7eced387d0ac6e21de3c5ba2b6a9561a910a701d', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'cc323eb191b6d5139ee85b1a8e9b22c750d624e3', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '1dddf22be29f710fca6ba6ce98b0dbe1faf032f9', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '14f39be31f723aa8d45addf90e70361e1473a8ca' }, (_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: 'e1b406b2f4641ff77792d3379cbedabad581cec2', position: "above", required: this.required }, index.h("slot", { key: '822237035b64c334efc7a3949ef079b64653142c', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'bc3ea838afc780927e61b23b85240da795c9d512', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1ab538015e21dec0a12be8006097f259e96c87dc', name: "group-label-info" })), index.h("slot", { key: 'db77e8d6c5af8a3e1bbca49449fd250604682a49' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '4e92f44b08b08733bfa61ab18b1e8a5422c9dcd1', show: this.hasGroupError }, index.h("slot", { key: '0b2846006c3eb88ae795ffa7bdf46fe19e7838fe', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e883b50237c419f86fd9bded37bc8facb4ed995c', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'b778e4b03942129d6b5670707f261a1ceb428017', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var onMutation = require('./on-mutation-_bC2rIpw.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-FIcB4Fjw.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-D_LFc5gM.js');
+var usage = require('./usage-DBh5_9b-.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f7dc4e7c2f80984974904582d5cc2b9dd5c67fe6', class: {
+        return (index.h(index.Host, { key: '67116e4eb3942df84634acee5e9ce953775a5d73', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'a1f12b9fb10c3c37751aebc02964b05969acfe86', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'b86f210373fac683d085236e558492d130fa5c25', class: "gux-input-label" }, index.h("div", { key: '1ec27063205b05b0569daee06db75328b7ffbbd3', class: "gux-input" }, index.h("slot", { key: 'c38d40a89108c29b74925b3b2c54464ddc818fbc', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '0b6939d4f955c5d028d4b34e4c51d86a99442ed7', class: "gux-label" }, index.h("slot", { key: 'defaaf9b388c1ec65d711cc0df93feff683b84e7', name: "label" }))), index.h("div", { key: '31813aaff5b026ab9ba7101fdf817bff59db1108', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '05d8a17940b0daa4c2fe80470223be99761fa564', show: this.hasError }, index.h("slot", { key: 'c9b45fe30d06f75142b55c67705c814950faf1a5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4b4cd37bddb6629d1d992f401b453b696e0db392', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '25d292684f9b5b17a4ef7e6f1198d96f6c87e2b8', name: "help" }))))));
+            } }, index.h("div", { key: '823c51daa536c9f4d74e079e389e23ca2b329e29', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '31167f841d8682b44d28107f9f8ba4dce9d24d36', class: "gux-input-label" }, index.h("div", { key: 'b41e9dc80b1ceedb5e86b9d4840885e8845c6e7a', class: "gux-input" }, index.h("slot", { key: '7abc5d9b92c977b3fe9c2e972dac49c23ae00f17', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '753be796e830557b7c9673a4daad39276ed6f48e', class: "gux-label" }, index.h("slot", { key: '031994e319d909cd095ff008e95e80e28ae4429d', name: "label" }))), index.h("div", { key: 'ab4d5bc0a67cb0674bb42f5c68e088a7548c1b0c', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'f299e1eb9508216270b46408b2264cae2aaa44e3', show: this.hasError }, index.h("slot", { key: '3dc59aec8fa8d4faf52d8424e870a6ce44cbf18e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'bfd5e8b55d213fa5296742b756874f40d884f718', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '769394d7fed56cd0bb7de8e77df1d7637684e6c0', name: "help" }))))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -1,16 +1,16 @@
 'use strict';
 
-var index = require('./index-DJ9HGtdZ.js');
+var index = require('./index-Cj-VywrY.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-una8GcoZ.js');
+var onMutation = require('./on-mutation-_bC2rIpw.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-FIcB4Fjw.js');
-var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
+var guxFormFieldError = require('./gux-form-field-error-glmEWxt7.js');
+var guxFormFieldContainer = require('./gux-form-field-container-CZ6-ulbG.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-D_LFc5gM.js');
-var onResize = require('./on-resize-BVaymqbW.js');
+var usage = require('./usage-DBh5_9b-.js');
+var onResize = require('./on-resize-B9FHDEY6.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -116,9 +116,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: 'f0ea43710ef4a39ce8f00f0aaa5444e4e2c11644', class: {
+        return (index.h(index.Host, { key: 'a6f22a9e582ec638d9f6309313c920356e1bb630', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5425aa03f151449e14a6fbc22e22cd5cd41a6937', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '3776c2b6167ed2a3786c173eb1df81feec4c9d55', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '0ef71134e1128d90d8120448cbf601c157a271a4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd93000d3b47ab3d4e82ae25e4e66173cfb041670', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7d98fb6acd4c53835929869bfd6073d5d786137f', name: "label-info" })), index.h("div", { key: 'd812bffc149d767637f4c31613dfcd6c5096965b', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c3bae4f5efb6902bbb403e1e5f941f01cda056ba', show: this.hasError }, index.h("slot", { key: 'a37c59e74573413fc69e3bc85e18b501df46217a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8dd139f4e664c185f58fd510d5725033f6a37796', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'eef51ba6ca031acf3a9df9ddba55e2c77cce56a2', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '160c53d5399debe101c82e188b5c46f47b84cce1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4527048ac90fb4442efd0d1073c682bd03ca6461', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f2da62566c5ba9a271d9ff0d671d6dbed37f88a3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6f57048aee9b0389a4cdb96b007d27511eac1fe5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '659d2f15e5914c8b257f61fce0945c0a750de459', name: "label-info" })), index.h("div", { key: '3d6c2f68312721c4e3a79bea2d76c9a123812241', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '380b1076a454b286534d3b9a1d687fe59df10e3c', show: this.hasError }, index.h("slot", { key: 'c4e0bd4ab15ac54623ca8f7295e590b717c3a5e8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '032ad62e730d205a65a05d952202cb42912cd304', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '224729f7c5c00f411b7348ce3d591fa84ff2a893', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';