genesys-spark-components 4.166.1 → 4.167.0

package/dist/cjs/gux-dropdown-multi.cjs.entry.js

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var onClickOutside = require('./on-click-outside-DQDdGbct.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var usage = require('./usage-CySwRc8I.js');
+var usage = require('./usage-BDFjfgMb.js');
 var guxListbox_service = require('./gux-listbox.service-DZlbwvax.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var onMutation = require('./on-mutation-DM08yAlu.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const textInputResults = "Type to filter dropdown results";
@@ -437,7 +437,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: 'b5e8cc00f6c8c18c1f74df675ffd98ddc9d4bf8f', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '8246e600c62b48c52b2615504e422ebfe7020107', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            index.h("div", { key: 'cbb2389145c9355304b95c4a334aac53f4cfb68e', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'a5f4423dc6c6acd299d353205849a60337cb1b9f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get delegatesFocus() { return true; }

package/dist/cjs/gux-dropdown-option.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 
 const guxDropdownOptionCss = "gux-dropdown-option{position:relative;display:flex;height:var(--option-height);padding:0 16px;line-height:32px;cursor:pointer}gux-dropdown-option div.gux-dropdown-option{position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}gux-dropdown-option div.gux-dropdown-option .gux-ghost{position:absolute}gux-dropdown-option[filtered]{display:none}gux-dropdown-option[disabled]{pointer-events:none;cursor:default;opacity:0.5}gux-dropdown-option[disabled=false]{pointer-events:auto;cursor:pointer;opacity:1}gux-dropdown-option:not(:disabled)[selected]{color:#2e394c;background:#deeaff}gux-dropdown-option:not(:disabled):hover,gux-dropdown-option:not(:disabled):focus-visible{color:#fdfdfd;background:#2a60c8}";
 
@@ -59,7 +59,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: '89414e60388609b46a93be11df7c6145d62a4f02', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: 'f725c7472c496316e8d7bf04a94dda49a1ae5c0f', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/cjs/gux-dropdown_3.cjs.entry.js

@@ -1,13 +1,13 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var onClickOutside = require('./on-click-outside-DQDdGbct.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CySwRc8I.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var usage = require('./usage-BDFjfgMb.js');
+var onMutation = require('./on-mutation-DM08yAlu.js');
 var guxListbox_service = require('./gux-listbox.service-DZlbwvax.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var whenEventIsFrom = require('./when-event-is-from-C6TjNoqM.js');
@@ -382,7 +382,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '66bbe80f63a2d5e6e7d96a57d94e49b9485417ed', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (index.h("gux-popup", { key: 'ec85a449781ae37c4bfc77294b7c1b93b3483e92', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }
@@ -606,13 +606,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: 'f23976f14c4134ea07f0676e9fca627f0e8b569c', role: "option", class: {
+        return (index.h(index.Host, { key: '4ff53f1b8164fdbb6b4b994aa19f029a8f7dbdae', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: '34da3cd1db62ae3b3e9646eae506835ce9e1ea5b', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '307079bbe4279c0e42cf5f850ee620aceca2f84a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '12cc98785efd99f61e4e4a3c5b2318bbb92bd08d' })), index.h("slot", { key: '331d39f0afa9f311c680906d978ab422a7f69f24', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, index.h("div", { key: 'c0b379dd41e0c8aa8423f14d9a4ef569776b5df0', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '7acb8113ecf230d978949ffa6fd2c180d2bbc0e6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '9c99dfe30b919418d5c68d96aab336249bc3c27f' })), index.h("slot", { key: '9b55759969afdb82230c22caa1de85babfa1f1e0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-file-list-item.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
-var usage = require('./usage-CySwRc8I.js');
+var index = require('./index-CNd6jLxJ.js');
+var index$1 = require('./index-Czqb3BiN.js');
+var usage = require('./usage-BDFjfgMb.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const removeFile = "Remove {filename} file";
@@ -29,11 +29,11 @@ const GuxFileListItem = class {
         usage.trackComponent(this.root);
     }
     render() {
-        return (index.h("div", { key: '439256c7744cf64876857a1b5fcdedc83bcfc661', class: {
+        return (index.h("div", { key: 'd53955036d4a45a954e6beaafb6c933a380c29b8', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '86fad544c8b9f2e22c36fa6e5394d36e6abdf3da', class: "gux-info" }, index.h("gux-truncate", { key: '878369fc0ff217135ee5a42cafb5a857e9ead77c' }, index.h("span", { key: '6680e9d62b2f8257c62e97753b92535022384757', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '3a1003748e90a3b27ecdbece18249884ed8835a3', class: "gux-info" }, index.h("gux-truncate", { key: '7ffb12f5e1d210bf991075ba6936c72518cce6fd' }, index.h("span", { key: '461a240baa6c3dac8c0cb7027045bfb10edf906b', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

package/dist/cjs/gux-flag-icon-beta.cjs.entry.js

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var usage = require('./usage-CySwRc8I.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
+var index$1 = require('./index-Czqb3BiN.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const AD = "Andorra";

package/dist/cjs/gux-flyout-menu.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 var floatingUi_dom = require('./floating-ui.dom-i1ftcEdt.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-CySwRc8I.js');
+var usage = require('./usage-BDFjfgMb.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
-var index$1 = require('./index-BObNldbR.js');
+var index$1 = require('./index-Czqb3BiN.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const onMenuFocus = "Use the right arrow to enter the submenu, and the left arrow to return to the previous menu";
@@ -190,10 +190,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '4a209808a8457f1331c5ad2ab2c885fe4d7540eb', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: 'feb68706749e9be8bb93cca403401bd125b8c778', ref: el => (this.announceElement = el) }), index.h("span", { key: 'ea558303dac269016c07b98598741654e43714f0', ref: el => (this.targetElement = el) }, index.h("slot", { key: '2dc83d32adb950cee379c710766fca03e3bf07bb', name: "target" })), index.h("div", { key: 'd5acea6285dfe3060372d304b9331571366220d9', class: {
+        return (index.h(index.Host, { key: '01b2f7b591de02f80ebc30023294d9a125581941', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: 'bb575a0d277ba7c17e5d5d72bdfdbf4e811a8546', ref: el => (this.announceElement = el) }), index.h("span", { key: '782a9458bb70cd1cb6d15c6cf0c2b84efd418a5a', ref: el => (this.targetElement = el) }, index.h("slot", { key: '5036b56a98b30f7e5e3e2e552ef049f229ca3b83', name: "target" })), index.h("div", { key: '8cb12708f669ee1a43279636559cfad0abc52a81', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: 'c9c6d1dd5ac6e6b52edf3946f35784b9a1eafe24', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '5d99dc66d7d20a289df437b189435a2ab2db5c95', class: "gux-arrow-caret" })), index.h("slot", { key: '95d1b125906347868b1a6494daa4a486c08c9bbd', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '025640d7561716a0477633c3ec2d314527e78cd4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '6ef10c8275f541598dd8cac789caa3895ec2cfd9', class: "gux-arrow-caret" })), index.h("slot", { key: '6efaae19eeb267202f69e649bf4f7a705a5020f9', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 
 const GuxForm = class {
     constructor(hostRef) {

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.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}";
 

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

@@ -1,15 +1,15 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var index = require('./index-CNd6jLxJ.js');
+var onMutation = require('./on-mutation-DM08yAlu.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');
-var index$1 = require('./index-BObNldbR.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-ByiTDN4Q.js');
+var guxFormFieldError = require('./gux-form-field-error-umlU1aWj.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-BxB1m7N3.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-CySwRc8I.js');
+var usage = require('./usage-BDFjfgMb.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: '75ad9063b47aa50bb31ff916728450ba7ecbfcf6', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c2fe018edb9658d2bced7e10d92bff9aac2996e7' }, (_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: '7d4c2abbb3081b5814a6da254752ed7c05c2d642', position: "above", required: this.required }, index.h("slot", { key: 'e1c3577cd10944df0c19542232430a1a0871d5ec', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e3d446e7768bff522db318a82155aa7ecca297aa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '25b2fab1e3d9b79394d0d57f740d8f4558e2f5d8', name: "group-label-info" })), index.h("slot", { key: '04372320ce11c81caf77b6a1150863cf21c2e92e', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'd2fb195fcce3ae947778a679ec9a28ffa5888312', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'efa3e7045ac73b3903519cf92cd0a010bfe7dac8', show: this.hasGroupError }, index.h("slot", { key: '87213a2477200da6c1a13c118432b0b8ed9f5620', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8137531358e3c5c8499dd025fa80f1edd78b61f5', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'd55d18940de96509569ccc2ebc6cbf4503f3e5af', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '98d0690d8c1fd17b434f8946cd7f93c394b9b9f4', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '298fe9be8fbbb3b7f7ff7749d0ce873bfa219995' }, (_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: 'a94e7153bacb115cf63ed0b4dc4603b8347229cd', position: "above", required: this.required }, index.h("slot", { key: 'd30a5befd3fd15213c284d0c7af243d6d07bc780', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6449f6c04cdfcdfcd80d75a9b9f229f445b7b7d5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4eab381a152e8baf40bfb4adcda5bf81937a262a', name: "group-label-info" })), index.h("slot", { key: '8c988a909db54ff6e9dc294d7dc9e0c4a5d702bd', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '286b30b7358d9715e8c1b9e0bb2a90b259305f59', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b7aafae8f77cf32e153591bcb0670384aafc1bb2', show: this.hasGroupError }, index.h("slot", { key: 'a35123dda49a72c62deb59e18f29a9d829a28ff3', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4969a7009d6f8bf513394cf60297c6b5b499afb2', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'a377111d6f5816316189e5b9fda971311af68c8d', 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-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var onMutation = require('./on-mutation-DM08yAlu.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-C9nXlEsu.js');
-var usage = require('./usage-CySwRc8I.js');
+var guxFormFieldError = require('./gux-form-field-error-umlU1aWj.js');
+var usage = require('./usage-BDFjfgMb.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: 'c00f001885ec8656276903332d04cc08eaef7541', class: {
+        return (index.h(index.Host, { key: 'e33c81e5ebf0d6384e70c9dbebd425818b629b05', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '1558a76367cb8bf4684cda3ede1cafaa32bf9c35', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'ca069c47033d3fd85c270141cd8bc72741ef5e68', class: "gux-input-label" }, index.h("div", { key: 'f2e8f012a2e2242fa866e95ebacce52a58ce6e0d', class: "gux-input" }, index.h("slot", { key: 'c2e52e50ec58c0e62d14482cf862387840dcc445', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'd3a75bce0f7fb239cdf1b3e5e63e084d233386e0', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'd5a2de7f427be31f6007880b11a0c26c2a504f6d', name: "label" }))), index.h("div", { key: '136d9cc9b33021167a7e9dc5dd9df2f5446ead52', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '7565f75e3b73081d8f64bf4014a1ae3bb9ba6f84', show: this.hasError }, index.h("slot", { key: 'efbc268aa74fda1005db996fa40cc59efa5922d2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '29c36c7cb9eb274c83db496906050afa2192de2e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '87f513c4d208b08a8b5356884252cb7afad98e7d', name: "help" }))))));
+            } }, index.h("div", { key: '3209c402cd3086dc5973c814cd170431fc40e5e1', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'b8fb142b0a7a9aa18e561fde1e78aa346acae7cf', class: "gux-input-label" }, index.h("div", { key: 'aa9799bbe2619e3457184eb79c4060c645f042df', class: "gux-input" }, index.h("slot", { key: 'c653d17b1ce35b6de6da2af0b3ba4a494ff561b2', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '99c76426d28252d0cb0f4814aacc110b9fad5d42', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '6baef9d2ebd2416132c3f344204f38958378bfbf', name: "label" }))), index.h("div", { key: 'f4a6883b718d55544f99147aefebbc1973cd583d', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '3e48227d9ca51e366c6a667858faa3bfe2c689ab', show: this.hasError }, index.h("slot", { key: '36e87306f5aaf967487c2326e2473c72b2762b46', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fbf8f14d1ff02e9285957ef594ac1d9f0a60a984', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '13a9478a6e10abdff37a4ac822a979c0686f7de7', 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-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var onMutation = require('./on-mutation-DM08yAlu.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-C9nXlEsu.js');
-var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.js');
+var guxFormFieldError = require('./gux-form-field-error-umlU1aWj.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BoIvNK8z.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CySwRc8I.js');
+var usage = require('./usage-BDFjfgMb.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -87,13 +87,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '8fd4ee70be5f37050f00812a7c4c9aaeba703c32', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '94f4a87ea73c42bcd83f0f6a853f4146d9bce7f4', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f17e3bec992eff92306277e2c5825cb2ec79e664', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '556f9e1afd9dd250b81d694aa9a687390c4f121d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '26a484e2fe6b42c2c5772a5307a3da6f5c886a1d', name: "label-info" })), index.h("div", { key: 'c53b78811062d2869dab2e82134e03d60e7e28f0', class: "gux-input-and-error-container" }, index.h("div", { key: 'fa0dca42155e281dc6a2822d125c9764878410fd', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '2b294a491cedc62325544ae31f7ca0e32ae3441b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5b9714407a6faaeb26502007efc73c59ec87cf60', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '46c9249b6a3dd4f697c8ea296d236726fb345121', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c170cbb3cc937ed4c9b6d1d26ba04f3c87266e2c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'dfad3c6d0fbe5fb49a88d26dd926d193e7359a5f', name: "label-info" })), index.h("div", { key: 'e67d83ced521d1b46ae7d61074d4a9b9c51b98d5', class: "gux-input-and-error-container" }, index.h("div", { key: 'd220d60f0b54edc579177651823855d63165f7ec', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '1aa0cbb15a18743c183b53050f1a82eb7ef669c2', class: {
+            } }, index.h("div", { key: '02de15bef4a1e5b206e8abe595c7353f73f93295', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'ce54a077e56dec6314f19594116d5e9c928755dc', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2dc27b6eec120b78226a6a456283df47ad23557c', show: this.hasError }, index.h("slot", { key: '3766a2f37d27e25fc7733d9a8361cd63b046c45f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '031c9a6aa3985da4f658c1183c8dc24b003e0fed', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a39894f847288956ac60a509a5b71ed8da657341', name: "help" })))));
+            } }, index.h("slot", { key: '98f63dfef469bc8ed7e4990d5ce2a82b33f213f9', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e7973a26ae9c40a79142180782f9c2d8a21eb00f', show: this.hasError }, index.h("slot", { key: '892a55dfd1c972e2bb1cea9375b071b167e6ccd5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0429c9be3c92067b61bd8c2bffb9da4402ad0d9e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '85fbf1c590a2d5b99d4bf4bc19212d6baabba4bd', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/{gux-form-field-container-jH9AONLV.js → gux-form-field-container-BoIvNK8z.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.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-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var index = require('./index-CNd6jLxJ.js');
+var index$1 = require('./index-Czqb3BiN.js');
+var onMutation = require('./on-mutation-DM08yAlu.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-C9nXlEsu.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-ByiTDN4Q.js');
+var guxFormFieldError = require('./gux-form-field-error-umlU1aWj.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-BxB1m7N3.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-CySwRc8I.js');
+var usage = require('./usage-BDFjfgMb.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -107,11 +107,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '4889112d951c545dfb914f5ae76b3e62d3ba2d61', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1fefe16e027fd8e29e4842d286eb7deca479dab7' }, (_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: '942f2e46b86a36265870a2a5e570217486382f6c', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'a0cee127a577e96e36c65516c2ec7edee23a5436', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f31e500a692f22b4170031532e847f7623a0b010', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bb8dfe2207939300aeee619a32e0f3d82c00fc92', name: "label-info" })), index.h("div", { key: '7ca7fc77779cec49c881289524dc1c158d5580df', class: "gux-input-and-error-container" }, index.h("div", { key: '59d23144501403d28056f44a2521401c29f88a73', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'f2f4e9a8ff7f9e22045a4be75a5d3b41447ae71d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '00ed473cf198a45a2cef8ba110780d2caa71b03f' }, (_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: 'e18eb380e152e014acf011e2858e4e1f802073b3', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'fb18e487b41ad436918342653f1d7642d6530074', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '27c7ca59d34e537eeda039c95c4b119232c1fe9e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'cd7efd152a6c02f115a5953e57d8a5f0333ffbf5', name: "label-info" })), index.h("div", { key: '021d1706cabb39b8dc9402ab8d531aed533fb57d', class: "gux-input-and-error-container" }, index.h("div", { key: '2c5117c5e441a28dd9bc270d5a45cd3e1d7b8f00', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: 'ccd7ef0eb8749f8af5be7ab434783475067e39a4' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '099ff9307c1546d81f1bd9d44980e1bf2f964d7c', show: this.hasError }, index.h("slot", { key: '0a6a596045b39414b8688deb6dba2164e29678d4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'dc773c2be1a3f1ff1704dd90da7e7e533605301e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'fefed479c81e01c345de74f82535649b04c13dd7', name: "help" })))));
+            } }, index.h("slot", { key: '6faca4e188336a14f3ca7ed945ccce9531157a86' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e60dab8fbe562ea703d869b08684672a372a19a5', show: this.hasError }, index.h("slot", { key: '4fbe80625cb1c8e4e6ecc6c7e7e0fbd01c1353fd', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd97ecff22998058888377877b40574a40bcbcccc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4516800cc56bb7203f18c752689d5ba266578b41', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/{gux-form-field-error-C9nXlEsu.js → gux-form-field-error-umlU1aWj.js}

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

package/dist/cjs/{gux-form-field-fieldset-container-ByiTDN4Q.js → gux-form-field-fieldset-container-BxB1m7N3.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DGPyMRSk.js');
+var index = require('./index-CNd6jLxJ.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-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var index = require('./index-CNd6jLxJ.js');
+var index$1 = require('./index-Czqb3BiN.js');
+var onMutation = require('./on-mutation-DM08yAlu.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-CySwRc8I.js');
-var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
-var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.js');
+var usage = require('./usage-BDFjfgMb.js');
+var guxFormFieldError = require('./gux-form-field-error-umlU1aWj.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BoIvNK8z.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');
@@ -110,7 +110,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '6df9705a2c3b198ad8cb0183380d4ac68a200021', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'babec682f95ce7b7dfc8f96e61ae9ab302c43ae8', position: "above", required: this.required }, index.h("slot", { key: '6460de9275dae0cc09a97417b3c317644d6a7e39', name: "label" }), index.h("gux-form-field-label-indicator", { key: '6687263a131d43add3ca2d6a8ea55a883dd1f121', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0c4cfc5a8108d2bccc5a63d324b026bcedc786c7', name: "label-info" })), index.h("div", { key: '91845abee3a2b51128d3d2fe3ed18afbfb91a5cb', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '002b03627d81d279c21a2b69c2eb326ee9eba289', show: this.hasHelp }, index.h("slot", { key: '45ba38775b7edc7e5ab9036595b1c1f36013d7e0', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '61f20455874587c477c6b9014297688014c2ad4f', show: this.hasError }, index.h("slot", { key: 'c4c392e2a3e5c378bb0d101ddf7f6d66269a9edf', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd6cd4823100ca775ddd66079da9825e9dcf6c41c', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c35ca22f59ce27c225b92d14002418fbe600fd69', position: "above", required: this.required }, index.h("slot", { key: 'b19f3e2baacb6d03212926d9f3383c2dd6e75060', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'baf3c024b9dc7bba0a2ad8ef697a9d0928efdca5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0cb36f65dc3460538daac6bbf62f0edf99e39bd9', name: "label-info" })), index.h("div", { key: '8f68e0239d124e802752800c054d867508175181', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3f512ba19d68ec08e72b3f1ab994c0246f15b762', show: this.hasHelp }, index.h("slot", { key: '3e663f6a7094935eb03ee6a69410190bb0d50a63', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '4d9dd6596e57c32a4e2f86da8684c59b6a72ef69', show: this.hasError }, index.h("slot", { key: 'dbdbac3f00d3764d9b0bdf70394ba96e4d79cdbe', 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-DGPyMRSk.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var index = require('./index-CNd6jLxJ.js');
+var onMutation = require('./on-mutation-DM08yAlu.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-CySwRc8I.js');
-var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
-var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.js');
+var usage = require('./usage-BDFjfgMb.js');
+var guxFormFieldError = require('./gux-form-field-error-umlU1aWj.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BoIvNK8z.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');
@@ -105,7 +105,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '27dd2de78b88fb40db7b761bf364f04832522555', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'edb9c36a92fcea697c889854ba6cf3de70a535e2', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '7119fe6b49f9200e7618681c29cbf8bc8c5ab53b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5e167740132a32b6c25b09707995af567609ffa2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd03c0d0602692efdd67289bb0abff12e11d74d73', name: "label-info" })), index.h("div", { key: '129d69060392f8011008bfe2dcd21a01ba16a16f', class: "gux-input-and-error-container" }, index.h("slot", { key: 'a66e1efae450e0d474de80fd1bb85acd2d0c50c7', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '66cffc17fad1b8f37f4666c961b74f8ff28d139a', show: this.hasError }, index.h("slot", { key: '08ad8342f1feaeaa71c6e16dcd7f37fd8d8835a9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e32a09fe7b371da5580999b16f87309e51e81b8a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2b9f2221790c69609ab9d28a49bfaad321aff90a', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '08511bf60b590f9a13ba6a7fb3561769eb0d3aa1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '04a5dfc249109bbe7fa2989d764a9ae58bc952b4', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6953fc2d625acbf6e3b33da32647cb534c1864d1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '51ec4246ee2079232ef350e6decf7dbf1dc91b04', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b2f6397e827292e196516614dc72774bb9a80020', name: "label-info" })), index.h("div", { key: '4a1a487771bc384f433278cfe3ba63c23141fa8b', class: "gux-input-and-error-container" }, index.h("slot", { key: '47d0d93b1ff6902dbb6fb17233455a6209f15698', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '96b0f4cf4ccc15e6f42856c03ce0e109a30c7d72', show: this.hasError }, index.h("slot", { key: 'ae24a6c6a1ffbe31d576a946dd7e8d8c4574fb39', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2702e229e642c9e700b203f7fc20a15bc7c0fdc0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'da73bd0d3b3207bffdff1d0cbc6506c301cf8792', 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-DGPyMRSk.js');
-var usage = require('./usage-CySwRc8I.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
+var index$1 = require('./index-Czqb3BiN.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: '06de4fddfe0da7278f871b14b6c0c97a0bb4700c', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '112590a5e72f7a1c7046a0f6a716d69f58a19eb8', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '4004ca7a7f46fc2672f4a6b03bae147edbc1d319', "visual-only": true }, index.h("div", { key: 'e2a3a01f991d1f97487a472729e798fbabbc6648', slot: "content" }, this.i18n('clear')))));
+        return (index.h("button", { key: '862f8c928a953bfe7acd8e0db031c263adfb921d', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '16288e57f1813e149f773d11cd091d6d4937781b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: 'c54f6ecd5a1cbaa6728decc53201bf17c421b3eb', "visual-only": true }, index.h("div", { key: '32293800c852ff0978b26eb0150c773d8530b8dd', 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-DGPyMRSk.js');
-var usage = require('./usage-CySwRc8I.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var usage = require('./usage-BDFjfgMb.js');
+var index$1 = require('./index-Czqb3BiN.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-DGPyMRSk.js');
-var index$1 = require('./index-BObNldbR.js');
+var index = require('./index-CNd6jLxJ.js');
+var index$1 = require('./index-Czqb3BiN.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-BKdd0QK5.js');
+var onMutation = require('./on-mutation-DM08yAlu.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-C9nXlEsu.js');
-var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.js');
-var usage = require('./usage-CySwRc8I.js');
+var guxFormFieldError = require('./gux-form-field-error-umlU1aWj.js');
+var guxFormFieldContainer = require('./gux-form-field-container-BoIvNK8z.js');
+var usage = require('./usage-BDFjfgMb.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-0H0Z_nRu.js');
-var onClickOutside = require('./on-click-outside-CISV2TFC.js');
+var onClickOutside = require('./on-click-outside-DQDdGbct.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
@@ -111,14 +111,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a61293ae9833b20b2893d1c2f869b8b33b1a82c1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ffc85ffd7fc52e5e5e320d9e5363cee3c255b953', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '354a72c8d0508a2e954ba4d12f4a5b1654ed67fb', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e922292aff40c1222ea4b4a058e85f8d0b0951d8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '849dde1789ad4fe290b8a78a3522b38371c02061', name: "label-info" })), index.h("div", { key: '476166012961046e6b450b51eb68cbf206915251', class: "gux-input-and-error-container" }, index.h("div", { key: 'b9ab118e46131fad6fb93a797234d6259ccc2be8', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '064b2007a38027d4f97550745ca7c7f3cf4b7d8f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd1740901d5d5c27ec4f806bf35befa064e6a66d5', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '58027f50032fbeafecd90837708f7d601d10f1fe', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0488b44de3e25719b594ad8d8ddb11bf262ec7dd', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'de7653879e59754090b60f0e252b31e56465aeca', name: "label-info" })), index.h("div", { key: '90ac5896eca80bcf8f90bd46ddffeb55cb8a8857', class: "gux-input-and-error-container" }, index.h("div", { key: 'ba18c3897c9c0a05c79db41a2e830cf868278f3b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'ba1a55e1667545efcf917eb2aa9fa433c2e36e40', class: {
+            }, part: "input-section" }, index.h("div", { key: 'df7c0fda30de62de2b8e60d990db981d46bed398', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '7cb860f92d8d7331b91b6b6e66666a86e7d98c5c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '4220d8efaa47227e48db4c9fe946e9e756b292a9', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'cca2e4e8f257203d32c7e87ace22ad81ef12b901', show: this.hasError }, index.h("slot", { key: '30ef376921af4186adb997694c8eac9f8f79080d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '87736f4f75655854fc8d3b24ffdf6676bf2b2167', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'eaa21eb7b7a3bc5f7d4f81abd57e8be35be13861', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'db8e57514b91b790ffef0e6527c7453f4b836ff1', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'a94c0704fd44dd528e715f080fb78ce4c01c4c34', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '2b5102f868a4e18812549bf6e96b6e413f352096', show: this.hasError }, index.h("slot", { key: '9d22a28226b37f1f07269fac2b213a95ea28081a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '337135575dadc0205a503693eb6ed0904048e7ed', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5ff91b042057e53e5a0544a1f2f2360d6efcb671', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -277,10 +277,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: '0c40e05f921013922713ea83509c1e786698c413', 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: '43eac0a3765de1a0b6a61dcf7042504e8b15b683', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: 'bc7ea8e460a0636614773f2757e21be78ecb131f', for: "popover-target" }, index.h("div", { key: 'cc8fb0457c6d32f486f9cce93bf60b2783de5425', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '88b46c5df7c0530ee4dd9c12f4b753fcd964b809', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '1b02a45c06ac9d3bcb6b19d2eafafa4983934ad3', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '7489d3675a97f9287e83fbe01e56c0ce5ff6fb02' }, index.h("input", { key: 'b9e58c2a94cf6df9752e0926ffd4232a2a61be1c', 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: 'cb15c6b868174b201cec5d82f35ab3bd0bedb95c', slot: "label" })))
+            index.h("gux-button", { key: '46f7df217abe675c3d1bc8acf35f0f8510e55e30', 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: 'eacce070298b01b7de303b7f824431571896aa89', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: '2c2cf9c5bb590e74079478ba787df7eedf58dd15', for: "popover-target" }, index.h("div", { key: 'd83fb9d5224f9c7e619ed88d3d2af9d4e85a1547', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: 'e5498fa5e69144197eb78aa09a94b17f1c7f02ea', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '7be888a347ff662d707a902ac80681beb9e68f9a', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '63219e56afd5d349e4370b3ae960a90a6ac8c403' }, index.h("input", { key: '10d44a0ea2d3c0322704d8e58782ef42efc8601a', 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: '354220c3b04b3084744276daf4e5cb31982fb27d', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }