genesys-spark-components 4.33.1 → 4.35.0

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

@@ -8,7 +8,7 @@ import { h as hasContent, d as clearInput, G as GuxFormFieldError, a as GuxFormF
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import { t as translationResources } from './en-25a315a0.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
@@ -80,14 +80,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'e7e0f810ffb787325a1fed5a68d58906a3a01b84', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '68a5584152dc3ec8e673265b7aededac6f0292cc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bac13572e3e534a12599ab43cda179e3838263e3', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '4cf2d41286d48bc45a1cface25ee5ba51ef95f2e', class: "gux-input-and-error-container" }, h("div", { key: '849a0db84bd945508e94fa16e00e29d9c0dd1549', class: {
+        return (h(GuxFormFieldContainer, { key: '3bccd8043ddb250e8f40637b494e34debd73b817', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ba636b58278fb46edc3bc3c77bdef9717acf9b70', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bb0facdeb8535a40d130bc4021108a375dafd035', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '0c087b09a172d1d185df038fa909b9419c04293f', class: "gux-input-and-error-container" }, h("div", { key: 'cf2a88b8c77b4388605674177020e8b84223eedc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'b6ed3de9bd5eeb505863112c2c8bcfadcd02b463', class: {
+            }, part: "input-section" }, h("div", { key: '268b1a328008ba368837a6218afa1f19966c8559', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: '21824a477b0b26e6925dd51747ea0023c74232aa', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '315a25714840051627acaa4f926b61f6de6f589e', show: this.hasError }, h("slot", { key: '1283e755f38ce3bc46d50084d3ae5619e43c625d', name: "error" })), h(GuxFormFieldHelp, { key: '56d1b8063cafe8416982fb57a6cfdc2f8a9f6b6e', show: !this.hasError && this.hasHelp }, h("slot", { key: '76e8f17069fec173b73e683a7f48a80d7414a97e', name: "help" })))));
+            } }, h("slot", { key: 'fb1d0b95d53bf0c3b7e3e2b5fde9b629c21bf135', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '1fea1070b52acea88b61beef1b99d9a5f5787732', show: this.hasError }, h("slot", { key: 'cff95a06005b48601b1a0c6b2ee6a21b4338ad16', name: "error" })), h(GuxFormFieldHelp, { key: 'b40563bd805a4ffea95008218b23d31d5de8525f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'de4a7c55dc4e6af39bda4392e9bdcc86bdb47582', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -235,7 +235,7 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '83423eed41204911b58b37a338e682c03e9a570f' }, h("button", { key: '3536d4848966ff1176cf8306549fdabf174044c1', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '6905473b5ab0fb0d2900f07fc72b322149cb9bc3', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: 'f4f73ef51c47bfc98606421262fb529f3e0b75bc', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '79680022d1a435ab45e484b81f6f95141e476dfd', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '04d5077be86f1b402089660e8c564c1fa65d59e4', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'cca4a6bb2e41735a43bbb7ad8670a995cff2560d' }, h("input", { key: '168c0cf089b8e9418359fb5fbc78187e2da2af65', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'd114c2cf70707fd944464e5839df30b5ac99f669', slot: "label" })))));
+        return (h(Host, { key: '27f46ece4cba80658d3e8016f0b84f6c64e4b089' }, h("button", { key: '4bb71628d7af04c803cbaadcfc8e094ec3859545', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'df8660dafad9ec7fa9c07ea29641fc95eff77490', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: '9720ab867db23b99b310dd4a7b405516e737c6cd', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '03cbfc67816a2304fa5d77fdf8b507b85b2f0a86', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'c4bea0e355cbb77f1681e535db90855fde06355d', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '88aa6e5a294a563d8f1b4e43d21c74ee753cd1e8' }, h("input", { key: '7ae93a73e7a2b6ed6911a87a168d0a511740d764', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: '6d5d5b9a81051d81715e2df2157ff0e4f2fe4af7', slot: "label" })))));
     }
     get root() { return getElement(this); }
 };
@@ -376,10 +376,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '5e008928fc28e73afe5cff8bf2b320d873a75ec2', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '8f5b7cfebe4481fa8248473d20433f9f56a0ad13', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '621242dccaed28d26f3400b4ce5db056f0366ad2', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: '0e64d2999a7a04dc54f7a7202986c20d3af94e5b', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '1fd806a7b09ea20160ea63240862de369f6b738e', name: "title" }), this.renderDismissButton()), h("div", { key: '6e7463b8168f1e0b01e7657698aefe3215f89a47', class: "gux-popover-content" }, h("slot", { key: 'ea191ccadb261b1539c25672a9e58c624909851d' }))));
+            }, "data-placement": true }, h("div", { key: '3baf7a504892aef49c78f4c9c227341554b2037e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: '3369119d45bc4330e70abe72b917ea90afc7e275', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '7b7c1a2aa2126a8118be1d829152ec2b8443b544', name: "title" }), this.renderDismissButton()), h("div", { key: '99bb19c0b2c20bcdc11fd93e870e8b4b036b7933', class: "gux-popover-content" }, h("slot", { key: 'd2b6ba0dc948e0faaac740a9ac71410516b6a30a' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { O as OnMutation } from './on-mutation-1355c534.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-f42eabee.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -64,13 +64,13 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'aa099738226cb230f0840a0e1e6615b33f2f1e08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '039ba6268299ae6a219268a260250f78d2518fe1', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'a5b4ddcebe54959215023bf8628a8b61904d3dd2', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '9ebe34b182e41461c50b8015c8e48af4f404b734', class: "gux-input-and-error-container" }, h("div", { key: 'b0eba7357d020f9c6d04d709caf9ee5ec78b85e2', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '261d989ea3e277ea0ce02e3d5c07f06fa6d235c6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '561899806b6c42b323a25c253dd5bd72d451b0ca', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '0bbc046f8c5138245ca9693eb724ee77940f5f76', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '43f446b7a0f71333ada0241057a6cbe3ef57d8da', class: "gux-input-and-error-container" }, h("div", { key: 'b156b31b2e3e7c841ab2ee0dab8acef48cba7056', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3efd59cda87aa33594499d0c10adea4e31af2d73', class: {
+            } }, h("div", { key: 'd772c1b9c36b2c6c9ee57f7e21fd7480fa8e8fa5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '21f7ccabe004e25ab6197cea79bd7a1f6e266455' }))), h(GuxFormFieldError, { key: '0b6c6333ebefcb2f5cfe5ca2953d86633908d1ce', show: this.hasError }, h("slot", { key: 'e2cd7265b2703855b095fc3e77d40b25597c4b47', name: "error" })), h(GuxFormFieldHelp, { key: '7e80453580965e82153ac94da8f0c0cc5cdec0d6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ad376f0cf533fcbe5252bedb05ac30e8e3fc1615', name: "help" })))));
+            } }, h("slot", { key: '1329083c024cb7d3da47b7e4ce65690ae14ed1a2' }))), h(GuxFormFieldError, { key: '2895dd8068e25c349b4be32c68eacf50083e8676', show: this.hasError }, h("slot", { key: 'b57c7d04b0b8b5de60594076ab18c6483afa8d89', name: "error" })), h(GuxFormFieldHelp, { key: '15207e0903bf700bd38af101efb8590aec04ca26', show: !this.hasError && this.hasHelp }, h("slot", { key: '24e33a6cd89d656cb07e7352bc4c3776e8698427', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -4,7 +4,7 @@ import { O as OnMutation } from './on-mutation-1355c534.js';
 import { p as preventBrowserValidationStyling } from './prevent-browser-validation-styling-3983eb0a.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-f168cdd4.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -45,10 +45,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: '2316fcf30820a7164adefd30118fb15bfcc57d6f', class: {
+        return (h(Host, { key: '68383e72cc5da3051fc5c2899b4e4de83cd23c81', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '6ac179a6b25f91eeb91c7f9e17f0c4b9cf7b29c9', class: "gux-form-field-container" }, h("div", { key: '132b391a50876060bb1e2ee8fa3d36b714e8e3c7', class: "gux-input-label" }, h("div", { key: 'f8452c3495851fb218f483ab0c9321583141102c', class: "gux-input" }, h("slot", { key: '41dc059248ff0c1169ce584e12ad9b9fe99868ee', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ebb1c083611daf83eff7eb6a68fd78f6c48f4123', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'c138b06f73e4c50a01a6100453f9d2e60584a319', name: "label" }), h(GuxFormFieldError, { key: '15124eb6f2992766c25c8a2aa4a28c02c8af58d1', show: this.hasError }, h("slot", { key: '02bcb7dbaab53d25a7626668720a4732a8526a92', name: "error" })), h(GuxFormFieldHelp, { key: '58fa3e1e04431c27a5c6fcb556381e9f61c09a7d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'edd699db3516cfafb77247c78aca8d18647c43fd', name: "help" })))))));
+            } }, h("div", { key: 'ca9728d2abd9149e46d3646adc4de5e3f19906ea', class: "gux-form-field-container" }, h("div", { key: '2d6da742d4ad2ee25dc117c91467c2f7452a55f0', class: "gux-input-label" }, h("div", { key: 'edefc46b964301b4224581c251dcad6144239e86', class: "gux-input" }, h("slot", { key: 'ee2f1d59abc6f2793f9bcd8ec72495394a5d4a9d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'ed147a50716367b568ddc3e9fee6e81c039ced20', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '6f549790fb11fd3d4731af5615e75c2172246636', name: "label" }), h(GuxFormFieldError, { key: 'adccfeedc43e0acd66e244abf7d0d3b149252a4b', show: this.hasError }, h("slot", { key: '5caebf1e236552a4cbfebb999c269f2c9badedc0', name: "error" })), h(GuxFormFieldHelp, { key: 'ce9e88771bc9b84fec6532aec5a94d3ef86c356e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f1734cd1b6b9f7568ee5268830b0a263d492050f', name: "help" })))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import { O as OnResize } from './on-resize-6a194a58.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -83,9 +83,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '81bcf7def789b3a2707248c242057d944882a095', class: {
+        return (h(Host, { key: '187429d2a25a316f6245d9f1a2351e8f8d5d8058', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '32efb77b8a031f7f4f190a0abbd0f3e6bedecf53', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b9ad6ff1911ada56012f51106cb2fc044ca5d18e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '880ec505a41853e49aaff9c53c4e63d231db3f53', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '67ed547b24222835e255987f27f919fadc037299', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'bf007068167e5c5a2c373042dc13747b2783806c', show: this.hasError }, h("slot", { key: '4f6002fd34f88777457f19dc081f6e22b95d6fb6', name: "error" })), h(GuxFormFieldHelp, { key: '43d0940f664ccfbe8a6d2075d04de5253d9fa9e3', show: !this.hasError && this.hasHelp }, h("slot", { key: '67e48d3711496fb0d70692783b4956aec81f2676', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'feef75fd616db48ecc2778e9683e24d4a5df4552', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '656c8a0e8a008491ffdaf6947cb547415efe0d01', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c2843c4aa5677b1a7b19c5eb795295e5735694a8', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '11be810fecb1943fdb1a827623f057cae65e1d90', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'b981b79d35e12c100c752f69a4f9888089c6cd3e', show: this.hasError }, h("slot", { key: 'b2169aac95fd5075a6c5cf45cd7a01371bdb0857', name: "error" })), h(GuxFormFieldHelp, { key: 'e66fb80c6a4754c3a4688da1c2d14ff311777269', show: !this.hasError && this.hasHelp }, h("slot", { key: '9ba55559ce3d0a1508b2706b9541a537edec732b', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { h as hasContent, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -63,13 +63,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'eba80d3f0d91eb995ba43a700b85762c8144e47a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5169e89d010bac43bb5030c1986245710d0f4c19', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6f8bc2f71cfb300312e33e7eb1db66e72e8e1237', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '7175c3be7dd691a9e3d3f9f18204f96878755b74', class: "gux-input-and-error-container" }, h("div", { key: '61ab7581058f09ad364350d68a50530b0a211f61', class: {
+        return (h(GuxFormFieldContainer, { key: '892a8b01e71b64d704342a819341a1ed3c3a3d47', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd04743dd3cb6d532348236e57ef2cc32c4fe3a3b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0500121dd533f6ed5eeeacaefdafe3b97b997836', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '07de68ae27e18b0c63ed8c026c709964c9948986', class: "gux-input-and-error-container" }, h("div", { key: 'f4a02c717879f7ce566768ec02c4fed584f8d55a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd5603d0a174f82b00440689183a42a861f93106c', class: {
+            } }, h("div", { key: '13723d13c1e1d8077bed6b492c9ffe44a0628ffc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: '50b1d0b551ee1b677be91fb227b8d8d29500733a', "icon-name": "search", decorative: true }), h("slot", { key: 'fb25ce68b17f995904ea179d66964df882ff1e0a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'dd2a6547e171135ff2050713ba07a48834cf2615', show: this.hasError }, h("slot", { key: '8262f673bb69981e8761d67ff9baad1bac3ab01a', name: "error" })), h(GuxFormFieldHelp, { key: '7a22597b846232e3b3ec149cfab4eaefa8b39b78', show: !this.hasError && this.hasHelp }, h("slot", { key: '04df57d7cc9f427fd5ba03852e55054fd365b3c0', name: "help" })))));
+            } }, h("gux-icon", { key: 'd16d8bcc568b7c08e39a991e54c7481370d5acaf', "icon-name": "search", decorative: true }), h("slot", { key: '2d275c75a7fdf518932d79108513a79208fc9b5e', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'cd60f08706f424d959967bf69953c6017df559cb', show: this.hasError }, h("slot", { key: 'cb753e96b1594fc1f2bf2e94527c19cdf886034d', name: "error" })), h(GuxFormFieldHelp, { key: '7655686a50ac0392feb782404cce1c069c79b231', show: !this.hasError && this.hasHelp }, h("slot", { key: '821ec2e5dc07037cc51ef99985146d247365beb0', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -54,13 +54,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '35285308d3d85efbc9992fde8cf8c1cce3083aa0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cddd0fe8599518a183ea1f0d94efc5bf40d741a3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7d850d59eb38dcf279a378d137ae0bd19cc1388c', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '9cd9947dd23e4bf0b10b4f86e618a0aac8e19514', class: "gux-input-and-error-container" }, h("div", { key: '80e321aa7923a49942e82367e0da1422ea1bd3b7', class: {
+        return (h(GuxFormFieldContainer, { key: 'da7db47a8da22d28beb3584a5a689802d09a87f3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3700829135203974282c15fc4dc3db6da68827f9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'be6a1b497f1bdf420ee2141afeef9a4bb031a41e', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '49a85412e7cfe89b99b3cdbe114d199156fd0594', class: "gux-input-and-error-container" }, h("div", { key: '0664805d3d8322fc381a5ad5a0da1478284e414c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'da77ebaf81cb2da4ff5f7b24bfed3aa37ad3df2d', class: {
+            } }, h("div", { key: 'b0f7f09b23023f1fc272b782178dd739bba704e7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2b83e2aff4b48725516c06a6c628a2d918b8ad35', name: "input" }), h("gux-icon", { key: '1b525344294f3e2de8075ae34784fdc236a6a6d0', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: 'b1c917edc17bc6833770266c57234702939605d9', show: this.hasError }, h("slot", { key: 'db11927090001b5e4021b94f583e7322693df03d', name: "error" })), h(GuxFormFieldHelp, { key: 'b7ade7c7efc29efa0e4bf07e3af9a56bda735236', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a5bdd87e363fdd611f277c288d71b0d53acb0dcd', name: "help" })))));
+            } }, h("slot", { key: 'fdcd6b5185f8fa25940fe8e5e2908f7629bbf448', name: "input" }), h("gux-icon", { key: '7321c0d53019005f1d58e9bbe9cee1e78ef58cc0', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: '374036b06516f77e21735027a9cae1c09862dc33', show: this.hasError }, h("slot", { key: '989e082e1c03db1a62a0f0af921a0acfe9963394', name: "error" })), h(GuxFormFieldHelp, { key: '4d2aa92cc37ebdc981ba768a8b17d0e9dff1b9fe', show: !this.hasError && this.hasHelp }, h("slot", { key: '4cee1bb8c7826aba89be5546eff7f94a75e2557e', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { h as hasContent, c as setSlotAriaDescribedby, d as clearInput, G as GuxFormFieldError, a as GuxFormFieldHelp, g as getSlottedInput, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';

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

@@ -6,7 +6,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -58,12 +58,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'e567e48fe4b00a039f94cbd32810176ed7fad532', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cb65ed3cca6a2a60f560eb89f0c30985d8236521', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9e2089d256eb8df606074334467633ed938563c8', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'a1bee96e501b05b41d913407223eba02357be058', class: "gux-input-and-error-container" }, h("div", { key: '8887e3c5d8b647e86706e7b4ef411ed16dc05f41', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '142f77aa32886b981dca8886b02a5cc8968ba7f3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'affcaa2769346a30bc9c53f3b9175a2544d69b6e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1ba73af3145bfcb08ebbdc49eeaed9bf1b7b3e04', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '82bf935a8c5a8cfdbd4355f49093d9600f6a5bce', class: "gux-input-and-error-container" }, h("div", { key: '2d1576865a86219604c16210e4bd7b62738443fe', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '186a652acdfed8690dfd8282d31483c68752df84', name: "input" })), h(GuxFormFieldError, { key: '18bdab3074419905296d93fb6f035ee05c03f166', show: this.hasError }, h("slot", { key: '11ea1b40a6136e1b9f25f5706ed7f81678cd49c9', name: "error" })), h(GuxFormFieldHelp, { key: '546f416b51602aa21044547442c90ba4059cf260', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b7295b99f63f6ac915e2c63378097937cfe5ba3', name: "help" })))));
+            } }, h("slot", { key: '9929c1777c7336a273f5dad95cae087fa735460b', name: "input" })), h(GuxFormFieldError, { key: 'cc061b645a4442ae33bb1dc5c4f5afe856795ed4', show: this.hasError }, h("slot", { key: '89dbb7222e7d66131f403acaf994378c251a29ed', name: "error" })), h(GuxFormFieldHelp, { key: '0918b32ef21d787434ae6d5d79774f8b81cdde46', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c4c912109a80a908646e20545315a73dd8b915e', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/esm/gux-form-field-time-picker.entry.js

@@ -6,7 +6,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -68,13 +68,13 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'f15d7bf47bfaf557ffc8946e8fa8f1297afd9183', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '15af8859f0a22183e921d12e14af3f2f8d829b6d', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'b145ab7675ebad903a1f4291cc912d4a7205d043', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '79c344dffc2c225769c18024c04674700af460da', class: "gux-input-and-error-container" }, h("div", { key: '74f8cc89daa388d5a22a00fb290edb0ab318a565', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9c105521e5d854cad208cfc9c4d5ede453ee1ee4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '56cb1e9d5f2b34bfb302cb299934b140f7eac5e0', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '0d813de099f48d7d762586bc86e5638e8407416e', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '37c77626c3adcb44e0c1a31316a1426b53933800', class: "gux-input-and-error-container" }, h("div", { key: '289b3673030fc1e9cca70fab12668378cdc0a636', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '5d7c0cd3386342fbdabf6d62a4f3bb9aefef8614', class: {
+            } }, h("div", { key: '75ca1689ec63a13d7dd9deb6686db42c3d049bf1', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '99e6bc3168524a599f2900e291107d725b6160d5' }))), h(GuxFormFieldError, { key: '45d6b410b99be965f74b697ed5cc5986663feaaa', show: this.hasError }, h("slot", { key: 'f0aa01d917e94422fd9f7bd487ee2e4fdd8c9c04', name: "error" })), h(GuxFormFieldHelp, { key: '0ba3359659691d685e5719bc0c23b78bf516c17b', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c10938ce5f2dfe66ec14cc35ee90004607b9d04', name: "help" })))));
+            } }, h("slot", { key: '6bbc5927c829ea4c0edd249b3be9cd02f1e729ef' }))), h(GuxFormFieldError, { key: 'da2467b63ebea01647fa379e405fede51ec190f6', show: this.hasError }, h("slot", { key: '54b24c16b2cc497df4f95875a61af23d28fdff71', name: "error" })), h(GuxFormFieldHelp, { key: '9451839717e3371a5b181e82fd20152a9314850b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e61a352f1bdbb5842fc9294595ed26a4c6dc7476', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

package/dist/esm/gux-form-field-time-zone-picker.entry.js

@@ -6,7 +6,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp, v as validateFormIds, b as getComputedLabelPosition } from './gux-form-field.service-f168cdd4.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -68,12 +68,12 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'de726d94282d98a7111d24b2d5e338c68474fe8f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '5de20588db37900b85ffa05274e84069b1ab7a58', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '15302646ee40fd0d39ef448eb97671020893049d', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '8d02a6381327f6dd0b23aebafaab937d0e763254', class: "gux-input-and-error-container" }, h("div", { key: 'eb3e52fa659ee91c57f4bf6a0d851e4a7aae3b4b', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '51bb4486dee284c2c89b7c3909388e3c019175bc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '1eed31a1f5e74f227026a46579b894d8c43ab9ec', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '7a76720e5d5396c11c2b9ee15038d9006f62638d', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'c32362dbf15f93b11f51570eac855fc6191e510b', class: "gux-input-and-error-container" }, h("div", { key: '47b6a4fc5814130e60fa470205ee3849b2cab324', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9e6e31d44591f3d7324d5c891eb9fd2dba69f39f' })), h(GuxFormFieldError, { key: '9544e2c9ad10cba12a10fa13b020a873a7c18bf4', show: this.hasError }, h("slot", { key: '2dcc8bd05ac0acf94ccf2c57f44a4b289c2ce579', name: "error" })), h(GuxFormFieldHelp, { key: '8c0018bec31320d074143a753f0e6467e0a8d992', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a236ef369ba11517a65617aa122d76877fe3ad84', name: "help" })))));
+            } }, h("slot", { key: 'ddf9e64350ed5982e1a4caa77352b1249b25a9e7' })), h(GuxFormFieldError, { key: 'b14c0608d9871d88ca5831b7b01bd5ae5a0a6f5f', show: this.hasError }, h("slot", { key: 'b4b4417aa7e5231b742b989daff8b4f724762e75', name: "error" })), h(GuxFormFieldHelp, { key: '83e537aa17df632522dbefcd16152fa4dfa1c094', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ebc6eaa84d1b684b457c6b385222d8d59886a090', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -184,7 +184,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '123ff50b057117db333bef0c7e9d2318d0452dc6', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '2fe96faca939a599096d6a37ddef3edf09401242', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return getElement(this); }

package/dist/esm/gux-inline-alert.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import './get-closest-element-728b9f18.js';
 
 const info = "Information alert with message";
@@ -41,10 +41,10 @@ const GuxAlert = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '7caded91b7e176e48516b6d2b39227b18733e2c3', class: {
+        return (h("div", { key: '53b86ffc2d5a7c544f0d67a4a24f335fa35a785c', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("gux-icon", { key: '8d65fbb32f399271287997051588e8402140d040', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '0d302d645ea61fdf092aa5c79c9176550207d2d5', class: "gux-message-wrapper" }, h("div", { key: '2b6b3ac0558ed964fd73e9eb42964f75cef13ba2', class: "gux-sr-only" }, this.i18n(this.accent)), h("slot", { key: '6e6e08e66481a5f882eb9fcfcb404cf442f19955' }))));
+            } }, h("gux-icon", { key: '32b8030f141eaddd6dac7b45dbd6d309684a4739', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'dc0643930bf70b304c75a41c2b6fa4b157a8ee0d', class: "gux-message-wrapper" }, h("div", { key: '34fc43f1ce68210a369fd42b88e841e5fa74d06f', class: "gux-sr-only" }, this.i18n(this.accent)), h("slot", { key: 'ba4ea3e316f60364870b2c69cc2b24954324b093' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { l as last, n as next, f as first, p as previous, b as byId, c as byClosestId } from './gux-list.service-5da368db.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 
 const guxListCss = ":host{display:flex;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;padding:var(--gse-ui-menu-padding)}";
 const GuxListStyle0 = guxListCss;

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

@@ -3,7 +3,7 @@ import { c as clearActiveOptions, h as hasActiveOption, s as setInitialActiveOpt
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import { w as whenEventIsFrom } from './when-event-is-from-2aac15f0.js';
 import { s as simulateNativeEvent } from './simulate-native-event-e0631897.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import { b as afterNextRender } from './after-next-render-07a41f53.js';
 import './get-closest-element-728b9f18.js';
 

package/dist/esm/gux-loading-message.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 
 const guxLoadingMessageCss = ":host {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  container-type: inline-size;\n}\n\n.gux-container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  max-width: var(--gse-ui-progressAndLoading-loadingState-large-width);\n  color: var(--gse-ui-progressAndLoading-textColor);\n  text-align: center;\n}\n\n@container (width > 400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-large-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-large-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-large-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-large-subheader-lineHeight);\n  }\n}\n@container (width > 200px) and (width <=400px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-medium-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-medium-subheader-lineHeight);\n  }\n}\n@container (width <=200px) {\n  .gux-container .gux-primary-message {\n    margin-top: var(--gse-ui-progressAndLoading-small-gap);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-header-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-header-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-header-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-header-lineHeight);\n  }\n  .gux-container .gux-additional-guidance {\n    margin-top: var(--gse-ui-progressAndLoading-small-gapText);\n    font-family: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontFamily);\n    font-size: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontSize);\n    font-weight: var(--gse-ui-progressAndLoading-loadingState-small-subheader-fontWeight);\n    line-height: var(--gse-ui-progressAndLoading-loadingState-small-subheader-lineHeight);\n  }\n}";
 const GuxLoadingMessageStyle0 = guxLoadingMessageCss;
@@ -12,7 +12,7 @@ const GuxLoadingMessage = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '49fce327807ace6a1d4704d706f5cd17313b0340', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'd9c88c6322d08234f2cd15394b8571c3cc75205d', class: "gux-progress" }, h("slot", { key: '818d7d3e508de08c4d93408a86d9a56334c7fb67', name: "progress" })), h("div", { key: '5a9a40d59920bd0162e631c4249ccbdb5a68c5e8', class: "gux-primary-message" }, h("slot", { key: 'f3dc626e53dda4ae830f48a193c9a0e39cb2b3da', name: "primary-message" })), h("div", { key: '8eb67024a0185e935f678f3e01b14d9cdd2a6e7e', class: "gux-additional-guidance" }, h("slot", { key: '4590aa53dff7374f3b5279f9f74b388a152f8919', name: "additional-guidance" }))));
+        return (h("div", { key: '73f7866c91ed5358d7521ebeb228ed1db861b32a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '69d0ba46731db970f7b5e6cc3d8f713cae585284', class: "gux-progress" }, h("slot", { key: 'bc4e0dd2655431cf0f5a164b0ecc876dd097a6d5', name: "progress" })), h("div", { key: 'd5674a832c40ef03c0e705629fedbc61da6bca6c', class: "gux-primary-message" }, h("slot", { key: '983be88ae42abc6cb675c68bc9ce43865eabca68', name: "primary-message" })), h("div", { key: 'cf526d7c71b3abb28fd8f0d3ae01e4ff817a2629', class: "gux-additional-guidance" }, h("slot", { key: 'd4788d251b88c0c07626c67941884df91e39d311', name: "additional-guidance" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -32,7 +32,7 @@ const GuxMenuOption = class {
         }
     }
     render() {
-        return (h("button", { key: '1b395fc5e7073357b6316bf99cabad74535b0c36', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'efa69f35bb0c7baba9aad7c674514a3e28409220', class: "gux-menu-option-button-text" }, h("slot", { key: '418009c28a50b85706c83ce3fa6b22c3e52dfbaf' }))));
+        return (h("button", { key: 'acf52d28ed9e01b5c82b0bce75db4dd65a196f4f', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '1ad606f9356214e9bb85a61d2838b90da8becd61', class: "gux-menu-option-button-text" }, h("slot", { key: '2eb72e2b68ca3ed76b37d39887a5133fc0d5de9f' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const GuxMenu = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '90be348799df39d3034239987ebf28f9be427efc', role: "menu" }, h("slot", { key: '3f22ac2f08a881b984327e4312f85748a1aefda6' })));
+        return (h(Host, { key: '366027e68a0987d48b2a98a0af6dc800c59ec1c6', role: "menu" }, h("slot", { key: 'f84ff79a19fdbafd77493591681e18a4a712afa9' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

package/dist/esm/gux-modal-legacy.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding)}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -63,10 +63,10 @@ const GuxModal = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'aaa70fa4a7d57b80321b6d439a7a2035baa716c1', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ae0e48a9968b1944d1ba80e4b02378c752cdcb8d', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'abfb982463e011f4f734e25b120c6a3c6a726af5', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '9be47bac949b95d196852fcdd3455f55490e5465', class: {
+        return (h("dialog", { key: '339a7dce94e978b46f27881d74ed0876fff04f0f', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '35d37da100a63e776d7ab595de8805ac2e23d4b2', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '8d87f41cf7f94848a5dc4985aa76b5f354292136', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'aab96123495a762961cd9f88d29f24890e7e3b7c', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'c1aa1f57fcd059b7ed80819ac7dc2ba6e13b1ebb' }, h("slot", { key: '4a4811219937dd863f4ec793456cf08ab00f60f1', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, h("p", { key: 'bdd46e0ebf5c9ef9185b27c75c650ac2f2a7cc96' }, h("slot", { key: '9274c2fb419ab8f49f9fe418182d3ab3f3b0b34b', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/esm/gux-month-picker-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import { O as OnClickOutside } from './on-click-outside-6d6f4463.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-3f1e5ba8.js';
 import { r as readRegionalDatesCookie, a as determineDisplayLocale } from './check-regional-dates-cookie-a5438531.js';

package/dist/esm/gux-notification-toast-legacy.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;

package/dist/esm/gux-option-group-beta.entry.js

@@ -50,7 +50,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: 'eeac3968c5961c9c25c1db2c55c2f5b187629b0a', class: { 'gux-filtered': this.filtered } }, h("div", { key: '9395ba72e7b1699215ffc36b73aa9f274772b4f8', class: "gux-option-group" }, h("div", { key: 'bf27b8c9178b19ae892a8d73286ed2982b2968d0', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'db086f7edbaf9a16317260100aaf68a0e0d1f0e6', role: "group" }, h("slot", { key: 'fa8af1e4f72c2b00e837814e3870c7b457af4353' })), this.renderDivider())));
+        return (h(Host, { key: '80e3b78b7304ab76c89919ac21853c6930caf377', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'f390e32e051aa6ebd10fa65a57ab6348170f5ed9', class: "gux-option-group" }, h("div", { key: '6c2105e7869a36052638b5c4c759ce11435c7d5f', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '78d9111a42abcf382fa49dc2b514e3a799698e04', role: "group" }, h("slot", { key: 'fe763743c07885e2b7dbb8193dde8825fd06d239' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

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

@@ -54,14 +54,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '15c0a752100732c30a8eb47475279bf55d3b5be7', role: "option", class: {
+        return (h(Host, { key: 'acbbb1e96d5b4bef38aaaccdafc48a3d81fc2d30', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c5ebbc65fea30b480d51443b5e18732cf6a6b754', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'a34ef8685426ae5566670751325569d73123abbe', class: "gux-option-wrapper" }, h("gux-truncate", { key: '35062fd32d73725ca9b34bef00d2a2e5ab3f112d', ref: el => (this.truncateElement = el) }, h("slot", { key: '2ac7fdb9d74379427961266eb5c217e814e2008b' })), h("slot", { key: '2da36a9feff95d4c0252050b4ded529d98dce357', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '64537677cf89e18b5868801ecc3dca4102e88440', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '61c20dde56bdf80678e718b06e3431bbb82bba16', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6f5788a2e30d0bf83a70e660e60f646479c176d8', ref: el => (this.truncateElement = el) }, h("slot", { key: '79b4084bd61bb03801bc06c69a3622e348bd87bd' })), h("slot", { key: '718edf6a7de8ea2789a53ef09c58f7837248cb24', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -62,13 +62,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: '02527afb97de0931101e9aaf74080b030b68142a', role: "option", class: {
+        return (h(Host, { key: '6c95d52670bd783817c3856dd77f1ab8d1286afc', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'ceb9c8e201e1969a06cb0e265995c820d74fd8ed', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f65d8f3260cf93dbf662c4db01e3a785f0928ed3', ref: el => (this.truncateElement = el) }, h("slot", { key: '5968bb3388a7c49914f8965a2987c20e1fc7e4b2' })), h("slot", { key: 'c25e49ff744640b3d49c523b1c456708d427fd97', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'a72e7c9210835acba4b64a307f1122cfdc0a1d1c', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c86b9fda967bd571d52b4fc69b62940902211ecf', ref: el => (this.truncateElement = el) }, h("slot", { key: 'e2434f46f4a6c6f37d6f88a2235d449fe63935f8' })), h("slot", { key: '30e47297dfe421f510a604ac457e6cba71fba681', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/gux-page-loading-spinner.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 
 const guxPageLoadingSpinnerCss = ":host{display:flex}.gux-spinner{margin:auto}";
 const GuxPageLoadingSpinnerStyle0 = guxPageLoadingSpinnerCss;
@@ -13,7 +13,7 @@ const GuxPageLoadingSpinner = class {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '4257e99d34a87926fbc3d510fc92a1bc9461b972', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '385ea6efe57d638a7a82273a3c58f162a9e8ab73', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-pagination-buttons_2.entry.js

@@ -200,7 +200,7 @@ const GuxPaginationButtons = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '68c26b3028180eca331f6c4d4492f40bcc17b83c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'ea5a2ea87c91f1c1e68e7af1bbc763e60ca12990', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'fc87e59c1504e0bd9d511e413c9ce47de2c842ea', accent: "ghost" }, h("button", { key: 'bc07f900b1b33f92d653f10b6c352f851ed18639', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd6fbe39efb8ff3c0973f4d62dcfee81816a9dfef', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: 'e65d3038878d9a2eab36e4ea7f697a0fc56273a6', accent: "ghost" }, h("button", { key: '02f85dbc8a685ea1099093d0a48dacc381b45157', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '6549d4abc2040a5622f34d1bc5eb25870bdf3a7f', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { key: '634c8a6ddd8306b8d57a5c3c890cef60dd46dd79', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'e08a26f6c72221838ff777de2ec1350e8180bde6', accent: "ghost" }, h("button", { key: '9b62b024342d37f2361e491b2e8daf48866cccec', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '53fd843d036cdc2bb9914fa4c6ed93fa624be4b1', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: '4cf80e2b84f75a88deea23b7fb71a3065b2b4815', accent: "ghost" }, h("button", { key: '83ce3b79fa642204b5a46049c29319bef55501c2', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '3e45facfcf68ebe0aca14e09f3f5503efc071313', decorative: true, "icon-name": "chevron-double-right" }))))));
+        return (h("div", { key: '6e4afb7fc14787ecdc79fee18a11f33522886802', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd050d4e50a9531ab55e2067aa06ddec1b305a9e2', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b24534e2552dde379d3efba4483f3d27c6670218', accent: "ghost" }, h("button", { key: '423c29fdff283d30ef6147f326758ee7c93fb31a', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '91d680cabf0637e05e9f53ef945026ab83f5d401', decorative: true, "icon-name": "chevron-double-left" }))), h("gux-button-slot", { key: '809cdd3d26fbef0bbcf00fcb62d324999518f7ad', accent: "ghost" }, h("button", { key: 'f81c35bb35504fbdcb5ad732bc65a5b883adb671', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '929c16eff835e71aef52465085ba5174f570b5d2', decorative: true, "icon-name": "chevron-small-left" })))), this.getPageNavigation(), h("div", { key: '2b0122a438f73619695dda4fae1da2a5b789ab41', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '97a4c599558c291ed09a3facad08e074246f3e01', accent: "ghost" }, h("button", { key: '7c98b8c8fc5c5b5ddc959ec6b55f697ef9221276', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'e4ada201de18762eca8534ce385a6023992c5793', decorative: true, "icon-name": "chevron-small-right" }))), h("gux-button-slot", { key: 'cc8c86bd7132c50c43702ec82a20b6cd810abe3a', accent: "ghost" }, h("button", { key: 'c4e27b094bc768bb8413393c805cd876e3d7a322', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '8baa968a3d476e0aaa2a2e1c2a220fe9ecb1d6ef', decorative: true, "icon-name": "chevron-double-right" }))))));
     }
     get root() { return getElement(this); }
 };
@@ -244,7 +244,7 @@ const GuxPaginationItemCounts = class {
         }
     }
     render() {
-        return (h("div", { key: 'e1b6250d05961a2f0d9a719c7c31c55759ac4aa7', class: "gux-pagination-item-counts-container" }, h("span", { key: '7666ca07742007a3c7dba107d1472350133f21e1', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'ee9d0a4bbe433a495f8f1e5ac80b73365f2a1b87', class: "gux-pagination-item-counts-container" }, h("span", { key: '7ec24cfcd96d14519266aea89a7a2b3e88b3b599', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

package/dist/esm/gux-pagination-cursor.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-7043050f.js';
+import { t as trackComponent } from './usage-bf6582ec.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
 import './get-closest-element-728b9f18.js';