genesys-spark-components 4.164.4 → 4.166.0

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-DZE_PIE4.js');
-var onClickOutside = require('./on-click-outside-B0quTFZb.js');
-var index$1 = require('./index-C-67VReE.js');
+var index = require('./index-DGPyMRSk.js');
+var onClickOutside = require('./on-click-outside-CISV2TFC.js');
+var index$1 = require('./index-BObNldbR.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-BTfJjJaB.js');
+var usage = require('./usage-LCX9tH2I.js');
 var guxListbox_service = require('./gux-listbox.service-DZlbwvax.js');
-var onMutation = require('./on-mutation-DSf0pEx0.js');
+var onMutation = require('./on-mutation-BKdd0QK5.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const textInputResults = "Type to filter dropdown results";
@@ -359,7 +359,7 @@ const GuxDropdownMulti = class {
         }
     }
     renderTargetDisplay() {
-        return (index.h("div", { class: "gux-placeholder" }, this.getSrSelectedText(), this.getSelectedOptionText() ||
+        return (index.h("span", { class: "gux-placeholder" }, this.getSrSelectedText(), this.getSelectedOptionText() ||
             this.placeholder ||
             this.i18n('noSelection')));
     }
@@ -368,7 +368,7 @@ const GuxDropdownMulti = class {
         return selectedElementString
             ? [
                 selectedElementString,
-                index.h("div", { class: "gux-sr-only" }, this.placeholder)
+                index.h("span", { class: "gux-sr-only" }, this.placeholder)
             ]
             : false;
     }
@@ -427,7 +427,7 @@ const GuxDropdownMulti = class {
     }
     renderTargetContent() {
         if (!(this.expanded && this.hasTextInput())) {
-            return (index.h("div", { class: "gux-field-content" }, this.renderTargetDisplay()));
+            return (index.h("span", { class: "gux-field-content" }, this.renderTargetDisplay()));
         }
     }
     renderRadialLoading() {
@@ -437,7 +437,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '0858906f598078cb62354ec7c9f1082e3895feea', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'a59ced23ea0231ebb62158551791aad74815530d', 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: '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()))
         ];
     }
     static get delegatesFocus() { return true; }

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DZE_PIE4.js');
+var index = require('./index-DGPyMRSk.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: 'b09f99af11571bae1ec9b601aba9dbfb208ff1a8', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: '89414e60388609b46a93be11df7c6145d62a4f02', 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-DZE_PIE4.js');
-var onClickOutside = require('./on-click-outside-B0quTFZb.js');
-var index$1 = require('./index-C-67VReE.js');
+var index = require('./index-DGPyMRSk.js');
+var onClickOutside = require('./on-click-outside-CISV2TFC.js');
+var index$1 = require('./index-BObNldbR.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-BTfJjJaB.js');
-var onMutation = require('./on-mutation-DSf0pEx0.js');
+var usage = require('./usage-LCX9tH2I.js');
+var onMutation = require('./on-mutation-BKdd0QK5.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: '49c7e8f06f4de5511cf7d70953d281fb2b7326de', 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: '66bbe80f63a2d5e6e7d96a57d94e49b9485417ed', 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: 'bdd62143a1608793696ce79b8c7706fd25adda6c', role: "option", class: {
+        return (index.h(index.Host, { key: 'f23976f14c4134ea07f0676e9fca627f0e8b569c', 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: 'dcdd4752efff5e7028286bceaf5ec794495bb6d0', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '386152d4643e7f7c25aa54d74d9a2878d058069a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '553d5cc29d887e8ae220f877749b4c998c6af63a' })), index.h("slot", { key: 'a6c6bc79dfa32e6b782d35c48490a74e0d40b666', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "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" }))));
     }
     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-DZE_PIE4.js');
-var index$1 = require('./index-C-67VReE.js');
-var usage = require('./usage-BTfJjJaB.js');
+var index = require('./index-DGPyMRSk.js');
+var index$1 = require('./index-BObNldbR.js');
+var usage = require('./usage-LCX9tH2I.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: 'd49c0767377da03e5365273f91a39bad62062500', class: {
+        return (index.h("div", { key: '439256c7744cf64876857a1b5fcdedc83bcfc661', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'a33471c150928e030a4c05dff3d702588641a1e9', class: "gux-info" }, index.h("gux-truncate", { key: 'dc3765ded0e84e51262359a7d0bc64ca62dac65d' }, index.h("span", { key: '6aecdc1894a57119fbecdea686e2e2d5a0a5f6d5', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, 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()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index = require('./index-DZE_PIE4.js');
-var usage = require('./usage-BTfJjJaB.js');
-var index$1 = require('./index-C-67VReE.js');
+var index = require('./index-DGPyMRSk.js');
+var usage = require('./usage-LCX9tH2I.js');
+var index$1 = require('./index-BObNldbR.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-DZE_PIE4.js');
+var index = require('./index-DGPyMRSk.js');
 var floatingUi_dom = require('./floating-ui.dom-i1ftcEdt.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-BTfJjJaB.js');
+var usage = require('./usage-LCX9tH2I.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
-var index$1 = require('./index-C-67VReE.js');
+var index$1 = require('./index-BObNldbR.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: '6cf59014f90870cbe8d838110c2aa096543a114b', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: '1695c676fccd04b1f329a03ebf07887236ef08f3', ref: el => (this.announceElement = el) }), index.h("span", { key: '0e5f007704cf3ceee5e6de231a417eed53c72d57', ref: el => (this.targetElement = el) }, index.h("slot", { key: '0dbf1fe885215ab2e70266ae2c09be958ae48657', name: "target" })), index.h("div", { key: '6e475181c87066e81feda5ce432c75bf700f17a6', class: {
+        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: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '4026a9def2ebdfde26aa0e5300673e5a8c1b9c1c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '2cbd5a5d8ebc4726dacebf764a4a33465fa34b1e', class: "gux-arrow-caret" })), index.h("slot", { key: '46ac2c59463c9ee24f3c931ba4aeed791291bd98', name: "menu" }))));
+            }, 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" }))));
     }
     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-DZE_PIE4.js');
+var index = require('./index-DGPyMRSk.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-DZE_PIE4.js');
+var index = require('./index-DGPyMRSk.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-DZE_PIE4.js');
-var onMutation = require('./on-mutation-DSf0pEx0.js');
+var index = require('./index-DGPyMRSk.js');
+var onMutation = require('./on-mutation-BKdd0QK5.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var logError = require('./log-error-nWO_o1C3.js');
-var index$1 = require('./index-C-67VReE.js');
+var index$1 = require('./index-BObNldbR.js');
 var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
-var guxFormFieldError = require('./gux-form-field-error-DYXMrayt.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-DSOZnRk3.js');
+var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-ByiTDN4Q.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-BTfJjJaB.js');
+var usage = require('./usage-LCX9tH2I.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: '1bd55cd30c1d66f866ff614711307af7b2753049', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '53c77e1bab69f3b770f6a7b0a8b12aa0dcf29a74' }, (_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: '3232b20676b1951a6f8b47d6bb557d3debae43e5', position: "above", required: this.required }, index.h("slot", { key: '6a87a0c77c616b89be18115ec37ca270fa26cc12', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'fdf1091895b1a02a6575e563e0778798d6a15fb2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '40e09a0c533ff7b39d5d31e7c0f6b515783589d8', name: "group-label-info" })), index.h("slot", { key: '4e9debc65762b8e86889c08c8a897caa49160198', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'f0efc758f04c597f1d45902794423bfc35326595', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '942ca8456bed376cb8ea987d422acdda34fa5167', show: this.hasGroupError }, index.h("slot", { key: '126c1015d36a535c8e88eb729840831c3738f5e9', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4764c245a4f74de1e23b811605a16f8a56c344d3', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f48dd8183237c169b655fca54749a89424d30dca', name: "group-help" }))));
+        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" }))));
     }
     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-DZE_PIE4.js');
+var index = require('./index-DGPyMRSk.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DSf0pEx0.js');
+var onMutation = require('./on-mutation-BKdd0QK5.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-DYXMrayt.js');
-var usage = require('./usage-BTfJjJaB.js');
+var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
+var usage = require('./usage-LCX9tH2I.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: '8581778dc168bd68805734f4f1a1d96935327f4b', class: {
+        return (index.h(index.Host, { key: 'c00f001885ec8656276903332d04cc08eaef7541', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '4c63f70ff1db923a238e21f456bab8f29a72781b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '38e009c001bf831543477875ba840e8862c44f48', class: "gux-input-label" }, index.h("div", { key: 'f7f71142b086d18d54cac7bb6e4362b6d9ca2401', class: "gux-input" }, index.h("slot", { key: '2e318e7cc9c99514508dae735501a5c3c541f5d9', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '6c65b22cb643656764009eb9dc70e9aefca1e208', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'c5cd085547086688333042b5876f1a9401c012b9', name: "label" }))), index.h("div", { key: 'ad15e5dce7b496eff018ed618c317aad85b1b6c0', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '7906a5bd3d48c8b48beedc24a1116564357cc847', show: this.hasError }, index.h("slot", { key: 'd7b98fe8e361f77bdaee472f8de50a252103bf41', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '810453eeb0afef16b13d7af52232560678980523', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '71d2c1db3e2b9c964b125bdb93992a485d86960c', name: "help" }))))));
+            } }, 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" }))))));
     }
     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-DZE_PIE4.js');
+var index = require('./index-DGPyMRSk.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DSf0pEx0.js');
+var onMutation = require('./on-mutation-BKdd0QK5.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-DYXMrayt.js');
-var guxFormFieldContainer = require('./gux-form-field-container-DccJ6PJ5.js');
+var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
+var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-BTfJjJaB.js');
+var usage = require('./usage-LCX9tH2I.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: '545246d9da1c49969b9a9d27cde862b01bdb188f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '928e5e60935b41818ff2b60542c838120c4516b4', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b2bbf26060dca87fd94e57e86e81aae1c4a3fac9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '17bc94c09d012c9f2a8bb9463b8b83a29b4b3a1e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1fdf0abf89df7cb6cac5ad6b0b4984e3d03413c6', name: "label-info" })), index.h("div", { key: 'daa1acf1cfae60f89fcd62449b9c940c36dca4cf', class: "gux-input-and-error-container" }, index.h("div", { key: '2646e6dbf2548d6a34c7ce33edf8585de8315db8', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'fee91e931225b2a0376b0bd1c368bd18979449e8', class: {
+            } }, index.h("div", { key: '1aa0cbb15a18743c183b53050f1a82eb7ef669c2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'e4bc50afcc9a4d5dc84fe73d36adfe32f318628d', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ba46aae96078cbd4cb8e2c4a7e8f0ecf88ffe96b', show: this.hasError }, index.h("slot", { key: '0b86d27ae8c5748a5f3c47911047baae5fdd379a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4bec11ed658bb83deb9e396338cff69af2c2fdc1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'abdd45619889cdddade102f5589ad0f0168db166', name: "help" })))));
+            } }, 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" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DZE_PIE4.js');
+var index = require('./index-DGPyMRSk.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-DZE_PIE4.js');
-var index$1 = require('./index-C-67VReE.js');
-var onMutation = require('./on-mutation-DSf0pEx0.js');
+var index = require('./index-DGPyMRSk.js');
+var index$1 = require('./index-BObNldbR.js');
+var onMutation = require('./on-mutation-BKdd0QK5.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-DYXMrayt.js');
-var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-DSOZnRk3.js');
+var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
+var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-ByiTDN4Q.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-BTfJjJaB.js');
+var usage = require('./usage-LCX9tH2I.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: '596bb0a9daaafca0972f9a6b85b20f8b934dfe09', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '31ff833828ec9d6ada68a1ed2212762cab337c9f' }, (_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: '1876dbd7c222526cbd793382c33a4a5cf6313f22', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '57176f9da8cc8e51c9eb8e0e73c8d6b25bd36513', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2eda5ae93db8bac0f6760fab263b3d3204bc918b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f151bbc8a07a7cb3ae1e034c440279f927a5538c', name: "label-info" })), index.h("div", { key: '341a3ee72c67e6fb6039152bbe4641175c51d0d5', class: "gux-input-and-error-container" }, index.h("div", { key: 'd49d5d689935c59450b9c45108d476087f1ec769', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '7e17c222eeb244ae7c250f47dc58a5bc4ae4ffbb' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dc95fd03d59f87d4664c2eb6f13c5936dd60b945', show: this.hasError }, index.h("slot", { key: '2dbc4edeb102145a556b910a05413d9b274e6f35', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0e508b39d190fce5609540bb6eaefdaacc887f16', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '23c6cbd1bef40176dcf070eaea4ba55140094ae1', name: "help" })))));
+            } }, 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" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

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

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DZE_PIE4.js');
+var index = require('./index-DGPyMRSk.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-DZE_PIE4.js');
-var index$1 = require('./index-C-67VReE.js');
-var onMutation = require('./on-mutation-DSf0pEx0.js');
+var index = require('./index-DGPyMRSk.js');
+var index$1 = require('./index-BObNldbR.js');
+var onMutation = require('./on-mutation-BKdd0QK5.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-BTfJjJaB.js');
-var guxFormFieldError = require('./gux-form-field-error-DYXMrayt.js');
-var guxFormFieldContainer = require('./gux-form-field-container-DccJ6PJ5.js');
+var usage = require('./usage-LCX9tH2I.js');
+var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
+var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.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: 'b9023b70ad5ff7522f61bb41925f5a5ae7b56890', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '351a0f61a4f37ae17336c2235e7ec5e78e8c2f1a', position: "above", required: this.required }, index.h("slot", { key: 'fabb6eca3ee70511de095f242aaeef09f3bcf189', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'f9af4d8e81d64c5d1e7d05b4e5ac70519f6e766c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '9fd5f19b6815f393c0b36efb6b1e6a61396c0b0c', name: "label-info" })), index.h("div", { key: 'a19837c2d873443682fa1908a246456471c4f787', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'df5cdae8921bd3f0b47e79249e729d4c76b6600c', show: this.hasHelp }, index.h("slot", { key: '5ccc21f83e3a012eb863a00ec58e9462ad5ff02e', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bc0c10fde130a357f9e8978ed8b5b5f17de3045b', show: this.hasError }, index.h("slot", { key: '26456e741cd563033b52ad5cc1f5abf24189d041', name: "error" })), this.renderFileList())));
+        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())));
     }
     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-DZE_PIE4.js');
