genesys-spark-components 4.231.2 → 4.232.0

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
-var index$1 = require('./index-DVtwB70Y.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var index = require('./index-npRUdf7N.js');
+var index$1 = require('./index-D5gbJ1qH.js');
+var onMutation = require('./on-mutation-BW38lSRA.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-CuPbJnEB.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-ymVqngT8.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-C0ViaU--.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage-CWS5rSpe.js');
+var usage = require('./usage-CXG6kbqB.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -114,11 +114,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'fda29cfcb1fe9a359097dba13029edca368634cb', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '5bb6943c78b6732db40cfa324d9027e9d9e6e6d4' }, (_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: '5db68e06b5ea03d32df27aa4bc751fe861d0861e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '576e0563563e5a84b5a786b66ce2dee969804c42', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd476af73598415421d7ca4f5fe50ba0d73ae3c49', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b47ce0c9da368f7bedd84444facaa0796b429177', name: "label-info" })), index.h("div", { key: 'd253db9819a49a8285d3a6c37ab5a9de3cb6c3c0', class: "gux-input-and-error-container" }, index.h("div", { key: '560dc0f68e0944def6d8607de1e8faa6b2d0b26b', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'b01965068cf59175e6f5e7392e31ff0e6aff389f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '7e9b9776b487e2fd48e4b76ea32b4c264bc089ec' }, (_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: '8a4cb37933f112613e2772ebe0ecbf3cca4e4d31', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'cb7c431f9903b66e9397631ca5c066f8018f6f16', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '91d5befc7b4f818c117296ef579e1bc0154d8dfd', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '56d2513d6e728ebf8211c50d8ba61b952607345d', name: "label-info" })), index.h("div", { key: '50812ca048b07dc35b192feab2b88ec5fad68783', class: "gux-input-and-error-container" }, index.h("div", { key: 'c7c276d3b2896151632032d82855107949d1ddff', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '5e9f5bc643b92e5acb1f6711f066e36f8bb9f829' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a092f7cea1500e455f7a07a671a1b51185751c22', show: this.hasError }, index.h("slot", { key: '37a395aee40f1ea23fcd1803f992f60f0a808478', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e375a00d6f22d6ba15926baf6aae8052e07f6624', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2d3708cf7f2b5f451b5b50ab9b216c85aa786d8d', name: "help" })))));
+            } }, index.h("slot", { key: '322f9dc24ea62313e75a092d837bac674870339d' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '4f5da9e2a78c5fcb1c7b01c43290a81d5ba1bf68', show: this.hasError }, index.h("slot", { key: '3683882aa43dfe2e895ec13e7d88b489fc489828', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3ca707791fdc95365c34a1535784e726303c6cab', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5530f2bba8dca9fdbe6975945d40be9a85acdfee', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/{gux-form-field-error-CuPbJnEB.js → gux-form-field-error-Csxri5IS.js}

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

package/dist/cjs/{gux-form-field-fieldset-container-ymVqngT8.js → gux-form-field-fieldset-container-C0ViaU--.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.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-CBglYKJO.js');
-var index$1 = require('./index-DVtwB70Y.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var index = require('./index-npRUdf7N.js');
+var index$1 = require('./index-D5gbJ1qH.js');
+var onMutation = require('./on-mutation-BW38lSRA.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-CWS5rSpe.js');
-var guxFormFieldError = require('./gux-form-field-error-CuPbJnEB.js');
-var guxFormFieldContainer = require('./gux-form-field-container-CEC5Hm16.js');
+var usage = require('./usage-CXG6kbqB.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
+var guxFormFieldContainer = require('./gux-form-field-container-hTZqdcZZ.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
@@ -117,7 +117,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd7d64c8b03576ee5518724c01e95c05ca0fc5a68', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '36fb0604711034cf5e2fb0c0dc620feb6892750f', position: "above", required: this.required }, index.h("slot", { key: 'd773eebe174d917c71dd4e276eed43ffdc17eefa', name: "label" }), index.h("gux-form-field-label-indicator", { key: '2a49a514994162fffe5365bf930d69c631de3ef0', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '23fcb43e38333d2ff5efa97a8fcd4d3a41206a35', name: "label-info" })), index.h("div", { key: '94c5945e962afbe1960094e0fcd369a11098ba4d', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd2e8ad845e4a6986699fd30bc053451f5327983c', show: this.hasHelp }, index.h("slot", { key: '05778f50b7ee18e7a27ebdaf644ada4298198339', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '06797d7f784baf36f7162494c97fe3c0ca5e0d4c', show: this.hasError }, index.h("slot", { key: '9cc5baf9c61c82b7dacf4441d005ef3ffc989000', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '57ef2ebae8a59bde41790307e690af0ea366dc87', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '32bbb73c4028a67b2db38685ec2ab150b01ea0e7', position: "above", required: this.required }, index.h("slot", { key: '4fc7fb52cebadcf6a97ec0cdcb896415a6ae1c8f', name: "label" }), index.h("gux-form-field-label-indicator", { key: '30c9b5cfd742079fd5bfef468d714f115a6b32d9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3fd8cc3fb2388a1008c9f3cb154a4caa398140fe', name: "label-info" })), index.h("div", { key: '26f61d3621010a62a822c128a1a503ceed94f215', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1e126747c0d20eb5df369fdcc8a790e03ffd5e84', show: this.hasHelp }, index.h("slot", { key: '24febdd6b3e572a6fc4794dacb87bfa0591ae98f', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '2f92f1a346ec1b90eed6be65beafdc9a93510542', show: this.hasError }, index.h("slot", { key: '590e66f07b0753608751a596876f486c670e5d02', 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-CBglYKJO.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var index = require('./index-npRUdf7N.js');
+var onMutation = require('./on-mutation-BW38lSRA.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-CWS5rSpe.js');
-var guxFormFieldError = require('./gux-form-field-error-CuPbJnEB.js');
-var guxFormFieldContainer = require('./gux-form-field-container-CEC5Hm16.js');
+var usage = require('./usage-CXG6kbqB.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
+var guxFormFieldContainer = require('./gux-form-field-container-hTZqdcZZ.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
@@ -112,7 +112,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '2657ca7fd5af94ff8583a2ac86c1a857c52000e5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f361372bc0a5acde833e821459df8f82ffe88180', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '866a2412f178f157bb913f7ad18e24568c39fe85', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8cb226da4f46706cbda4eba151d035ebd59a6ae3', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'da11cc01f47cf98763ef67248e6e3aa80daaaa89', name: "label-info" })), index.h("div", { key: '109c08631a44d1edc926d5fc38e45f3b2627b72b', class: "gux-input-and-error-container" }, index.h("slot", { key: 'f7f840011b812da1efdfdc4e5839ccfcab071a7f', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd5f991fb90d8c89be333a29635bca62d58385554', show: this.hasError }, index.h("slot", { key: '6d2e40cd6fff44ce35b68e67e1ad8cb4055e9336', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '69933d8faf3f0e9a1a2e4d01d450bab40a29eeff', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2fdcdf4c9aee6f5bde10aa3f3bfd0077a9ee01e2', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '946ca3ed713bc301e03b3f697b2d10ff9ec8d29d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '3121543962f5d5a9cd9eb4064a1278832a315479', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4e108ee2dc0a2797a26093f97a94f1104ef28855', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a803956c31eb0668a36c2d1ab439b4488cfa10ea', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '600042e3437bb2bd24daa44b2ec11b79d7a9e6aa', name: "label-info" })), index.h("div", { key: 'ce797d4dbb627eeac298d4df19bffdafb738f27a', class: "gux-input-and-error-container" }, index.h("slot", { key: '776c62619f8e8efb38219e6bc41e328338c1c850', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '01eef6540004541b3afc6d536fd02a8384246846', show: this.hasError }, index.h("slot", { key: 'e68ea6a90e777ff43f519c83f520020318fe76e0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b712e097abf6c7ab98fc7a2794bdfa1a0ba1dfb5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '98cd41b98056f9c9d04d29e33af0c810ebd4e9fd', 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-CBglYKJO.js');
-var usage = require('./usage-CWS5rSpe.js');
-var index$1 = require('./index-DVtwB70Y.js');
+var index = require('./index-npRUdf7N.js');
+var usage = require('./usage-CXG6kbqB.js');
+var index$1 = require('./index-D5gbJ1qH.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: 'bddbf6035d83170348954ca5f8b3194a75e6b87a', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: 'a029311ffbd1cbd1ff64224a2dcb4d06194c35b1', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '4ac24916f8f5cfdc70dbcc66d509064d908d6643', "visual-only": true }, index.h("div", { key: '21dc3fdc29c1f7534db2d1c63064f7f0eddd403d', slot: "content" }, this.i18n('clear')))));
+        return (index.h("button", { key: '13dfaf1c82176ed025a8b845d743642230af430f', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '7080c2be46786a295956eaf4edfee2d87a57b9f7', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '815da91dece23fbeff4b1241b46c81d20823e4c4', "visual-only": true }, index.h("div", { key: '9f14462252cc928f5564d220594905c2e48765cb', 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-CBglYKJO.js');
-var usage = require('./usage-CWS5rSpe.js');
-var index$1 = require('./index-DVtwB70Y.js');
+var index = require('./index-npRUdf7N.js');
+var usage = require('./usage-CXG6kbqB.js');
+var index$1 = require('./index-D5gbJ1qH.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-CBglYKJO.js');
-var index$1 = require('./index-DVtwB70Y.js');
+var index = require('./index-npRUdf7N.js');
+var index$1 = require('./index-D5gbJ1qH.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var onMutation = require('./on-mutation-BW38lSRA.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-BiSsTyYc.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var guxFormFieldError = require('./gux-form-field-error-CuPbJnEB.js');
-var guxFormFieldContainer = require('./gux-form-field-container-CEC5Hm16.js');
-var usage = require('./usage-CWS5rSpe.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
+var guxFormFieldContainer = require('./gux-form-field-container-hTZqdcZZ.js');
+var usage = require('./usage-CXG6kbqB.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-0H0Z_nRu.js');
-var onClickOutside = require('./on-click-outside-Z81yLXW0.js');
+var onClickOutside = require('./on-click-outside-JPx_Y2im.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
@@ -119,14 +119,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '30ccedb0410670dd00b60a2994d7fdceab057943', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7ad80ebae23cc90f614b6dfeec78e9be1d0ffd61', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '12bb7ac7eb7805d43a42d85728f80a22919f1f5f', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '99079e3be06cd3aff07a261e7f1e2b2d1f69e24f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '83cdfffba8ee539293340b3af0977564dd6f4475', name: "label-info" })), index.h("div", { key: '2ddd3f312c26cd61e1165fd2367182c11623d4ed', class: "gux-input-and-error-container" }, index.h("div", { key: '87c82e329d275d96230a7bd23ab9b1f52dee4159', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'de06df74a05d0f1dd916a45cf94597e4e531231f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '1e82b7f19353a96a9a0a1595ddc6eddafee57832', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b13110e6304132d8f29be5b2444e7ae40f4749d8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '061479ca8ed2f61755ca234dfa6724fb25cf4aed', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2d4e7febeecb9f1183677363f4013bbc23ff96c0', name: "label-info" })), index.h("div", { key: '0728e03f72cf25d6bfa00b96ee4bdbfc8a5471e1', class: "gux-input-and-error-container" }, index.h("div", { key: '0be14868fcaab85c38411fe0de914301734c82b1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'cb9f3caa4bee458184f6d86e7901ac575c9316f5', class: {
+            }, part: "input-section" }, index.h("div", { key: '2f9960e8390b7aba362a7851c20c6c3f8fe5015b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '7c609bd96f508afd175197839b04d330a70e01e6', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'c89cbdabc32e1ec9502540f667ca2b7b28e66ef9', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '6795b9e4169614c16b76de20aff58af9eebd8ee1', show: this.hasError }, index.h("slot", { key: '746735ea57bab8b92441e2b0d82e12deeccf75a9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '92573bfc40e1f1d25263bf001d8dca8113a62890', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f38f6dcb12189bf99db0491c4d0d0fe598533f64', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'ea33dcffd3ad17f3f97611cb028e2313cb2d5084', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '4180f0abd151eb69d120779e31e94d0aa3a4cfbe', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '469c97891693319a1b59916eec0de5559a514035', show: this.hasError }, index.h("slot", { key: '7be997b3817cdb8218be272ed5aaa585ad7dcc0b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8dc8513b09e102190352ae1173e82e8dd2f612ab', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '20c8f48560b1e06849c4fea650878fb886b4184a', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -221,7 +221,6 @@ const GuxPaginationEllipsisButton = class {
                 break;
             }
             case 'ArrowDown':
-            case 'Enter':
                 if (composedPath.includes(this.ellipsisButton)) {
                     event.preventDefault();
                     this.isOpen = true;
@@ -230,18 +229,6 @@ const GuxPaginationEllipsisButton = class {
                 break;
         }
     }
-    handleKeyup(event) {
-        switch (event.key) {
-            case ' ': {
-                const composedPath = event.composedPath();
-                if (composedPath.includes(this.ellipsisButton)) {
-                    this.isOpen = true;
-                    this.focusInputElement();
-                }
-                break;
-            }
-        }
-    }
     watchIsDisabled(newValue) {
         if (newValue) {
             this.isOpen = false;
@@ -286,10 +273,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: '8def5051898010236b2df06c6d972780bc1048ae', 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: '29446b86d55272450029fc7fc0239b959fe79e38', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '4f67cfc4ee34c758fda7a286f0b6b7aa44f71191', for: "popover-target", contrast: this.tooltipContrast }, index.h("div", { key: '32d9ed5c0b7172e2f4e5ce5345a50a946325c07e', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '25f3509de54fe8c75a59738bc232722291981c01', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'f443f9e13bb10e93c5dfe23f62dd876f96c56a11', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '6717599b7e4144396c5d1364b8ca4c5305b9b297' }, index.h("input", { key: 'd24c1e580835773be92742bb3e28278425be6cbc', 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: '055f7753a7465f12420491ec1ee037b786483185', slot: "label" })))
+            index.h("gux-button", { key: 'ff6dcd0bae24038f98cc27378ba1bef960e60e05', 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: '055829d5888c36475f37059908094f22af6a25c4', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: '5f1df57f1cff0666f733dccc8130535cf4fd40ce', for: "popover-target", contrast: this.tooltipContrast }, index.h("div", { key: 'f4ed00cb8451c0146ba5d9d7be341e7c93f671e6', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: 'ed915ce2be82fd556b386a95f88b20fb54a34ea0', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '30db7911d089beaaabdfb0b07b52bdd771ed1afd', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'cc22605c48e7d5c6cde99b3a3143b64cc2eac5d8' }, index.h("input", { key: 'dc268d752b9e60bc394785b689fb8a3c04f59b50', 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: '27f5a09573883f22a8ecdb689dd7964aeb0923f9', 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-CBglYKJO.js');
-var index$1 = require('./index-DVtwB70Y.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var index = require('./index-npRUdf7N.js');
+var index$1 = require('./index-D5gbJ1qH.js');
+var onMutation = require('./on-mutation-BW38lSRA.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
-var usage = require('./usage-CWS5rSpe.js');
-var guxFormFieldError = require('./gux-form-field-error-CuPbJnEB.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-ymVqngT8.js');
+var usage = require('./usage-CXG6kbqB.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-C0ViaU--.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-BiSsTyYc.js');
@@ -109,14 +109,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '8f92b4c162732fdd102e3484ad95347cf85cbd4d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '2918fd9eaa84c174a224591af981594d8776f333' }, (_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: '9843f5c9d5d3d2bfb6a0ce0cacd433d580c99050', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'a767b06ccedd8309bf32caa6d095ee40f7050fc5', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ddf037b49283edf6cb0ca5932e55af5c44387c32', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3749df58dd4bba3588ae38fd39809266406c246d', name: "label-info" })), index.h("div", { key: '810efb14672e887375a789c8659a7004ecdd3c8e', class: "gux-input-and-error-container" }, index.h("div", { key: '294fb5fcdb193d0374d196c0bf59ea7636bb7c58', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '5b370494ee9af166252b48dd9a9437410502282b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'fb2eaf1752dab953091d2274fc4c32c43216b034' }, (_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: '40107bdf69a8689d0d960e03b83bc4fa0c98b859', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'feb9e2a06f68c729dba07bf1696fbfb8d8685226', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'db628cf71f6fba698c8bf296eaf4719fc1a41243', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'fb23dd4c2d6b55dfe07bea665b377d492271cce1', name: "label-info" })), index.h("div", { key: 'd50d163dcd1637fca4e4d0e75341c5de227b8ebb', class: "gux-input-and-error-container" }, index.h("div", { key: 'd26d4aa428823690c708109606aae854d8cb5ecd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '791b695ddf035ec4a6a7b8b5e204806914a510fa', class: {
+            } }, index.h("div", { key: '6d970a4b699e927478a23df7ea1811b1fb96f443', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'a1b66b34ce40a023ed48ebea8a9c1e0e0586c150' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a8a90798b88dd2b078c42799fe86fad7c78ae0d7', show: this.hasError }, index.h("slot", { key: 'e06edea2e02c0ba4b2fcb04479147bdfe338a298', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '079cdbec46e48078bcb83d357b7a6c22c3d4ea24', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'fe2db6c4e3daf41c82e149c8ca79ad6721b591fe', name: "help" })))));
+            } }, index.h("slot", { key: 'b122ca6be5be3b24cd1102e2ff443ebf66535f27' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '3913732c0b825fa775a9af0785724f1316cec375', show: this.hasError }, index.h("slot", { key: '3afca86c44bf859ba31f10e7c4e1858b05fe1f9a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ed752f2c2085fca40905423141a033f46509a442', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd44ee0b36a131b21b08c3a34c2ad3d13581c7f74', 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-CBglYKJO.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var index = require('./index-npRUdf7N.js');
+var onMutation = require('./on-mutation-BW38lSRA.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var index$1 = require('./index-DVtwB70Y.js');
-var guxFormFieldError = require('./gux-form-field-error-CuPbJnEB.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-ymVqngT8.js');
+var index$1 = require('./index-D5gbJ1qH.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-C0ViaU--.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-CWS5rSpe.js');
+var usage = require('./usage-CXG6kbqB.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const required = "Required";
@@ -135,8 +135,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'af9e7e69b891fdafd937f5b90a04a7fcf7d9db95', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd55e904a200425e4b3322476d01dc2b5a4e9beeb' }, (_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: '46ed5df897e8f213fb1f6205da80e47d22047911', position: "above", required: this.required }, index.h("slot", { key: 'c013e51be7262456aa961303559bca8bc2208bbb', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8fba248650ce8c5bc8bc3c35e8b36a10a31aa1f6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f0f884136dbd74cf4dce78eb61bf5447109dd590', name: "group-label-info" })), index.h("slot", { key: '05a7718cde3132bb20084e5551a2d0f4270ed5bc' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '2faece6d0d5c6865586674d200f2ca2ad0b6bfd4', show: this.hasGroupError }, index.h("slot", { key: '90b3eafdbb485dcddb0bdb566d4db8691035fdf0', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'dc63a3b23fc0cd0a9e1052171c3cbe2685947bdf', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '300039e56e64bcc8ed49c77343193f3d0d3d5070', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '1c42ca72d194077372f5227497e51b36b29554c0', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '2b8af11f007ee58bcb341c228c02d47ee57924ec' }, (_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: 'e8ff8e8469f41e4a036fa07be0b97725db8dd5be', position: "above", required: this.required }, index.h("slot", { key: 'c5eb15be21ab22fc21a9843a36a19c4288eff8bd', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f085e2bb9bb8e5dafce0c7d168d45dcde1d9307c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '78f8842ee7e07259a8d6cbb99e2779a16b84a1aa', name: "group-label-info" })), index.h("slot", { key: 'a8a642a236633d7616cceeccf65a300302dc8b64' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '4a78c7142d50e409dfdbf56123e83541540a46b1', show: this.hasGroupError }, index.h("slot", { key: 'b264e2842d4043b7969a015f6fc083a6d6a22e9d', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '30e8179352dde94fd7dcd4c5ec9ef20a2f842881', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '3ae8db0254d9885a94db7f8c63e4e08832c1e21d', 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-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var onMutation = require('./on-mutation-BW38lSRA.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-CuPbJnEB.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage-CWS5rSpe.js');
+var usage = require('./usage-CXG6kbqB.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -52,10 +52,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '831df696d7f637d5439038e78fdb31816805a73e', class: {
+        return (index.h(index.Host, { key: 'c8294062dcb6689dc257784cd2f426d6e993fcb2', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '75ede9fb1177b3e352194870b715ea5963a9315f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '6db2fe485e1d9c43c74f3a8fafcf2379b27d03d9', class: "gux-input-label" }, index.h("div", { key: 'e3f5325c3a1520eebd41fdb1a1eecd6d64142753', class: "gux-input" }, index.h("slot", { key: '0ef62a67573dd13fd06f3bc37d14f0cd23d0b0e6', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '2ddee2454551a09e358ff3d294916405e425a9a0', class: "gux-label" }, index.h("slot", { key: '205833cfe9c25b99c8659dd0307a7cc3107e2d83', name: "label" }))), index.h("div", { key: '13971c0240c66e36485b83aad835551638350c6b', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'a2f8a8463e3fe1b2dc3e15b91e7987bf2f1ad936', show: this.hasError }, index.h("slot", { key: '9caaa538ded65777ea1beaea06602fbe991459bb', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e6a336479554b26021892080c88451e09d96d704', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '073fa8836e665790199768c2af3ea7b4089ea488', name: "help" }))))));
+            } }, index.h("div", { key: '2987a6c4778d8e72dc573d5d241a1b3d65096ed2', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '60bee0977dff72c3508bd6b2fbdb48833efb7d0b', class: "gux-input-label" }, index.h("div", { key: '79b3d988644e71e6c867614f9eb88f5a4d4d0c90', class: "gux-input" }, index.h("slot", { key: '45041794f0b3f84f394af55d91851c25fca9476b', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '4838cdb6e6d3e0273ffadbe3a106d861ceaf3f60', class: "gux-label" }, index.h("slot", { key: '1d49706814e8f3264acf1b6642aa8c431306e3bd', name: "label" }))), index.h("div", { key: '644bd1caf109c16c7691738bd29a52558a6a4797', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'e3b1e0874f05d177685e77c123a7ece727388185', show: this.hasError }, index.h("slot", { key: '6f22bcfc15528ad6ab188464bba816d695d92fd8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f5ac9c53a219ff79f6a6abb6fe5cee8047b07d20', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'afa8dd42a20cf0a7ec100df369307988b08e39ee', 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-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var onMutation = require('./on-mutation-BW38lSRA.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-CuPbJnEB.js');
-var guxFormFieldContainer = require('./gux-form-field-container-CEC5Hm16.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
+var guxFormFieldContainer = require('./gux-form-field-container-hTZqdcZZ.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage-CWS5rSpe.js');
-var onResize = require('./on-resize-DeB269GR.js');
+var usage = require('./usage-CXG6kbqB.js');
+var onResize = require('./on-resize-yxt3gZhq.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -120,9 +120,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: 'ab18019f231fb1c1da4223eba6e96e2bda08704a', class: {
+        return (index.h(index.Host, { key: 'a2feeed7a32b6b151ff0c81998d00fbd0bb6bb15', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a5f8c4d2db7a04357b54fc54acb66970f5e1e0f3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f2e11c3739b9f9621ef6dc4241b3e8c096f8e2a5', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '2718a6417745f676cfc9189b36699be88250e2fc', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4458a2dc2e01caaa2d71b9037fddf4c43dbdd9de', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd961ea642b3729babcbc510cfa0e4ea3129d54a5', name: "label-info" })), index.h("div", { key: '6de78662729adede4019b75b7fdcb3b466441196', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a6e21be30b81a2a399da2bcd8defbe92dbb2624d', show: this.hasError }, index.h("slot", { key: '52f269ba7e1e6330198b9ab6118add33b2ff0470', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '10b81dd0a755d3d580229127c6b9c801a4cbd16b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '87d747278f77634f375e88a45f3264d798d74044', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '39ae435923939fb7edb813ea2acb4b7c0819a1fd', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '1e56c980f600272e4deb1290c69c8cc1b3a49505', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '725d8f3b6503aa2f6f1b07606a001ae5a8bca2b6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '404a79109e1feda6bb745fc0b7b256f5dd3ecb80', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1fcaed74edce210c70b40df9efbfa40448497486', name: "label-info" })), index.h("div", { key: 'ce060481dee44892c033803e591c61149f51d746', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '9714a9ab923b3b40661c82291a06e4f200efa3ac', show: this.hasError }, index.h("slot", { key: '8eba53ee92834c9b7ea361ce14535abd881af0f0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7554db2cc1c384c786dc05ecce136604a28e98ff', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '979b8f37e3930fba55736496c11beba84ec09f7b', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var onMutation = require('./on-mutation-BW38lSRA.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-CuPbJnEB.js');
-var guxFormFieldContainer = require('./gux-form-field-container-CEC5Hm16.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
+var guxFormFieldContainer = require('./gux-form-field-container-hTZqdcZZ.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage-CWS5rSpe.js');
+var usage = require('./usage-CXG6kbqB.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -105,13 +105,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e8e33d5e6f92e196963739ffebde50d81d700b5d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c5b10c48380ac917646464c23097ccd49215e2d6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9a77d630279cfe16f16bb5524c536eb5ab47614c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6fa057335709880a2e28aa459b352181f5d53e2b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'faf5d6631169ef611e8b9006c080802115472a31', name: "label-info" })), index.h("div", { key: '276017f5d4d797ee47945200d200e677bd757a1b', class: "gux-input-and-error-container" }, index.h("div", { key: 'd203ccdd757753eeebdd9808ba8ecf296af99f76', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5327b40774c9d5e90ecf607cd413bb9d82125caa', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cbd7b30ec7f3cfbdf4933495f9b193af7ea4b85c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '2de3fd2daf32453eb36281b06a392556bc57d185', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3a4d8b7451457993f42d38450e9b5d97ee22bf1e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bc592a77abb22b9086486324cebf0d4426e5f06e', name: "label-info" })), index.h("div", { key: 'ccd14adc575915083f0512ca0036d81eace704a3', class: "gux-input-and-error-container" }, index.h("div", { key: '2528bbf0a05e64431068b558abc63387a01a6ec2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '143161c656dda601159ff6a3c84d8a1414d7c0ae', class: {
+            } }, index.h("div", { key: 'dd191dca5ddf1b86d05b7e56cdd5317d5db3b51b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'c8db8753d204fb85587bae389a967f7db1469f93', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: 'f41c0754a720a4af3065fd35e88aa683a3685a50', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'eadcd73133ff3485dbb43b10137f2240a3ce301a', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'cc770d430a74097b151d572b63bf533be43c96a2', show: this.hasError }, index.h("slot", { key: 'bfd1a8f1e3638b527d4ec5b8fac56444cf1e2ba3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e514fe17812eeb872047780267b5750a77941a5c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6c75527f71ca7b4cef762dc78d4e6c7c0839cc99', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '6581e04612926872e7582a04738eed93be858f94', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '6cb73ce986a7241238afe27db1898390903e1f70', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '16a5bc8abd862b3e86cd895f13dc57505390aff0', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '3553a5ae0b040bccf6c4042c63d5f3333b5459eb', show: this.hasError }, index.h("slot", { key: '4848838cae9ea521ca7286fa8ff276bd9e807bd0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6ad82ab2b2d447f5af79fed65008588afb42143d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c9ef52ef295d474788630dae05df86918a56f4eb', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var onMutation = require('./on-mutation-BW38lSRA.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-CuPbJnEB.js');
-var guxFormFieldContainer = require('./gux-form-field-container-CEC5Hm16.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
+var guxFormFieldContainer = require('./gux-form-field-container-hTZqdcZZ.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage-CWS5rSpe.js');
+var usage = require('./usage-CXG6kbqB.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -95,13 +95,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'be48504bd5eddccb010000dc273b27664a5b1010', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ad18db6d1bc0f608835dcbe8dbc6ca3e79ceac02', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '84d7b195e21c263eb8bbe7f1c05e40ab4798db91', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '59e2edbc2d6e24fa8e3a16ef81975bd8633f0c33', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8c57c4f4b29b9011f6b889120dc080258b3f3870', name: "label-info" })), index.h("div", { key: '796b25fa30a0b6cb1e29a0a7f328b734491e2e0e', class: "gux-input-and-error-container" }, index.h("div", { key: '9b3a5df43aa4c57b283b76026790cd4d49c185d0', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ad793ccbfed3bd8639f28adee44e0fa96791c077', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8cc90ce0663004a74aadf207512ad00249fafec0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'caa01765085990bb60de99879adf7182baec969a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd479d243340b2e124d58ec7fccc12e45dfb2d40e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0e53ef63eaa5961246df00800f18d17272d42f21', name: "label-info" })), index.h("div", { key: '2cdca99f221bd98b61ce2c68ac464f3d37a2c802', class: "gux-input-and-error-container" }, index.h("div", { key: 'eed85f7ae2b58129e8b12fe339bff8fc7d330119', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '4e8684033f1cb8283903f9663526bb8615eb7257', class: {
+            } }, index.h("div", { key: 'f00466411df22f727640a116e83d4f9b6d5f537d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '735599b2e5d6c8270f87a361f4845ec958bbec18', name: "input" }), index.h("gux-icon", { key: 'b9fd56bee66442a0abcf59c705f07fb8a7488254', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '857420d6c27ae25af88431a3e90ebf8468f841ff', show: this.hasError }, index.h("slot", { key: '0d9d41c2d4c16f7b9886ffc9217e46a33370634a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9b27371d5e42442242faa3a7bd20e76ee2bc61e0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f15f28de84ac47f0c1fad4874cf33bb16573d7d9', name: "help" })))));
+            } }, index.h("slot", { key: 'cb244f7d755571f52e2bfbbf3a572c19eed786e8', name: "input" }), index.h("gux-icon", { key: 'eb2e35a744bc64bdede1e534a08d76af026bd9c9', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '381aa9c45db46234c753034c936ddd4d9c1e00fb', show: this.hasError }, index.h("slot", { key: '6b8e04b2b24376d016c5bf9b6725dbbff87eac65', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3e94798e95c53727b6a6a0c7d54027b48c457bbb', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '907524347ae8462dc9247b977146b16d07c5677b', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-text-like.cjs.entry.js

@@ -1,17 +1,17 @@
 'use strict';
 
-var index = require('./index-CBglYKJO.js');
+var index = require('./index-npRUdf7N.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DIPpoQ8V.js');
+var onMutation = require('./on-mutation-BW38lSRA.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-CuPbJnEB.js');
-var guxFormFieldContainer = require('./gux-form-field-container-CEC5Hm16.js');
+var guxFormFieldError = require('./gux-form-field-error-Csxri5IS.js');
+var guxFormFieldContainer = require('./gux-form-field-container-hTZqdcZZ.js');
 var guxFormField_service = require('./gux-form-field.service-BiSsTyYc.js');
-var usage = require('./usage-CWS5rSpe.js');
+var usage = require('./usage-CXG6kbqB.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
-var index$1 = require('./index-DVtwB70Y.js');
+var index$1 = require('./index-D5gbJ1qH.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -165,15 +165,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '19507753492ac541ac3e2f78397e42dc39e51980', labelPosition: this.computedLabelPosition, characterLimit: this.characterLimit }, this.renderCharacterCount(), index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '999b5d75401b949ee64268f9ea5413b9bde445b6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3e291c0569287b4fa9b14f4be984ec36c6f78a1b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5f343d6b34bbc753d63d8753172d89b15dd54499', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '770c2103d6855ce3c844c5715d9423fcbd7c4490', name: "label-info" })), index.h("div", { key: 'c8b6821aa665ea16ba301f5e7e452a17fb283800', class: "gux-input-and-error-container" }, index.h("div", { key: 'def9e2688c969510147f6adac9457abdfabef462', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '54f478dab0e45dc3efb156e9dad965823d697142', labelPosition: this.computedLabelPosition, characterLimit: this.characterLimit }, this.renderCharacterCount(), index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'e35eb1052c0d557eee144ba38b1816fa604b44d7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ed1e4e6d559032736dc33e4b892aaf940eb9b92c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7a8fd45e5ceea884025f99f7db466a05a02187e1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '67c39e022a9da3a8f75ccfa15249ea5c8cd8873b', name: "label-info" })), index.h("div", { key: '9228ae0c610a42cee8023248086ba93991ea70e6', class: "gux-input-and-error-container" }, index.h("div", { key: 'b16ef72f6d37515dd75d8d105b23ad51eb3fcb56', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError || this.charactersExceeding
-            } }, index.h("div", { key: 'ee810405b9cdfb36eea44544859badb9a0f39dc9', class: {
+            } }, index.h("div", { key: '5b35de154169a5156e250368fb59e04dcfbe6d52', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'f16c34cf3cdeabfba06bdb8de60fa21728b97230', name: "prefix" }), index.h("slot", { key: 'fc95419d20170cec05d38b2a56e27f43b548cdf7', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '860885d720aee7cc913d06b2a4b09e85f26fbbb5', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'e153370599ca80ece34f175b169150e1ef078a08', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd69610a54a733d003bccbfe5e07584bde93517fe', show: this.hasError }, index.h("slot", { key: '6300e5fec96d18458911c9fc6c2390add6d8cb95', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '72d90956219d8fa0d7e142b5dc079273156c73e2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6f733423617f9655f195e4b74b713170f08976f1', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '414d14434e78f53c60ed6a848ff480cc1a68ceeb', name: "prefix" }), index.h("slot", { key: '02439dc0de64d46424f3ca9f6204907068880ef4', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '764b47c1c92236f2ed9202fd1a1366c7c65a47cf', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '498b9980be2675ed774e9f8b522d0bbebe772127', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e7f599a692bb32129e4d0f928792145825ec148f', show: this.hasError }, index.h("slot", { key: '0793fd2e095d43d3ee735c9a862acfc0a03567f9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0730b3990836f489372a6eb56d600d1542b2220a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f04d4b50de99a1e0ed9ebae1f63116907f32a986', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition