genesys-spark-components 4.186.1 → 4.187.0

package/dist/esm/gux-column-manager-item.entry.js

@@ -149,14 +149,14 @@ const GuxColumnManagerItem = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '6d9407f9a83665ad211578bd71092c8819bcb399', draggable: "true" }, h("div", { key: '7de5359beff1e462dd133d31a4c778204b0a3f5f', class: {
+        return (h(Host, { key: 'f2cd78c117f774e87a90de253a607ce1176ea52b', draggable: "true" }, h("div", { key: '828474c457c8c2603e8797afc13d47c3ce951458', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '6dfe4fc21eada9b5374ccb94cdb2473e52256b22', class: {
+            } }, h("button", { key: '0783664045ca9999af0f767e635acbb2460f2f4b', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'cddbf4d959270062c6b43190eed5c6124484253a', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '28875a8fcf4d8e03734afbac8379be76916ac236', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'c2c96def2a01df9922a2a5009fad8fec49442775', class: "gux-select" }, h("slot", { key: '1cbae9f6ab0aa51925b5a96300d3e88f92ce067b', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'b8e550c27b37e7fda2abf7e74489b8d72058fd91', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'd6ae4ffe0dcc6be631da62f60a701a47836ea8e0', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'dcc7e788afd52e66291cdd925455f0a4d005f7eb', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '417c1440be57c011c1badc6daf3784e3aa8e1bf9', class: "gux-select" }, h("slot", { key: 'da570867c0909992d5f00c06ffd2c3717dd94198', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '8a42e0702ccb7df121c1c8f98a26ed9d92d842a8', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-column-manager.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, a as getElement } from './index-CjVJoR6g.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { g as getEmptyKeyboardOrderChange, s as setKeyboardReorderPositionIndicator, a as setMainCheckboxElementCheckedState, b as getNewOrder, c as getIndexInParent, d as getNewKeyboardOrderChange, e as setHighlights, f as setAllCheckboxInputs, h as getSelectedColumnCount } from './gux-column-manager.service-CB2ijDRX.js';
 import './get-closest-element-Cd4R0amv.js';
 import './clamp-CcCycvZh.js';
@@ -110,7 +110,7 @@ const GuxColumnManager = class {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '40b00dccbbc3b9dd2d79f0a7e558a592e7a647c3', class: "gux-container" }, h("div", { key: 'b5fb241078d0acb83118b016e3b667fc54e2f31b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '2eb3f96dc3f109dcca02466eff1d9038ea2dceae', class: "gux-search" }, h("gux-content-search", { key: '8c86cce49bb3ef53bc548c60bd80d1ca648f1a11', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '3d9a303ef7e13e3bf049009616d78ac03fd268f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2fe55a8bc3f231ee7901723912c6e2f439ea27f6', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'd5460b9363adb42f5a59b03771850aecdfa9ae08' }, h("input", { key: '93d46d6f32a95b9e38046e95ac419b238ce0cec2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2bf04216379485802176367913dfb3943a7f7aaf', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '77332327dddcdbd52f4d4fdfd7779b2eb86dd347', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '1afc970e4de08ab42a607d790a3ad25c4f816c8b', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '5923c285545fe76641d276e51e7f257914912b7a', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '0b2c8f0a66cca67325c3d58f325d1a2f5365612a', class: "gux-container" }, h("div", { key: '7bf3280cb92a91ca35a95e89ede8f3b622169a7d', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b54577048da6aaff0b13847761df5a01b6cbc2e2', class: "gux-search" }, h("gux-content-search", { key: '0a762fdeffef88877252832b6a6c342836c6c24c', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b1dd9eaf293f4f6493b55977970a27b677b9951b', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'd13677890f61d9c2acfd205b9c5fcb637fbaa4e5', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'd8d2c203dab6ada51ff810404e7d2c5234f7b8b0' }, h("input", { key: 'a9bae443ea1e263e71f76c806c4f8f97a03711c7', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '906214e2ccd42eb232b3e0a709984eb361e28afe', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '484e7774568e0122aeafdee59d452dc47838e4a2', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'a7632a59deb498f81d5f51a1a6e7596e167d4c53', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'b839ad07457d0404e3fe7d007fbd4437ce3a30b7', ref: el => (this.announceElement = el) })));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-content-search.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { a as onDisabledChange } from './on-attribute-change-De1NnCmO.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
@@ -65,10 +65,10 @@ const GuxContentSearch = class {
         }
     }
     render() {
-        return (h("div", { key: '63572ad234bac3b3b9f681995e91adf7eb54f414', class: {
+        return (h("div", { key: '7aaeebd634cc4867e69b12a05c509e876e65f74f', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '3cd33bc529e14d1ffbbadcbdcab3f26a7195033f', class: "gux-search-icon" }, h("gux-icon", { key: 'c1b2f73a5bbc7e8e860f5dfa7738c61ff08d023c', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'b2b977e60fb69886ff85be6911d212513cc3afd1' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '359b4f7bab27f2405f921c1dd0c0a7b906f300c5', class: "gux-search-icon" }, h("gux-icon", { key: 'b2c55637d3cb011938208976fef8db8e24da5fcf', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '7032861829a3edd04d7d527415b447112e1747c7' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/esm/gux-context-menu.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { O as OnClickOutside } from './on-click-outside-CQ9-ZPII.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
@@ -144,8 +144,8 @@ const GuxContextMenu = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'bd1eaa8a09307fe0b60382908b6979863bab69a7' }, h("gux-popup", { key: 'b421a91f27fc08d60b560bc25f5a5a003257c9b4', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '123af2600cfa9c9a75fc58be7c660b66bd38aaf1', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '5057daf882f0fb9e9c1c68f58ee0508322b75df0', accent: "ghost" }, h("button", { key: '82fe5034eb87923ec8be7e0bfbc87a0f55f392ef', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: '14793aafd38222372bc11ae85a08a259b6e35cd3' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'e18167df43a3c760b67f0333f1ab22cf94141f1f', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '26e208572fbc62b91feab22d7e77e7365105c6a0', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '282dcf2e475722ce1612ac45ad371cc0618f164c', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a2d238931c1e69fb371fa1bcf31cba104dfe7833' }))))));
+        return (h(Host, { key: 'ec21cee5229d03d954215fa1cd9c7d4b0d13bc5c' }, h("gux-popup", { key: '9a7913e35b2d0d589b17450e8351670927d2be37', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '3e3e37be9a5c16bf503aacdd1f33d8fcc2e8b10d', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'ff699d4e303a6792ab4c943255c10d30f732501e', accent: "ghost" }, h("button", { key: 'a64f24c3a96e547fc3922f965ac55895397f83e1', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-screen-reader-beta", { key: 'ad3cba0c48dd03055f0c421aa1c579b6a8f9f141' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '355308539f9feb0272213912070a5a83b67ff3c8', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '8dcc7575c24e8fa73f54929da55ad607c483f568', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'de92533b2acffee5b5cff4842be78210a29bfd40', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4eb78e3b5e73f013ecbda35005fafba6d5e93dd6' }))))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-copy-to-clipboard.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -62,7 +62,7 @@ const GuxCopyToClipboard = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '54619cdcafae85606ec0bc28e26e4412c1fe0449', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: 'bdda0698b53008fcb128607fb9d48439223fe15c', class: "gux-copy-content" }, h("slot", { key: 'eec8dea065427cebfc089d5e9a02f4cdc9ed882a', name: "content" }), h("gux-icon", { key: '464b0f7be9ac164d1da7b9d76ed0e6fd01ebdf28', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: 'e4ab87600485394543ac4e08917231bc6199a9d1', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '792fdd6405f84d3812701cb3c5858136aaaeef10', class: "gux-copy-content" }, h("slot", { key: '61acedea804d404d08ec6802f6f632d66c556f5b', name: "content" }), h("gux-icon", { key: '0e4960438dce436f33bba049e6bdb6509d23d5ed', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-create-option.entry.js

@@ -44,11 +44,11 @@ const GuxCreateOption = class {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'a952cc8f49e7fee60e4ea4ce823ef08f05bd1248', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '61a93e06bff2a61ad5609969e65894136913dc96', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '71bff1ab2831f99fd51f8387382cfd3dcfda2c75', class: "gux-option" }, h("gux-icon", { key: '888ea5a49e23558361f68fe6b21bd496bb9de1c1', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'aa201d37ac115b2318a2e30c329663852d5ba8b7', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'f09b6c50ebb109d49875b079329230c23c21f6cd', class: "gux-option" }, h("gux-icon", { key: '5073724a016f254ea5abd4f4fa87fd969eed664b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '70192141244d7ce1568821b2ca0470db2b4ee8a4', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

package/dist/esm/gux-cta-group.entry.js

@@ -72,7 +72,7 @@ const GuxCTAGroup = class {
         this.validateDismissSlot(this.root.querySelector('[slot=dismiss]'));
     }
     render() {
-        return (h("div", { key: '5576ee99bcf6a2ff0c226876e6cc00295155e4db', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: '468e43fa8cbbff075886c971495d20c4579eb321', name: "primary" }), h("slot", { key: '447fd8ce5b2c9cd176eb4408e9e29773364bfcef', name: "secondary" }), h("slot", { key: '807bc66212269fcf96bb0c8fb50fe1a2fb37e35f', name: "dismiss" })));
+        return (h("div", { key: '1a13e0cbbec482fe85735ea27f724d2b3fd64dcf', class: `gux-cta-group gux-${this.align}-align` }, h("slot", { key: 'd2c23840e405df9a15f989fad7b6db8057412832', name: "primary" }), h("slot", { key: '57e6352df29b3dbf5ae0dbec74454bac2d74bab5', name: "secondary" }), h("slot", { key: '33d077ed94e57849ae71ba5cac3b0717f5551e59', name: "dismiss" })));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-LDHU1yLM.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
@@ -44,7 +44,7 @@ const GuxDate = class {
         }
     }
     render() {
-        return (h(Host, { key: '5315f6a363a5e70f1fc4d738070c62a8da43d9dc' }, this.renderDate()));
+        return (h(Host, { key: '47ce4513847c45d644afd9ee4ac3d97ce3ab8090' }, this.renderDate()));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { D as DateTimeFormatter, g as getValidTimezone } from './get-valid-timezone-LDHU1yLM.js';
 import { d as dateTimeFormat, a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
@@ -45,7 +45,7 @@ const GuxDateTime = class {
         }
     }
     render() {
-        return (h(Host, { key: '37765f697ec0251640334a139a449d98fd690145' }, this.renderDateTime()));
+        return (h(Host, { key: 'd27f9276ad3cd26f5326d35d0f178df2d4e98345' }, this.renderDateTime()));
     }
     get root() { return getElement(this); }
 };

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

@@ -4,7 +4,7 @@ import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
 import { f as fromIsoDate, a as asIsoDateRange, b as asIsoDate, c as fromIsoDateRange } from './iso-dates-aKaDsw_5.js';
 import { O as OnClickOutside } from './on-click-outside-CQ9-ZPII.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { g as getFormat, a as determineDisplayLocale } from './spark-intl-BnH2RPHP.js';
 import { u as useRegionalDates } from './use-regional-dates-BgaA4g76.js';
@@ -675,7 +675,7 @@ const GuxDatepicker = class {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, 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 (h("div", { key: '83d40dc06ae31ac587af06be521dc77740eec320', class: {
+        return (h("div", { key: 'e44976f9fc47f907642306ee3caa6a5426756c20', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -59,7 +59,7 @@ const GuxDay = class {
         });
     }
     render() {
-        return (h("button", { key: '00137b970c9b0bb073a4a2e8d91342b6aa84e5d9', type: "button", disabled: this.disabled }, h("slot", { key: '880af6fd3e5ed42cdb03db8ab33838ee90e2228d' }, h("span", { key: 'a7f5c5264e46e9f55023453af83f1f54bf1bf086', "aria-hidden": "true" }, this.date.day), h("span", { key: '8ddc339f1c24137f487e6e3fd0fba1366605fe27', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
+        return (h("button", { key: '2d8305937c7a53c11099218aaca046d3d934789e', type: "button", disabled: this.disabled }, h("slot", { key: '74f5bf6960078fe2fb6eb8c5bea1512704af8d5b' }, h("span", { key: '2b69325ccee65e6e2c969d7fe27081ec2bcb656a', "aria-hidden": "true" }, this.date.day), h("span", { key: 'eaf3c54e0e9bc3b297ca1259250e3bc8abce0804', class: "gux-sr-only" }, formatPlainDate(this.readerFormatter, this.date)))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CjVJoR6g.js';
 import { r as randomHTMLId } from './random-html-id-D9jKBqIb.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -53,10 +53,10 @@ const GuxDisclosureButtonLegacy = class {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: '0b8cea3a84571b4fe3f17b3014d23cd633ec5b8b', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a0c5ec5d60732c45cb6dfc1ded29cc3606e5506c', 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" }, h("gux-icon", { key: '341914ea5445ca35182df6cd9278f01c9834d48b', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: 'e0bf29da162a53397fad88b59c854b4830d51cea', id: this.panelId, class: {
+        return (h("div", { key: '4007fc3f816b7d6bb0eee60e8257eacdfdcac44d', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '5d1a4bd9cc93246c63a3256fec2daeea75506ff7', 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" }, h("gux-icon", { key: 'bffcda543cb32797bf65eaaafa0dd782f4a9c07f', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '2f3c31f65f797d6077407d1182666224e7c7611c', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'ac46464c66fc5e05b203c4db108241820ec1d323', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '605a646db0cd06bc76c52b2aad40765506a209f9', name: "panel-content" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -21,10 +21,10 @@ const GuxDismissButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '1a7708b59c70c79ed919e2873fd4f153ce901c10', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '4dd36dc32b0affd8026366ae45220e9e2b4bcb33', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '08fa407f754962c86794799450e3f45a38f97fd2', type: "button", title: this.i18n('dismiss') }, h("div", { key: '32fc71dfe0fdbe09451cde2cdb44b976ab8d9ebe', class: "gux-icon-container" }, h("gux-icon", { key: '0c1750a285a74832382a28c85b889d166b53bd0b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: '44e2ba7d724cce5d899af0b64bba18ededfbac2e', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'a12e9252fc5d7740a431e93a47c1559b7ab9150a', class: "gux-icon-container" }, h("gux-icon", { key: '6c95aeb37174259a4dd9cf6b13db5d6418bedc0b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -46,7 +46,7 @@ const GuxDropdownMultiTag = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '42492d83dbea4a38dc4bbe0652380c66ab4bf7d7', class: {
+        return (h("div", { key: 'f0c0d9968836e31c4c6ba96fcdbcfc28c514c3ac', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
 import { o as onInputDisabledStateChange } from './on-input-disabled-state-change-Cb3FOYGS.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { c as convertValueToArray, s as setInitialActiveOption, g as getSearchOption, a as getOptionDefaultSlotText } from './gux-listbox.service-C9MGEoP7.js';
 import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -435,7 +435,7 @@ const GuxDropdownMulti = class {
     }
     render() {
         return [
-            h("div", { key: '0e869259af3b4f43473cb563f169784269dec749', class: "gux-dropdown-container" }, h("gux-popup", { key: 'ca1c40874385c904dbb3f97f1cd7f4f953e2a4cc', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '49ec4d58b2ba018871c575ed610666305957df7a', class: "gux-dropdown-container" }, h("gux-popup", { key: '2aca6903d81aec24795163038b47812a2214fb89', 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/esm/gux-dropdown-option.entry.js

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

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

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-Cb3FOYGS.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { s as setInitialActiveOption, b as getListOptions, g as getSearchOption, a as getOptionDefaultSlotText, d as clearActiveOptions, h as hasActiveOption, e as setLastOptionActive, f as setFirstOptionActive, i as hasPreviousOption, j as setPreviousOptionActive, k as hasNextOption, l as setNextOptionActive, m as actOnActiveOption, n as goToOption, o as onClickedOption, c as convertValueToArray, p as matchOption } from './gux-listbox.service-C9MGEoP7.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
@@ -380,7 +380,7 @@ const GuxDropdown = class {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'c2672a5985e694e0e6ed7789efe0282619cfb56f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '2bb3ff99d9c209b939208b34e0b1ce31085deb6e', 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 getElement(this); }
@@ -605,13 +605,13 @@ const GuxOption = class {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '1cd58023d7aabfe7be14cc2b1ba8128ee79ad75f', role: "option", class: {
+        return (h(Host, { key: 'ec21be1002f3280612de75e37db95eb6972593fc', 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(this.disabled || this.hasDisabledParent()) }, h("div", { key: '77a46069a8a6d24ced60cd9f3f3098f8b562c895', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a77b3bb3b0a9356d9f4e75a28ae325beaeb304b3', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'b73597354bcd5e4c904cb0d35a60019f1f057d75' })), h("slot", { key: '28893950327aed82016a5f0584228b5838550906', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '69c26d456a4f74f169b2018fd03525299fa5149f', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1c3c096df3bd18259cade9903165839d681377a4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'f03c6a93e3d1764634aef45e40069e3be586c88d' })), h("slot", { key: 'd15ee648db04cd5ee3cd065abbb0dedf9a631c3b', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, a as getElement } from './index-CjVJoR6g.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const removeFile = "Remove {filename} file";
@@ -27,11 +27,11 @@ const GuxFileListItem = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '74a67e3eb8594b03e2e51107ba5d253bf6cdc358', class: {
+        return (h("div", { key: 'b47aba3e75a09821c83dcc3499298ab6a98b38ed', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '982761871ea387f92c3f4043029a17e829e6d0da', class: "gux-info" }, h("gux-truncate", { key: '7ec0bc6695144d62d316e1be0947be6991310661' }, h("span", { key: 'da1dc4d9381b52ed0d837fa343225b80b5fdbd2a', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: 'b36058c180ead4995b4bc14ac607f59b979cf75d', class: "gux-info" }, h("gux-truncate", { key: 'd8683f76ea7ec4f85f81b5e369bf344ef4c112a6' }, h("span", { key: '080063807fb5d76643be9d75614fcff140183695', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -514,7 +514,7 @@ const GuxFlagIconBeta = class {
     }
     render() {
         var _a;
-        return (h("span", { key: 'e488c774dd3b3063cfd8a09ac5cac04ed48e1ca0', 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 (h("span", { key: '2fa7c48d91b5581d5ac27931eb197a52813917ea', 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/esm/gux-flyout-menu.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
 import { a as autoUpdate, c as computePosition, o as offset, f as flip, s as shift, b as arrow } from './floating-ui.dom-C8aV-TzO.js';
 import { a as afterNextRenderTimeout } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { h as hideDelay } from './gux-menu.common-QGDBFOq1.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
@@ -188,10 +188,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (h(Host, { key: 'd893f20c48ecbc0c53f9319f8deadf3a428414cf', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '35d32a4b15afd7c0fb996a97c1f68b7db8f40555', ref: el => (this.announceElement = el) }), h("span", { key: 'a34f3e5d8fc034acd1ffc90abc46d508f85a0f60', ref: el => (this.targetElement = el) }, h("slot", { key: '4ecf54d39a0d05cdec319e5025b92c39358d9b99', name: "target" })), h("div", { key: '05383a9bb129a126c92b74840685a1585244c763', class: {
+        return (h(Host, { key: 'f44087172d523b19565862d887af62c87703d195', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '3c7a54c210b50b5d865ae63ce946ad1cea19f4d8', ref: el => (this.announceElement = el) }), h("span", { key: '5b993a7d3d0b5ecb0de0c7775a102a5ff48e4f13', ref: el => (this.targetElement = el) }, h("slot", { key: 'fd2317898eeace1aace1e1100d7c4cb62cccaf08', name: "target" })), h("div", { key: '33fef6a19029d6f52e0b751bae14001ab43ea3ac', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'daa499414605600957060b3837a0a2b743d85834', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '8c38119f8a339a3d4bef713fdb663a5ee2071891', class: "gux-arrow-caret" })), h("slot", { key: 'e34b4d2b8d82f78ca3b6121626f511c6209ab209', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '9124f04d2e45a8def507545d4d85c923ad63851e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '0ec8d0aa4c296241ca7849f787b39de7988c6e58', class: "gux-arrow-caret" })), h("slot", { key: '88c0caad6367e10633cb003f2e6f2c974e88a77a', name: "menu" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -5,7 +5,7 @@ const GuxForm = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: '3c3232e7936c953ba4ec7c084a51deed16239d67' }));
+        return (h("slot", { key: 'b58d344688d69633370ea9ab2430371df41dd493' }));
     }
 };
 

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

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

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

@@ -7,7 +7,7 @@ import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './get-closest-element-Cd4R0amv.js';
 
 function setAllCheckboxInputs(root, checked) {
@@ -192,8 +192,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8b23a6004b0b565409f77c8d8f76268777e4a46a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '8db961d61792294a029105c59e6c6899cc0f824a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '122b2a5e72978b9270d18250deca99aeab059964', position: "above", required: this.required }, h("slot", { key: '672ea692498842082ce1280e14b73e076985873d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2c1265810dd5e1493c16d6d38e6c649eb211adc4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '21198558848aa14c73100f96f5d24e0174e34ca8', name: "group-label-info" })), h("slot", { key: '24253f95315f0c3772af65205841142f24f55c3f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '454967df941b0b97105fc9b0d9570e068123eb6c', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '2f202060aef97b2a3b0102141208519de48e2fcc', show: this.hasGroupError }, h("slot", { key: '9218a8634edc62dc2858c7a5fae894884e86d3fa', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c8f856367bf01b0549c4d85f767daf4904b61e32', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '88d4a2a31f3900876ddfedf0e159bf483058e388', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '0008f4306145c9b51e9d946841c2ca1eeef7717a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '3cb512f031a686e2b7dbbea0e53cf2e97f36602a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '016ad5f0eae620e3a7303fc54425ed36d69bfd32', position: "above", required: this.required }, h("slot", { key: '5a311e17c633931176d3cd58f8db53fc17da5b34', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6547086df5b74d8c3d8d87be3ea47cb5d6e004d9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '81b27b9717495e267b11f5dec0d8723c46d6e7ce', name: "group-label-info" })), h("slot", { key: '584266bcedb775c2c9b27dedecde891a90b91992', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '86eb6597cb91cde530d564c99f6d971f600eeb0c', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'c875b2f283b6040e19cd0fa245db6ad160ebbb84', show: this.hasGroupError }, h("slot", { key: 'c421bad73080cf0156215ae3caa225fe7bfafc5a', name: "group-error" })), h(GuxFormFieldHelp, { key: '7bff612fbfe739d91631d2c810df2c2672151b6d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '5d23155a3bbb4edec3cf985bc19c88ba3d924544', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -4,7 +4,7 @@ import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-PYfNAK8p.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -47,10 +47,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ac4c350f3740263e087855405893c8591473a343', class: {
+        return (h(Host, { key: '4d9630ede06fb0989481b0f589def995c272d4a4', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '9023cfe2c3a229ee02eb17400be384f4cbf3233b', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '50a2e44fa492a7ec498a9bdba632b6218a7417c1', class: "gux-input-label" }, h("div", { key: 'b05f4cff4e554ec83c54e25bffde8069d78e5415', class: "gux-input" }, h("slot", { key: '56084fd218eb3abd754c5895651f6810d6896d21', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '3ece0f8d2c67e58e4bc94f712feb99078169387c', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c3aef0651560c3e59249f858151b0853471f631f', name: "label" }))), h("div", { key: 'a18261d9885b2d5c47446e1622e7d900763c2d71', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '24254244b3e22931e9ea21f018427edfc4abb9df', show: this.hasError }, h("slot", { key: 'ec6bc633e1b9ee7fbd8c4f93291a6ac8ab3021a3', name: "error" })), h(GuxFormFieldHelp, { key: 'db3d45cde0904532a1e1167005ede49b34037836', show: !this.hasError && this.hasHelp }, h("slot", { key: '593347068a3eea028e92ad19d29f82c0e0bf872e', name: "help" }))))));
+            } }, h("div", { key: '092cf0d03dcfec769c442a2ae0ae839fd51e23a0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'a70e4938842857fa1197e0e27fde900531931c53', class: "gux-input-label" }, h("div", { key: '56a26456c1874e6b95e8a9bcebd24ad00c81cba3', class: "gux-input" }, h("slot", { key: '1977afce7fe112fa5fd9fffdd932b0e9726463d7', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a2c123ddbe72a247009b57f3165db8b5999a8df4', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '7953cee6f008f3b4e7d5b26efe0055447c21d48d', name: "label" }))), h("div", { key: 'fc6601d65352a4c5b3c51cb868f38272950808e2', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '3a41894d1e687f8349caf6ce97e5db98dc85156a', show: this.hasError }, h("slot", { key: 'c7c0c4b9c87e86ccf49c1f0f88e53b7f7bb3ddf8', name: "error" })), h(GuxFormFieldHelp, { key: '40d43775a46cbc809b4f9ec1cee434a3f033924b', show: !this.hasError && this.hasHelp }, h("slot", { key: '7285032fe39638e54f10166670f0262103b41866', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -88,13 +88,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '009071e57535069390977cf3fa16634c6cfec3b1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a0fd7c2dc428b51420691343018640756785f4fc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'db59300b54ae433e79aebd5ef1fc8e4550923c19', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bb7b218d7a69c2259daeeec531b416dc06bd9d39', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64839ceb647c9d3ab4ee253fbce623c34e30667e', name: "label-info" })), h("div", { key: '733b26f89217daa7ccd6e1f0b1389c693f9f55ac', class: "gux-input-and-error-container" }, h("div", { key: '19edb2af7d6a25f417aa1630f4dd3e34bd361d8d', class: {
+        return (h(GuxFormFieldContainer, { key: 'b0dff68fe51e564a03de305463201bda9b0e6a02', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63047e23a939942a6c8c052b304c4e9c97f05ecd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3dc3778704883f80e9c9095bff6e9eeb44b9b557', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'dc90b7fa687fde89265ce7f831aa0dc203bb5260', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0985e952104b7b4eb671d7e2d8694cba80de5d2d', name: "label-info" })), h("div", { key: '3dbdee93b27211f1cdadf3cabb8b41ed9c651105', class: "gux-input-and-error-container" }, h("div", { key: '1c93f6789571d4015631cd45bcd137333316c116', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd247bade16d24fbde33c611f4c7fe51fdce8985d', class: {
+            } }, h("div", { key: '18d1bbbaf82b756aa81a0412da7ea6ab1eb4a420', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'bd3b018e1071a311102ea243511a19e0982005bb', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b03b984c0b3feaef0803a5f571afc56a3c37fcde', show: this.hasError }, h("slot", { key: '57801109ad4729741e45f1cb72cd2ba9fd54206c', name: "error" })), h(GuxFormFieldHelp, { key: '9200f9e6c13fe5157cd03f1125de77936dc328f0', show: !this.hasError && this.hasHelp }, h("slot", { key: '93e90b066b4c0aa6132361133af439d0bf962c0c', name: "help" })))));
+            } }, h("slot", { key: '7f8a5b88d5f593a05d272c69deebbf57ecb46139', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b457a9c40422980f9f3f82b28ac8e5bbdfa286ef', show: this.hasError }, h("slot", { key: 'c46ba6ed3a74062df00e9c15ac0c1ddab1df7351', name: "error" })), h(GuxFormFieldHelp, { key: '166ad2fbd5e9a4e52da024143686f86acd6a49bc', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c9ff51d12dd65b521cad5fda710a1463f534a93', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -7,7 +7,7 @@ import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
 import { b as setSlotAriaLabelledby, s as setSlotAriaDescribedby, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -108,11 +108,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '9133ae32d20ad4a621a0bbb7a94dc2f9e8ac613b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '71e21aa4cd76a7912b1a134da24b6eeca7613afd' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '1082853d5b066488e3fa4fd967fced44a630bd36', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c485afd80404797870c381d2c7bc4874a38780e2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4bf6fe4371dea4ca230c06d5fa92f515397631dd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '82a497f939b66fd5e02c603418cddb2a1ff45998', name: "label-info" })), h("div", { key: 'b58671aff9f09554d4e787d20a68b459bcb27024', class: "gux-input-and-error-container" }, h("div", { key: 'cf6c229fe7eaacc9846171dcd8ab8efb22c25dd3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9b8e6f530c3b896b9a177f39a86dd342ad0fc88e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '031877e650e52579b04c750a86f1381e8b700311' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '8f60ccb8842ade0059c9998f881b1001ef2fb346', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c1c402deebbf59c0977b0ddefefc27ac905ca3bd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '359e75b7f0559b66d23da4ffb7564227be74a73c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '356139fb417dae95e36187d8535b485a075cd198', name: "label-info" })), h("div", { key: '74355f1c441d776bbdf7066b66333d3258e29e8a', class: "gux-input-and-error-container" }, h("div", { key: '74964d2a08702dafcd6e65143c555629150441bf', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '7626416d34c71ffd354e5648731bab5262c26c15' })), h(GuxFormFieldError, { key: '10e61c6dc2062a99e6a5f56341b7736f5672be60', show: this.hasError }, h("slot", { key: '7f82f3c3c0594aa3c70aaa25b8ea665ae5fc03f1', name: "error" })), h(GuxFormFieldHelp, { key: '54f1c9da9894d8a6405e8f985ee174a6a9dc528e', show: !this.hasError && this.hasHelp }, h("slot", { key: '83ef12a54c7dd12750f980a8cad7627d0f1969fd', name: "help" })))));
+            } }, h("slot", { key: 'ae25e5ca93f4829c3454214a901fed8ff5491d4f' })), h(GuxFormFieldError, { key: '0bc8594363370e78b6253133c0753a5deda48ed4', show: this.hasError }, h("slot", { key: '0ee66b41925aac4e6471b7558df0317a9f2178fe', name: "error" })), h(GuxFormFieldHelp, { key: '0602a0988288d08558c9953b50fcb47cc9045dd6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ef1bdf9597df3d19c6f065127a832abb2acff611', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, f as forceUpdate, a as getElement } from './i
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
@@ -111,7 +111,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '02dcf74825ace95fbe008f9c0bc27110e70cbd3b', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'ce34c0744dfb380228e8f85b49bfd34e6b9c46af', position: "above", required: this.required }, h("slot", { key: 'e6b0be9ab1d522dbfadaf52a2a616e477d536eff', name: "label" }), h("gux-form-field-label-indicator", { key: 'c728afc13e494f18d65404f835ef0e8093fedede', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7af682a968e63b01393a4effa5b1741834c7cd79', name: "label-info" })), h("div", { key: '9e8c1a5709bbdcc3c94ac6ea31b56a13387fb293', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'e5e7e5a204be705f7554d2f5934c5d1349fde81e', show: this.hasHelp }, h("slot", { key: '859d83bbfa4feac37b7778a7f91f234fb36c609b', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '458d699dba91973c48c544eac9b7e42bb7b753c6', show: this.hasError }, h("slot", { key: '7d3adfeccd61ad7148ed8bd363f73416c56c3079', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'ba38fda53131cdb2eeee7f2373c79ce06d437dfa', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '3aa225ef2b476e13565ec227a88b2a765e703304', position: "above", required: this.required }, h("slot", { key: '897b7e8e9a445ff71d2c7771ba80a7507ced4112', name: "label" }), h("gux-form-field-label-indicator", { key: '27af774a5a6b8f57a03a302c9e47aa37085adce5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a764e9b5f5e41b5577faa39817b231bb1a7a4816', name: "label-info" })), h("div", { key: '07a739ceefce691a6fb1fabfa7387a541810aabf', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '6313af94988ede0ca0d93e5f0d9f0921200b0724', show: this.hasHelp }, h("slot", { key: '90b799ab83fb1f358a0018479279679f240d4526', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'e5365d0a9baf0f49e6a48995efe38c00269bc59d', show: this.hasError }, h("slot", { key: 'dd23717f4779bbfe80c34d5434aee22d3bc35cf4', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
 import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
@@ -106,7 +106,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'e0bf36a5846108b782d45d69d546df7968c27be1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1e38a2db5962d0594b9c4c24b5cbfeec54e10a9e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cadd228e2193bfd3dc6fc683567798585a43a970', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '274ff710fcaa93a43c8745733ea8b6ad7fc17886', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a3769af19bd4ac5ba366b2665b94b2aecb52e6e2', name: "label-info" })), h("div", { key: '369144c92e017294e9239a789512f33cea2ef30c', class: "gux-input-and-error-container" }, h("slot", { key: 'c3404649dff37d36d99f3ee0e0fabeec595e56c6', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'a611431c330b59cc6c3f10a3f61ece178d025c12', show: this.hasError }, h("slot", { key: '29a75e190160ee14011b962724ba9f79913e938a', name: "error" })), h(GuxFormFieldHelp, { key: '34871d72bea59b39c5c582134c5cc9a44ccb448c', show: !this.hasError && this.hasHelp }, h("slot", { key: '69868bad03f1cb80e040723946677e476bd15efc', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '87fd01d5f4f842e4a60a3fd8903b1f47a25fa87c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '768146a270b2f9c795818e50eb346e9ef4c0f18e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '41d509f25e61218e8ff44205e0066efc9871c48b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b18a6439eb3e331eadc8befe7d4a6625e5a2fe78', variant: this.indicatorMark, required: this.required }), h("slot", { key: '019080783c0879090b3b20df3c34a82fee01366f', name: "label-info" })), h("div", { key: '09756ffd657327ec2bc2a8ae5e39b2a5cf33ecda', class: "gux-input-and-error-container" }, h("slot", { key: 'ff1bffdc217f9eff4caead89b0ec19179e9c0669', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '7623a79ff314b2286cdcf03c00e964e317627414', show: this.hasError }, h("slot", { key: '1b29ff15208bec388a11900e21f81e5b60300211', name: "error" })), h(GuxFormFieldHelp, { key: '4fc70bf6a7764f229f4a46bba5cf4ec3e0f5394a', show: !this.hasError && this.hasHelp }, h("slot", { key: '42030254f9c567f2b9aa7aaee0a5458cb08583d7', name: "help" })))));
     }
     get root() { return getElement(this); }
 };