-var onMutation = require('./on-mutation-DSf0pEx0.js');
+var index = require('./index-DGPyMRSk.js');
+var onMutation = require('./on-mutation-BKdd0QK5.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-BTfJjJaB.js');
-var guxFormFieldError = require('./gux-form-field-error-DYXMrayt.js');
-var guxFormFieldContainer = require('./gux-form-field-container-DccJ6PJ5.js');
+var usage = require('./usage-LCX9tH2I.js');
+var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
+var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.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: 'afbe0d255c886bdb7ef76136ba1a0266ce02928f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4150a02f330208c2f79b0e7df5112614ba24b7d3', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '963c1669469579e49ce6702649d1c5469cef7322', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b5d67f2ba79201a15c885d66ecdf6570b63be400', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b3531081795eaf2f954dc0e42340986b4b00696a', name: "label-info" })), index.h("div", { key: '09ac2a78594f80c404297404e535bc10159290b4', class: "gux-input-and-error-container" }, index.h("slot", { key: 'feccb4c1f2526d8400f2253114573bd159dd3c14', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '5f1191145e144f3ab6da99c66adf1eb578136214', show: this.hasError }, index.h("slot", { key: '28980350a36385b61fa21f79f71facc4fe953b71', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '50eac306bde1f09eed4197bcd8f0767f3aad1ef2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '89683766e4e0486175a6e1416d8dc239107720da', name: "help" })))));
+        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" })))));
     }
     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-DZE_PIE4.js');
-var usage = require('./usage-BTfJjJaB.js');
-var index$1 = require('./index-C-67VReE.js');
+var index = require('./index-DGPyMRSk.js');
+var usage = require('./usage-LCX9tH2I.js');
+var index$1 = require('./index-BObNldbR.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: 'a21ab3976e7e6ba49457aa4b44461a456611f367', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: 'b4b51e50d8dd85ea803b0650e0c387e97d97c1f9', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        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')))));
     }
     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-DZE_PIE4.js');
-var usage = require('./usage-BTfJjJaB.js');
-var index$1 = require('./index-C-67VReE.js');
+var index = require('./index-DGPyMRSk.js');
+var usage = require('./usage-LCX9tH2I.js');
+var index$1 = require('./index-BObNldbR.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-DZE_PIE4.js');
-var index$1 = require('./index-C-67VReE.js');
+var index = require('./index-DGPyMRSk.js');
+var index$1 = require('./index-BObNldbR.js');
 var onInputDisabledStateChange = require('./on-input-disabled-state-change-CSLxaSas.js');
-var onMutation = require('./on-mutation-DSf0pEx0.js');
+var onMutation = require('./on-mutation-BKdd0QK5.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-DYXMrayt.js');
-var guxFormFieldContainer = require('./gux-form-field-container-DccJ6PJ5.js');
-var usage = require('./usage-BTfJjJaB.js');
+var guxFormFieldError = require('./gux-form-field-error-C9nXlEsu.js');
+var guxFormFieldContainer = require('./gux-form-field-container-jH9AONLV.js');
+var usage = require('./usage-LCX9tH2I.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-0H0Z_nRu.js');
-var onClickOutside = require('./on-click-outside-B0quTFZb.js');
+var onClickOutside = require('./on-click-outside-CISV2TFC.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: '7b28edd43bc818d8f1498486c396e7f9f9aee678', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '017d5eeaf123163fc06f3f3da23691ad863c9960', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '0e4ba199221759c31601b3e95dc333fcace3efd5', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f929df4b73135f282a69cdaab59c7dc21ba5601d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7422744e0637c50382a085fbf8c23b6ee31549f3', name: "label-info" })), index.h("div", { key: '06613d1746aca0caa7527a60b37d2fe50056e8a1', class: "gux-input-and-error-container" }, index.h("div", { key: 'bb85a923c23b32711b277335f361a885644914c9', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: '0a4119d2dd03b289d96abf142ac49f9e173bf5a2', class: {
+            }, part: "input-section" }, index.h("div", { key: 'ba1a55e1667545efcf917eb2aa9fa433c2e36e40', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '024dd3b3d7301fda75af59a9b871f84ebaf11773', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'ce023e6cc138081233dda3c254e7c330419b4474', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '6fd65820dd73e0716a9deda87d083b7dbdf368e4', show: this.hasError }, index.h("slot", { key: 'a3e0ae95fe2f96d1f6c6938a718a01bb2b422fa3', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9b03426a3901e9e40f8bf78da47939df67ad4b8e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9670369675c0700943a6e9b3c3e66205240fdf0e', name: "help" })))));
+            }, 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" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -277,10 +277,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: 'dc015b7739d962fc7ad58df07a6efe78fb53d373', 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: 'c89f356768379f5752a7fae70dd5c832f5a420dd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '6aef11a250c6117a75e5b4ed8c5a31dbd7e900e8', for: "popover-target" }, index.h("div", { key: 'a442ab9a7d75705bcf265d4c607a4efb502deb08', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: 'f5e9eb84fcbe0abc46bf8324218ea4d5dbeb11b3', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'd77f17fb28b272c77996ce2ad3d699a605fb4205', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '6029f39ab6eaacd2ad7be4c1622ae8b9ee3bc3b5' }, index.h("input", { key: '534cc01d29ca04e1b0a6a571eca54c8c1c8a7212', 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: 'cce9048fb4ba0f259cbc8cba8604669194c5fe7a', slot: "label" })))
+            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" })))
         ];
     }
     get root() { return index.getElement(this); }