genesys-spark-components 4.187.2 → 4.188.1

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var getValidTimezone = require('./get-valid-timezone-Bnt1qVB-.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -46,7 +46,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'e974f51b418e3eb2f0499733908e7cce39acf037' }, this.renderDate()));
+        return (index.h(index.Host, { key: '60543e01ce98e205668be5d959e30ed138a47cc7' }, this.renderDate()));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-date-time-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var getValidTimezone = require('./get-valid-timezone-Bnt1qVB-.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -47,7 +47,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'ac90dfa4a10203637a5aa0dfee353fce4496e396' }, this.renderDateTime()));
+        return (index.h(index.Host, { key: '8c1517be5d39a575fc56ea19fac1bbc0edebfae8' }, this.renderDateTime()));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,7 +6,7 @@ var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
 var isoDates = require('./iso-dates-B-hZmvim.js');
 var onClickOutside = require('./on-click-outside-Cn9ProR4.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var index$1 = require('./index-CnZZCg2E.js');
 var sparkIntl = require('./spark-intl-DbMn-aKP.js');
 var useRegionalDates = require('./use-regional-dates-5VnN03zC.js');
@@ -693,7 +693,7 @@ const GuxDatepicker = class {
             } }, index.h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), index.h("div", { class: "gux-datepicker-field-input" }, index.h("div", { class: "gux-datepicker-field-text-input" }, index.h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (index.h("div", { key: '87ba4fb1f5dab50e710194e0a083729097ce5c23', class: {
+        return (index.h("div", { key: 'f87e2f70d811273912f9b59f92ff80e883967d8b', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -61,7 +61,7 @@ const GuxDay = class {
         });
     }
     render() {
-        return (index.h("button", { key: '4ca50771f8c43c6605db8c33818c7b85cb2a31c9', type: "button", disabled: this.disabled }, index.h("slot", { key: '7d2d8e8f42603287f759bf6cb14271bd8a7ef6d8' }, index.h("span", { key: '6c235a758c10fdb4ebc71aec3efbc40c5c703050', "aria-hidden": "true" }, this.date.day), index.h("gux-screen-reader-beta", { key: 'cfcc006b8a9f5bf2086b521799d49351c9143a54' }, formatPlainDate(this.readerFormatter, this.date)))));
+        return (index.h("button", { key: 'eefa2edbca532be171f6f27efef418f77127f2d8', type: "button", disabled: this.disabled }, index.h("slot", { key: '1a75d4e74bbf34aa7f3e3698fd776a37a97e1740' }, index.h("span", { key: '95f63b2df909075a78de1974f4bd4ae82ffd6094', "aria-hidden": "true" }, this.date.day), index.h("gux-screen-reader-beta", { key: 'de80f2fc70078261b52a68027344da62ded55ebf' }, formatPlainDate(this.readerFormatter, this.date)))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-disclosure-button-legacy.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-DJ9HGtdZ.js');
 var randomHtmlId = require('./random-html-id-DH9-ntZu.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var index$1 = require('./index-CnZZCg2E.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -55,10 +55,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (index.h("div", { key: 'a7410d4fa5ede825a8f1e61c34ac5bacbc02eb1e', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: 'a8fa8bf56bd2d49e855e648364361f9464f696db', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: 'ed5a0689820e9e4b5f47c7a7432754c852dd8724', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '0818e00d7ad9c6c1f36c2a8a7d8597d58872bf7a', id: this.panelId, class: {
+        return (index.h("div", { key: '0400e29e3587a0d533c780382bb71a5f20c61eb4', class: `gux-disclosure-button-container gux-${this.position}` }, index.h("button", { key: '9c75cd6901e022aae1d181e7570d37e003f93860', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, index.h("gux-icon", { key: 'f470ff60f6c92217c4eaa05ff379c5cb99318c0e', "icon-name": `${this.icon}`, decorative: true })), index.h("div", { key: '58ec3442693aa9b1b8975ae36dd82fb878236514', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, index.h("slot", { key: 'b61f079d42f1181695802085b9b0af1e8f47c488', name: "panel-content" }))));
+            }, role: "region" }, index.h("slot", { key: '429b7953402c191e03cc7e8861ba53181e120ad2', name: "panel-content" }))));
     }
     get root() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/gux-dismiss-button.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var index$1 = require('./index-CnZZCg2E.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -23,10 +23,10 @@ const GuxDismissButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("gux-button-slot", { key: '52a32d2f44a4ea6d98c7978aae6cdcd6e23ddfb7', accent: "ghost", class: {
+        return (index.h("gux-button-slot", { key: 'a8ffb4b56976c567f5ca5a1ec87227b52cedf758', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, index.h("button", { key: '1a291cbdbee48b4c20bf4651bc30d875c35f9da0', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'e47fbada9557f20098c5304452fc607f174a9ea3', class: "gux-icon-container" }, index.h("gux-icon", { key: 'b3872a8afe53a3c97adfd5071e6657c92fb234ab', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, index.h("button", { key: 'bc4c58debb7724169393a3190b86897e00624a91', type: "button", title: this.i18n('dismiss') }, index.h("div", { key: 'd364a25af3774c9a5b1b875f67b5c079e9896ce6', class: "gux-icon-container" }, index.h("gux-icon", { key: '19a11178f5af1077843821b011c10f15004bc474', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -48,7 +48,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '4a4ed523b1fa1d5b0b13392febeaec12ca1355de', class: {
+        return (index.h("div", { key: '70d16b8aca11082c935a127018de2c3c54d302f1', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -6,7 +6,7 @@ var index$1 = require('./index-CnZZCg2E.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-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var onMutation = require('./on-mutation-una8GcoZ.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -202,9 +202,9 @@ const GuxDropdownMulti = class {
     onFocusin(event) {
         this.stopPropagationOfInternalFocusEvents(event);
         if (this.isFilterable() &&
-            (event === null || event === void 0 ? void 0 : event.relatedTarget) &&
             !this.root.contains(event === null || event === void 0 ? void 0 : event.relatedTarget)) {
             this.textInputElement.focus();
+            this.expanded = true;
         }
     }
     onClickOutside() {
@@ -407,7 +407,7 @@ const GuxDropdownMulti = class {
         if (this.hasTextInput()) {
             return (index.h("div", { class: "gux-field gux-input-field" }, index.h("div", { class: "gux-field-content" }, index.h("div", { class: "gux-filter" }, index.h("div", { class: "gux-filter-display" }, index.h("span", { class: "gux-filter-text" }, this.textInput), index.h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.textInput))), index.h("div", { class: "input-and-dropdown-button" }, index.h("input", { onClick: this.fieldButtonInputClick.bind(this), placeholder: this.getSelectedOptionValueString() ||
                     this.placeholder ||
-                    this.i18n('noSelection'), class: "gux-filter-input", type: "text", "aria-label": this.getInputAriaLabel(), ref: el => (this.textInputElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), onFocus: () => (this.expanded = true), disabled: this.disabled }))))));
+                    this.i18n('noSelection'), class: "gux-filter-input", type: "text", "aria-label": this.getInputAriaLabel(), ref: el => (this.textInputElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
         }
     }
     renderPopup() {
@@ -421,7 +421,7 @@ const GuxDropdownMulti = class {
                 'gux-target-container-not-filterable': !this.hasTextInput(),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), index.h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), index.h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), index.h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), onMouseDown: event => event.preventDefault(), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), index.h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
@@ -437,7 +437,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            index.h("div", { key: '3d7e026e163c18fe00c3222e3a62284523f65427', class: "gux-dropdown-container" }, index.h("gux-popup", { key: 'd66ea9ce9cce8447d86e146067b268f06f64c090', 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: 'f5ca87adabe2ec8c38a542715a05b5ca321cf355', class: "gux-dropdown-container" }, index.h("gux-popup", { key: '82e9617130869c5c16d90a932be883a48684cb44', 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

@@ -55,7 +55,7 @@ const GuxDropdownOption = class {
         };
     }
     __stencil_render() {
-        return (index.h("div", { key: '9604ae8bdae08b96511463f5eec869b1c86ba892', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (index.h("div", { key: 'cb92fe1fbb98f14600e6d026b3c4af8fef644327', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

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

@@ -6,7 +6,7 @@ var index$1 = require('./index-CnZZCg2E.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-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var onMutation = require('./on-mutation-una8GcoZ.js');
 var guxListbox_service = require('./gux-listbox.service--Kw0a8sM.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -382,7 +382,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (index.h("gux-popup", { key: '9e7bd1a3ef412ee6ac9548e1822e7ae1c75808b2', 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: '1132809cbe653cbcc917a87ce921448e6e135bdc', 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); }
@@ -607,13 +607,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (index.h(index.Host, { key: 'ec21be1002f3280612de75e37db95eb6972593fc', role: "option", class: {
+        return (index.h(index.Host, { key: '3b32039f09c90fe88bdafcb3597943337ae79ff4', 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": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, index.h("div", { key: '69c26d456a4f74f169b2018fd03525299fa5149f', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '1c3c096df3bd18259cade9903165839d681377a4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: 'f03c6a93e3d1764634aef45e40069e3be586c88d' })), index.h("slot", { key: 'd15ee648db04cd5ee3cd065abbb0dedf9a631c3b', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString.booleanString(this.disabled || this.hasDisabledParent()) }, index.h("div", { key: 'e12ee238fe0bf8b88ea2ff9c422ff7a53a4f92cc', class: "gux-option-wrapper" }, index.h("gux-truncate", { key: '07bf888b0cb355764fe8aa4343f84395389ac32a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, index.h("slot", { key: '632f29668ec685018e381967833e9ac0e22e6991' })), index.h("slot", { key: '3f6c9039cbcccc0002d21913ce2f253fd149b70a', 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

@@ -2,7 +2,7 @@
 
 var index = require('./index-DJ9HGtdZ.js');
 var index$1 = require('./index-CnZZCg2E.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.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: '09ee5fd05bcb70aafea251c390baa7a5a8d3a784', class: {
+        return (index.h("div", { key: 'c92ad88787a05315f94720369e9e3489c9cce64a', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '7ac3f917cb8060f4beff69db1b287caad6967d7c', class: "gux-info" }, index.h("gux-truncate", { key: '270073a4d92044a3730ab8215f7a02d2ce06b7d3' }, index.h("span", { key: '87dc4ff844480d7ee736d2f77b9161e4152bdfd6', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, index.h("div", { key: '2d7b6ca9ab12d2adb75aa72ad233d4b9954000b9', class: "gux-info" }, index.h("gux-truncate", { key: '9126db2eedd2a9e26f37f28e1546348bb5375f91' }, index.h("span", { key: '27e75690e5ede1b2309f79dc02ec12f854ab4e9a', 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,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var index$1 = require('./index-CnZZCg2E.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -516,7 +516,7 @@ const GuxFlagIconBeta = class {
     }
     render() {
         var _a;
-        return (index.h("span", { key: '2bf0ab837761768270487f8b333ede30f83604a7', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
+        return (index.h("span", { key: 'ee57719a882d9354540e52a62ddf48ad3816fc33', role: "img", class: 'gux-flag-' + ((_a = this.flag) === null || _a === void 0 ? void 0 : _a.toLowerCase()), style: { backgroundImage: `url(${spritesheetDataUrl})` }, "aria-label": this.getLabel() }));
     }
     getLabel() {
         return (this.screenreaderText ||

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

@@ -3,7 +3,7 @@
 var index = require('./index-DJ9HGtdZ.js');
 var floatingUi_dom = require('./floating-ui.dom-BRbjfoUo.js');
 var afterNextRender = require('./after-next-render-CeY_1Kbz.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var guxMenu_common = require('./gux-menu.common-B8_9UAPe.js');
 var index$1 = require('./index-CnZZCg2E.js');
 require('./get-closest-element-CfyZl7i7.js');
@@ -190,10 +190,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: 'f7af5f029afc5a78013950650d3f38235c5d83c5', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: 'ebb453f9409ccc1202d0ab1a9a80a6f0b13f9747', ref: el => (this.announceElement = el) }), index.h("span", { key: '54493f4a40de77bd5d02e11c4dbefb9c25474855', ref: el => (this.targetElement = el) }, index.h("slot", { key: '0f9375667e4fa5d88426ce22804284e48cff3c4d', name: "target" })), index.h("div", { key: '2cb8985112e63facc42bc8ae9763f45600a354e8', class: {
+        return (index.h(index.Host, { key: '976af61e41e04fa4991059a2cff61f2333aa009a', tabIndex: 0, "aria-haspopup": "true" }, index.h("gux-announce-beta", { key: 'deccb510fcf0dcb5c2910e2741681a5cac689468', ref: el => (this.announceElement = el) }), index.h("span", { key: 'ef5b926ab0c1ebb68ecf8df32f456a0503651bf3', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'bf3905fd588df60fee5e1aace7fe1df0c13ab659', name: "target" })), index.h("div", { key: '32b3b2bedd306db986e467309bd907d34fd85a0f', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '5757dfd8b8ba8d81d2b6261557bceed20403af02', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '982cd1c491a0b4760587738f95075fdb79811611', class: "gux-arrow-caret" })), index.h("slot", { key: '9fd12909b2da4d8d2cf7b17035db595444608ce4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '2dcf06347bd9d3cc0b8fc57c5656902d1935ddc3', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '8b9d3a515368fb529f454474b8cfed25394b25d4', class: "gux-arrow-caret" })), index.h("slot", { key: '6f3425cbe68e0bf79e954f2f845a920ca8da9bc6', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const GuxForm = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: 'b58d344688d69633370ea9ab2430371df41dd493' }));
+        return (index.h("slot", { key: '8edd255b353d746dc1d326ce15a708c518a5f356' }));
     }
 };
 

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

@@ -9,7 +9,7 @@ const GuxFormDescription = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '00c36de387915b027f0cff1b7ab5fe9811583f1f' }));
+        return (index.h("slot", { key: '844802cc7fed39bc79e6302664316efe2f8c232a' }));
     }
 };
 GuxFormDescription.style = guxFormDescriptionCss;

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

@@ -9,7 +9,7 @@ var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.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: '399d41ad13dd4ed186f354287c59c6729b5e3ef9', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '762b773f81ce1403e6f2791df8266f5691c653c5' }, (_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: '3bbc293ac496b877d5d147bba7189e3158b5d0ad', position: "above", required: this.required }, index.h("slot", { key: '25a3b6493e4a9c921950fc08383cb640f639e3f0', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'dcfd98494e6eca217d14b89a63d3bb86d9fe3dfb', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ed183232ef0880790e62d650f83221b049dc6abd', name: "group-label-info" })), index.h("slot", { key: 'eb50a04b9990f406807d59d0d1b18dbe3f54e305', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'e049cf31ede4b3bc76b99e0afe635ca8b9a18ee6', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b066d0fd7c0a67ebc26b98e9fc4f7b8c54e2ab9e', show: this.hasGroupError }, index.h("slot", { key: 'b11e8bcd41dd40908f09662914e70133168abdd4', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '34f97f6c1f1a7f22f4f450fc5f6cf2e5aa3f014f', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'fac350ea567fdd8ce10d70bed481cd5b6d8caff2', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '39d089b1a29281e4548047282d0c21ced0664238', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1dc0f41fcf3f05bf44c3527b1ca837b39b7ae75e' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'ff0df059eedea0671156605427e5e6ae53db86a9', position: "above", required: this.required }, index.h("slot", { key: '42cdb1d413e349e40757f61cf5a901897b1c64c0', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '96e6c9fcfa22513d122d09a22855d549f3c2e5f8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6959da0cdd600fc35a202238693fcffeedb5dba5', name: "group-label-info" })), index.h("slot", { key: 'e6ec34d9152b1cb78454dd62dce3bc1f8396f9ed', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '06ffdaf1284b74a6350ce91cdd420c18d3015287', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd0a1f5fafa32b6be3c55c9c18e3909136331b661', show: this.hasGroupError }, index.h("slot", { key: '773cba21d4b1131425cc1875b6e36da27feeb053', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '94ba36e3faf7603179706bb2cb3937310e1d27e2', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '7d816fdd3f3fa7a4a209da146a55645cc0cb635d', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -6,7 +6,7 @@ var onMutation = require('./on-mutation-una8GcoZ.js');
 var preventBrowserValidationStyling = require('./prevent-browser-validation-styling-Dcbciyyc.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.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: '4d9630ede06fb0989481b0f589def995c272d4a4', class: {
+        return (index.h(index.Host, { key: '5f3785649f75c7a2e2638548b05d55024cd80c38', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '092cf0d03dcfec769c442a2ae0ae839fd51e23a0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'a70e4938842857fa1197e0e27fde900531931c53', class: "gux-input-label" }, index.h("div", { key: '56a26456c1874e6b95e8a9bcebd24ad00c81cba3', class: "gux-input" }, index.h("slot", { key: '1977afce7fe112fa5fd9fffdd932b0e9726463d7', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'a2c123ddbe72a247009b57f3165db8b5999a8df4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '7953cee6f008f3b4e7d5b26efe0055447c21d48d', name: "label" }))), index.h("div", { key: 'fc6601d65352a4c5b3c51cb868f38272950808e2', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '3a41894d1e687f8349caf6ce97e5db98dc85156a', show: this.hasError }, index.h("slot", { key: 'c7c0c4b9c87e86ccf49c1f0f88e53b7f7bb3ddf8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '40d43775a46cbc809b4f9ec1cee434a3f033924b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7285032fe39638e54f10166670f0262103b41866', name: "help" }))))));
+            } }, index.h("div", { key: '7a1c8456e16e188895d1b43e075030fc8a7562fb', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '17f6993bf2c457c397a33df428d835942f2a6f44', class: "gux-input-label" }, index.h("div", { key: '4eeca51ec3a6fcf71b7b646c476f8353c6aaf750', class: "gux-input" }, index.h("slot", { key: '7bca8844ad94595d9e59ad17d7f9d20697b598d6', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '8250484b80ade7447d156cbf69971c15ad4ec92d', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '8d86952fd4f5f9ed72cb24cfccecd8eee04682dd', name: "label" }))), index.h("div", { key: 'a481af37f9cb672bbdb2a58c56f85dfbffa1f42f', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '8db617175bdb15e6176df86da61fe8d859ca8859', show: this.hasError }, index.h("slot", { key: 'ef8a5d0379f6f35676bdabee5ece0fc516638c06', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7721d0b1c62d3741134693034822a5546c048c62', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e00bd909e58a0de48e030f4526ab4cf7b93e0ee6', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -90,13 +90,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b0dff68fe51e564a03de305463201bda9b0e6a02', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '63047e23a939942a6c8c052b304c4e9c97f05ecd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3dc3778704883f80e9c9095bff6e9eeb44b9b557', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'dc90b7fa687fde89265ce7f831aa0dc203bb5260', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0985e952104b7b4eb671d7e2d8694cba80de5d2d', name: "label-info" })), index.h("div", { key: '3dbdee93b27211f1cdadf3cabb8b41ed9c651105', class: "gux-input-and-error-container" }, index.h("div", { key: '1c93f6789571d4015631cd45bcd137333316c116', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'ad5e3507b19363da0013dec594572db85875e92c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'fa6da12edc56db3ac2712630135c1e3760ab5760', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ebdf3ac3cefeb5b917601564fbf1bd004b045f9e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '227f23f679f9f263a909afb47114f27d85fa7455', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e86b485705cfe0593ef907cf924efb083716f702', name: "label-info" })), index.h("div", { key: '744e7c8e61469efcaed3551339bcfeea5112aa9e', class: "gux-input-and-error-container" }, index.h("div", { key: '3d29474352a8110976c82499b913a85868255cb6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '18d1bbbaf82b756aa81a0412da7ea6ab1eb4a420', class: {
+            } }, index.h("div", { key: '42d5c9b830926af6b5a9774b225d984fd44e16d6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '7f8a5b88d5f593a05d272c69deebbf57ecb46139', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b457a9c40422980f9f3f82b28ac8e5bbdfa286ef', show: this.hasError }, index.h("slot", { key: 'c46ba6ed3a74062df00e9c15ac0c1ddab1df7351', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '166ad2fbd5e9a4e52da024143686f86acd6a49bc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4c9ff51d12dd65b521cad5fda710a1463f534a93', name: "help" })))));
+            } }, index.h("slot", { key: '3e66617a006fc577dfa7d36b9ac11cd9d91775e6', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '237a375286d99b1cfb1c097672f36508f42d80ec', show: this.hasError }, index.h("slot", { key: 'a5f54be3d51be6cc967ca6af6671546183b44ce1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a389ea72e7f7af73d0a8c614e584211a4b20c4b1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f9a6298f22871598ca89d317fa76162b3a6eed5a', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -9,7 +9,7 @@ var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -110,11 +110,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '95cf0334aae89c2b185512975a3caa46b616f319', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '17a7d9db1d359d99b375e659d74e8ee198fead89' }, (_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: 'e0c6290b8960073a60caed07a95761b489572569', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '093143723c654b514a86d9ba11bdd669343e678a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b5c53840b29e7edb7016fd655ef325af5c4613c8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ad3d8db913a2054061a2cf17e55221e8f547df6f', name: "label-info" })), index.h("div", { key: 'b9d47e7fd0f101bd2bf50d7d8a5aaf5560d4a7d3', class: "gux-input-and-error-container" }, index.h("div", { key: '5f924b84c374f4eab9a5af090faa0b6dd5c0ae96', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c55506028075010580036cf430008af29b73b2a0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '40b6eb605168484203272a582c504f9b8a7c9425' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '4604a5488d1f73dee58fa9da4a66d847fa612e07', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6fdb7a2dd39f243fe3732773e82fc64d63a6cffa', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e334bb065680c63c8cd10797d3e4f070eec332fa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7485b99a3d4163858479c0b92df2f0f58a72af91', name: "label-info" })), index.h("div", { key: '84566ab5a944b5267274f09bb3fc50a5a1d63ab7', class: "gux-input-and-error-container" }, index.h("div", { key: '28ade6dff038c4d9ab63baf834bb2ad150e4de32', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: 'e38e6e5580339bd8124d850064478838ed91fd4f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f59489537e647d013f7cbb29765edc9f233126e8', show: this.hasError }, index.h("slot", { key: 'b238051d5d4c804cdd2bd80ab039c285a51cd24b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '49f27c2c46e71f7708fde91c35562a836f1dc9f2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ead90e5f779f712ea1156e111b543e733e949eb2', name: "help" })))));
+            } }, index.h("slot", { key: 'dd6e549d5c284aeaaa69345ad036bfab7a059e8f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '388ad2e687697ea0cecf9b6010c4a69371c2d16f', show: this.hasError }, index.h("slot", { key: '1553e292accc1072a74f267f315641f3832ce18c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2f79e47073f8359740087f34bc3d01d0b8b240b2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '85976402223662223286dc862b6d6b3d202ef374', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -4,7 +4,7 @@ var index = require('./index-DJ9HGtdZ.js');
 var index$1 = require('./index-CnZZCg2E.js');
 var onMutation = require('./on-mutation-una8GcoZ.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
@@ -113,7 +113,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '08375562c5f4fccba27ae887e75286a0c8316209', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2da1a8ccfb6fb0ffad13d6b7e17eb8c006ec3fec', position: "above", required: this.required }, index.h("slot", { key: '86c7bf4b43eac86d082075326f247da876690128', name: "label" }), index.h("gux-form-field-label-indicator", { key: '13ff56e6483c61e4f698c69a51adb0e8d37b4929', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a23675a2164c4080677980f3d6aa55ea1b05c163', name: "label-info" })), index.h("div", { key: '269ea5528a86db45b366c8f6f0528aeeb6636ba0', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e1afa7df59e08f6820097d88fbe542e7ddbfcb09', show: this.hasHelp }, index.h("slot", { key: '176674d3b557f621f8c28d67fc7d8843be91623c', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '4dd69a7d5c0c9dbfe3129c24773d6efdc082d35b', show: this.hasError }, index.h("slot", { key: '4ac9a75500eb2fde0de2809718dd02f16c2eaf3f', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e6168b89ec2e7e319eafd52f850440c7c8611baf', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c43bbd379ce7088f1b229e0759aeb650e540e749', position: "above", required: this.required }, index.h("slot", { key: '076818f70f0b4d576d0c29c589d65365f9922196', name: "label" }), index.h("gux-form-field-label-indicator", { key: '8d40c98ce91d58f80ee19a0f2cc56a8b7b0da22b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5a55650d45ff8d7867e5a5137d4da1c5d971405d', name: "label-info" })), index.h("div", { key: '89117ae5350897d66668b85b49c5253b4c714881', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7951b8ff1b3cbedaec1616cd0d3e9c93cb0e0274', show: this.hasHelp }, index.h("slot", { key: 'e47262515b64ccdf3f76b79afbbba7f653636cd9', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '4504a6087b27a3d7e42251a17974a7bc2985a4ca', show: this.hasError }, index.h("slot", { key: '7b80111adbbc9febb6f4b3446c60fa040d5b17ba', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -3,7 +3,7 @@
 var index = require('./index-DJ9HGtdZ.js');
 var onMutation = require('./on-mutation-una8GcoZ.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
@@ -108,7 +108,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '87fd01d5f4f842e4a60a3fd8903b1f47a25fa87c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '768146a270b2f9c795818e50eb346e9ef4c0f18e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '41d509f25e61218e8ff44205e0066efc9871c48b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b18a6439eb3e331eadc8befe7d4a6625e5a2fe78', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '019080783c0879090b3b20df3c34a82fee01366f', name: "label-info" })), index.h("div", { key: '09756ffd657327ec2bc2a8ae5e39b2a5cf33ecda', class: "gux-input-and-error-container" }, index.h("slot", { key: 'ff1bffdc217f9eff4caead89b0ec19179e9c0669', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '7623a79ff314b2286cdcf03c00e964e317627414', show: this.hasError }, index.h("slot", { key: '1b29ff15208bec388a11900e21f81e5b60300211', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4fc70bf6a7764f229f4a46bba5cf4ec3e0f5394a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '42030254f9c567f2b9aa7aaee0a5458cb08583d7', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0388360b8ffd364cb113edad7bbd2cd417aa0738', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0eea04bc0700ff76a37dfc1d8c642bb319cc7583', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1fe4e4f8f9e178b4db023452c8fef586c20fd639', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '850a5ea4ea31aed7ec8a2d24b97833e0c6651d87', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '90e0fc3ab8cb27d1b907f41fcfdfe53d73512d68', name: "label-info" })), index.h("div", { key: '9cbc089ee1182d873a4da96c77a03a8fba01f0fc', class: "gux-input-and-error-container" }, index.h("slot", { key: '2fdaacde8ab249e618b86072e66dd291c4790157', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '3f6e546494f001ee6dddef3c3bf65837939e4fc4', show: this.hasError }, index.h("slot", { key: '547e941bb527ef5c23e68170fdbf584307ae107b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '49565bfbe9981f787951385891f2aafbbcf55684', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9d46b39b1296b7d9a2248f51df19bdc42f036bf3', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var index$1 = require('./index-CnZZCg2E.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -21,7 +21,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '69c846a9dac078cf1b2affbbd802bcdf5e342671', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '75f116fced0dc325f669efbc3dcaa8a44ee52e7c', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '752ef91c7cc3d5e0f0e320b799f6b75fd7a28caa', "visual-only": true }, index.h("div", { key: '082c3d468a87dcfdd360a79f22e13f33b1b4cfb9', slot: "content" }, this.i18n('clear')))));
+        return (index.h("button", { key: '64404e9437de8a45385161b1dee6b8811543895c', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '5a4d5acbd2b2243bcb142559c834986ac15c4bad', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: 'ebd62167e9f3484066e68dc0110af280a50976e5', "visual-only": true }, index.h("div", { key: '7bc3633e898beddd15386e0268596f28660fe70b', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var index$1 = require('./index-CnZZCg2E.js');
 require('./get-closest-element-CfyZl7i7.js');
 

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

@@ -11,7 +11,7 @@ var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
-var usage = require('./usage-C6iTAhYl.js');
+var usage = require('./usage-sB4wE0Xu.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-0H0Z_nRu.js');
 var onClickOutside = require('./on-click-outside-Cn9ProR4.js');
@@ -114,14 +114,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '137a3979f9996ba04d92dd420167dd84d8bd678b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7d5bf5c68f8537a328d7c1b8e7a2c366cdce2128', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '102f722e3e88f68a49e11133c227c892032a28cf', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd88bf90fa98f018248a28f08ed9e217466ddce18', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '37df5a0dd779d9da8cf3b60f84d5e52115e1fa46', name: "label-info" })), index.h("div", { key: '5937c320d96258cde309337a7e055d42790b54fb', class: "gux-input-and-error-container" }, index.h("div", { key: 'd8391d88ec67783d1259f2e4942392db97e67904', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1e07c3f124e8707f6261b4df25690d812c9c7dd1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c4d3286b441ffc8b976ecab571420ef3f9f5731a', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'dd3eb099e1b96030198fa1d5980327b9b37372b9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9299e783143e6d5d3ed8e2654f388182bceecd09', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '26742f9f77b85ec871c12b8069d188685b1c1bd6', name: "label-info" })), index.h("div", { key: 'f76998d3d2b4f6cd9ecc21be8283a07dad189f0c', class: "gux-input-and-error-container" }, index.h("div", { key: 'db694b9aa71dfae2b1ac0df8988838f9c44ff559', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'ab857c5c2c6e1123c881ac599a508554ce6b4b7c', class: {
+            }, part: "input-section" }, index.h("div", { key: 'e10e9afd527017c32e2784409c6fba2211cf099f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '92c76a08f4e0cce0f905c06451e4c08c208813e6', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '958fb87df1cb20157aaa4238422bc1e957ebd830', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '73894cf0dd8900be644733ace75042f75db6f8da', show: this.hasError }, index.h("slot", { key: 'abf56087a30c56684cd3992365f9d1bd6be9129b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a9d02d2ae53c77fd0866b60ab1f88addf9c42673', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ce70b5209a863db0f86ebe207e0cce4c9bc34f31', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '6850be66b8b17f1c2cf0c4f7328aebcf3ba30690', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'c74281f4423eda417f7c79380d6dde369a2af1e7', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f28cc3e3fb7e49fd1da638376046d2d1fcfe051c', show: this.hasError }, index.h("slot", { key: '92a20e2c9b9c8988b86b3bf84f7ed3ee53504940', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '884b1ccd768b8da7ab2de002c323dc768ca56160', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cc86c01124eb1c7975649d1c2d516bd8193f52f6', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -280,10 +280,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: 'f675fa38c456d9beee7326a392f9ac27e7dfa946', 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: '66f106b639545c384b312af6e3518131c0c51507', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '97bc2b4e68b23bc09e7f9cb5574d53a2c1e447e2', for: "popover-target" }, index.h("div", { key: '34a54f5b4fe0f9a23a8cf7e86dc65fdfa1fae0f8', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '7b7c21bedf397397a4270749cf3d5ad28e26605e', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '162226f7ee34a5f6a5ebf1f7bc1a8eea56247e8c', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'c3f0ca2db06c2db6d0e9f3e793940f0e9c4812b5' }, index.h("input", { key: 'a80d061649c45e69f26fa5d424e161e1c242b283', 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: '987a1b40eed7e99bddfc906d0a4527e3c510b6a9', slot: "label" })))
+            index.h("gux-button", { key: 'c0a0f5339eb18427f2d0a295b2059ff1dd3354f3', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '7783134863b3749e02a098c237be70dd2405650b', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: '9e4a5b4684c26c37cf897259e9dd96728cff1015', for: "popover-target" }, index.h("div", { key: 'eae4d6c935bdfb6067d33db1facb3bdf2c75a35b', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: 'd452fae8bc5cf41f10cb66e3edee10b1da55396c', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'a8a03c0a8d6e51191d53f2c185f63d269ceb6bff', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'a3968c8cb70cf66c8415c51ebe541fef742d5e59' }, index.h("input", { key: '303bb563902aad6ee9af1188ba647773ae914d70', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), index.h("label", { key: '392d27147d9fd9ced515a2b93cb299db9f1ac13c', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }