genesys-spark-components 4.30.0 → 4.31.1

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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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';
@@ -26,7 +26,7 @@ const componentResources = {
 	decrement: decrement
 };
 
-const guxFormFieldNumberCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-left:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:none}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}";
+const guxFormFieldNumberCss = ".gux-form-field-container.gux-beside{display:flex;flex-direction:row}.gux-form-field-error{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:center;padding:var(--gse-ui-formControl-helper-errorPadding);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error.gux-show{display:flex}.gux-form-field-error gux-icon{flex:0 1 auto;align-self:auto;order:0;min-width:var(--gse-ui-icon-size-sm);min-height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-formControl-helper-gap);color:var(--gse-ui-formControl-helper-errorColor)}.gux-form-field-error .gux-message{flex:0 1 auto;align-self:auto;order:0}.gux-form-field-label.gux-required::after{color:var(--gse-ui-formControl-label-indicator-requiredColor);content:\" *\"}.gux-form-field-label.gux-beside{position:relative;top:8px;width:fit-content;min-width:45px;margin-right:var(--gse-ui-formControl-label-gap)}.gux-form-field-label.gux-above{padding:var(--gse-ui-formControl-label-padding)}.gux-form-field-label.gux-screenreader{position:absolute;top:auto;left:-10000px;width:1px;height:1px;overflow:hidden}.gux-form-field-help{display:none;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;justify-content:flex-start;padding:var(--gse-ui-formControl-helper-paddingSmall);font-family:var(--gse-ui-formControl-helper-helperText-fontFamily);font-size:var(--gse-ui-formControl-helper-helperText-fontSize);line-height:var(--gse-ui-formControl-helper-helperText-lineHeight);color:var(--gse-ui-formControl-helper-defaultColor)}.gux-form-field-help.gux-show{display:flex}.gux-form-field-help .gux-message{flex:0 1 auto;align-self:none;order:0}:host{display:block}::slotted(label){font-family:var(--gse-ui-formControl-label-text-fontFamily);font-size:var(--gse-ui-formControl-label-text-fontSize);font-weight:var(--gse-ui-formControl-label-text-fontWeight);line-height:var(--gse-ui-formControl-label-text-lineHeight);color:var(--gse-ui-formControl-label-labelColor)}::slotted(input){flex:1 1 auto;align-self:auto;order:0;width:100%;overflow:hidden;font-size:var(--gse-ui-formControl-input-contentText-fontSize);text-align:right;text-overflow:ellipsis;background-color:var(--gse-ui-formControl-input-backgroundColor);border:none;outline:none}::slotted(input)::placeholder{color:var(--gse-ui-formControl-input-placeholderColor);opacity:1}.gux-input-and-error-container{flex-grow:1}.gux-input-and-error-container .gux-input{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:stretch;align-items:center;width:100%}.gux-input-and-error-container .gux-input .gux-input-container{box-sizing:border-box;display:flex;flex:1 1 auto;flex-direction:row;flex-wrap:nowrap;gap:var(--gse-ui-formControl-input-gap);place-content:stretch center;align-items:center;align-self:auto;order:0;width:100%;height:var(--gse-ui-formControl-input-textfield-height);padding:var(--gse-ui-formControl-input-padding);font-family:var(--gse-ui-formControl-input-contentText-fontFamily);font-size:var(--gse-ui-formControl-input-contentText-fontSize);line-height:var(--gse-ui-formControl-input-contentText-lineHeight);color:var(--gse-ui-formControl-input-populatedColor);background-color:var(--gse-ui-formControl-input-backgroundColor);background-image:none;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);border-radius:var(--gse-ui-formControl-input-borderRadius)}.gux-input-and-error-container .gux-input .gux-input-container.gux-disabled{opacity:var(--gse-ui-formControl-input-disabled-opacity)}.gux-input-and-error-container .gux-input .gux-input-container.gux-clear{padding-right:0}.gux-input-and-error-container .gux-input .gux-input-container:focus-within{border:var(--gse-ui-formControl-input-active-border-width) var(--gse-ui-formControl-input-active-border-style) var(--gse-ui-formControl-input-active-border-color);border-radius:var(--gse-ui-formControl-focusRing-borderRadius);outline:var(--gse-ui-formControl-input-focus-border-width) var(--gse-ui-formControl-input-focus-border-style) var(--gse-ui-formControl-input-focus-border-color);outline-offset:var(--gse-semantic-focusRing-offset)}.gux-input-and-error-container .gux-input.gux-input-error .gux-input-container{border-color:var(--gse-ui-formControl-input-error-border-color)}.gux-step-buttons-container{flex:0 1 14px;align-self:auto;order:0;margin-left:var(--gse-ui-formControl-spinButton-gap)}.gux-step-buttons-container .gux-step-button{display:flex;flex:0 1 auto;align-items:center;align-self:auto;justify-content:center;order:0;padding:0;color:var(--gse-ui-formControl-input-inputIcon-defaultColor);background:transparent;border:var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) transparent}.gux-step-buttons-container .gux-step-button:not(:disabled):focus-visible,.gux-step-buttons-container .gux-step-button:not(:disabled):hover{cursor:pointer;border:var(--gse-ui-formControl-input-hover-border-width) var(--gse-ui-formControl-input-hover-border-style) var(--gse-ui-formControl-input-hover-border-color)}.gux-step-buttons-container .gux-step-button gux-icon{flex:0 0 auto;width:14px;height:14px}";
 const GuxFormFieldNumberStyle0 = guxFormFieldNumberCss;
 
 var __decorate$2 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -80,14 +80,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'a72a518c99304afad79117dfc7e7f0ad0a30614f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8ea9761ba508e33ef8f80d0a3b2a0d3dfe8e804c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e68b5ef8ce44e35e6616d22a268778cc1294648a', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'a183c111739eef8a8278e0da7705562d418c14ce', class: "gux-input-and-error-container" }, h("div", { key: '292360785449a2745f71931b16c0ffc45b610629', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'acf6205307b53e9518e55863e1aff9ecec80272c', class: {
+            }, part: "input-section" }, h("div", { key: 'b6ed3de9bd5eeb505863112c2c8bcfadcd02b463', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            } }, h("slot", { key: '5e8105e9b2018b5b3af00b6e6cd71fa944404a4d', 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: '2b581ae84f4bebde30842fcfcb8eef42a7f962cc', show: this.hasError }, h("slot", { key: '04f8b7e60f599f0c3d443c009a02d792b1a841ff', name: "error" })), h(GuxFormFieldHelp, { key: 'a091c240b493f9dace93da80f237bd96925765ef', show: !this.hasError && this.hasHelp }, h("slot", { key: '5611099af87f6f2bf037a168946e4f9ebfd27381', name: "help" })))));
+            } }, 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" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -235,7 +235,7 @@ const GuxPaginationEllipsisButton = class {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '56c4481996a0586ba7747c5229a5032750bd6e9f' }, h("button", { key: 'bc5fa43df94cae02d2f87421c9179c96eb8fbdf7', 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: 'c91a27b30a9f5f6360b1b20765e012ff01e5c48b', screenreaderText: this.i18n('goToPage'), "icon-name": "menu-kebab-horizontal" })), h("gux-tooltip", { key: '3f9284653321d5b3a352efcd63ff778487cb5800', for: "popover-target" }, this.i18n('goToPage')), h("gux-popover", { key: '657fed350fa2dcd5c0004f9487c5598e05624945', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'e1b782d5af5b9339d552d3bd5f16f8132a2600cb', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd4bfe4296795faedfcce33b0dd114f22ea61b96f' }, h("input", { key: '1f8a79ecf25c5534619882bb776ddbc9bcb7f71a', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1" }), h("label", { key: 'bed728bdfec631c4ff0de294598be342c966575e', slot: "label" })))));
+        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" })))));
     }
     get root() { return getElement(this); }
 };
@@ -376,10 +376,10 @@ const GuxPopover = class {
         }
     }
     render() {
-        return (h("div", { key: '8fc6c741d1303a189ce6b416f6366216732fab39', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '5e008928fc28e73afe5cff8bf2b320d873a75ec2', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '4a56018b80d6c3b917d481764836de9699e6562e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), h("div", { key: 'f5f0873ad8836fff92be8131ad4364d26c448b6e', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'c4f265a954f5c4106916234e62f248a1999d54f1', name: "title" }), this.renderDismissButton()), h("div", { key: 'b6b5151f6703467f1d33e7e8dac991a9e4bca8d9', class: "gux-popover-content" }, h("slot", { key: 'f5d482e3b4f2b7ba53be036769d190933aff4d82' }))));
+            }, "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' }))));
     }
     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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: '3fa169d0606c345b34dd3d1ea0c6a97fcac527c2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '759b4fdf526b0f00fd31338dd339ccaba7030025', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '2cb5f8037a0dd6af278d38003d7e8430d04e28b1', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '5b43ee2a6a26f7508140c125123d7a60a45a2820', class: "gux-input-and-error-container" }, h("div", { key: '6488007b2d7ae11a87dec8bb63f3304e25450bd4', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6161c983bba8b62e3fdc94fad188310e144a101f', class: {
+            } }, h("div", { key: '3efd59cda87aa33594499d0c10adea4e31af2d73', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '54b5ad837c3fe5504a82d1f99e78d02328ac1f33' }))), h(GuxFormFieldError, { key: '0bfbae7a934efc9d251cc816c0900d27ab3f41d3', show: this.hasError }, h("slot", { key: 'dce39a35bcf06a467ee4416370298460e1f075d9', name: "error" })), h(GuxFormFieldHelp, { key: '736ff141c3eadf6246733d4704a2aa796e821b58', show: !this.hasError && this.hasHelp }, h("slot", { key: '2caea58e949c93c153264db170dcce02bf27f0c7', name: "help" })))));
+            } }, 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" })))));
     }
     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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: 'ff5bb7aee48f8c26d69ce040b7d0880193c1d1f4', class: {
+        return (h(Host, { key: '2316fcf30820a7164adefd30118fb15bfcc57d6f', class: {
                 'gux-input-error': this.hasError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '0a2973afecf805180f01ff035bb3efadcb560918', class: "gux-form-field-container" }, h("div", { key: 'a3eb10c6eb04a3fe742e5aec78055eff15301aa3', class: "gux-input-label" }, h("div", { key: 'ae559b10664706a61ee43f51a749091a54282465', class: "gux-input" }, h("slot", { key: '71364447e2ba1107058dd3755a4168a6028f9dea', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7b986ac97cb8276386be21822bf49130cdc730b5', class: "gux-label", "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'e83779de807bbf3904a3f51d0d4a9f6993a73136', name: "label" }), h(GuxFormFieldError, { key: 'db41a36f94db6213bd60e788faee54a7938c70ea', show: this.hasError }, h("slot", { key: '8bc9040e14e6acf87716e106ca91098c9cc29f23', name: "error" })), h(GuxFormFieldHelp, { key: 'ad35318870b5ee04da24e5744e4de10adc62d111', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e9d4a3de99307cde1a9ad5f9a52e623104b7750b', name: "help" })))))));
+            } }, 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" })))))));
     }
     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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: 'a06c09930ac7d04efdec9fad9cf5380e6f5e60e4', class: {
+        return (h(Host, { key: '81bcf7def789b3a2707248c242057d944882a095', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '73cd8f81b1587524e3e968c1efbe2ad9892eb7fa', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '923ea623d9da975829de1d00af40e5a49d82ec8e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9b2b46dd49997d1254ce7c5262ba6c0cd611649c', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'e582ca1f33efdd83cf25718ef3c98eda4be9e824', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '9c80fdd698c1f19a7da8ea276bf1bd1a3b09e27d', show: this.hasError }, h("slot", { key: '1245b4a390981b0e28cb719fc545cb67a2f58b2b', name: "error" })), h(GuxFormFieldHelp, { key: '5a9f56db32ce54ee049c752e96cb47b8f2f4ca36', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a49edfcab3c085d692f5ca81c5f9d68755e0034d', name: "help" }))))));
+            } }, 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" }))))));
     }
     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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: '65b3f503b144dd29da530fa69d461b644ae68753', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9813f479c1eccf8191be7f244ef7da43f5bbd0ea', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '5dd92710f9729202adfa25724d147873df1403ae', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '268362984a3027ab2d11aa399e9ce9b2d5fbd571', class: "gux-input-and-error-container" }, h("div", { key: '67d53623ae4c00a632a94809f4fd6880740b4f5b', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd9723406cbb7e17e8a3d47116e512108992f3fa6', class: {
+            } }, h("div", { key: 'd5603d0a174f82b00440689183a42a861f93106c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: '07da4b466e0bee3e153ebb08959b808323268746', "icon-name": "search", decorative: true }), h("slot", { key: 'cb2ed28e6721aa89f6d9539d2846e7d59ac50630', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '2ac5c61d0d639458a29d8d9714aecb251b36bea5', show: this.hasError }, h("slot", { key: '37cd2042c5f779ad9203276d06eb4fbdc07d9a7a', name: "error" })), h(GuxFormFieldHelp, { key: 'aa6c0b8524353f76d4644c1d3ecdf3f8fd5684be', show: !this.hasError && this.hasHelp }, h("slot", { key: '3002ff75e68a96a968f367ee1ef9305aab55eabe', name: "help" })))));
+            } }, 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" })))));
     }
     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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: '1ca1764a66cf8cdaeee68289c1b6796be811c73b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '10f41774a0353c71657954a30cb1dbc29e42d604', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '33372030326f623b69fbbf8441584b60e87b57d6', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'be7fa0dd4b4a7ccf0dcfba43be1cb7d1d96582fc', class: "gux-input-and-error-container" }, h("div", { key: '63939c91c2c4d97c0eb115fcedbe70cfe8a873d2', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a3968cf70d9bc7f0cdd949346e87cb3743df91cb', class: {
+            } }, h("div", { key: 'da77ebaf81cb2da4ff5f7b24bfed3aa37ad3df2d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '5a074e55b7f2313763dfe35cba166f750a5dd959', name: "input" }), h("gux-icon", { key: '6b03edbf7a3958cdb2eaf4ae644cab68948478bc', "icon-name": "chevron-small-down", decorative: true }))), h(GuxFormFieldError, { key: '09fa9ae2421e36a4817ba17742fa8036fe8b4cdd', show: this.hasError }, h("slot", { key: '79d810c3b3fece1c06a829a6aa0665e1133d9ca7', name: "error" })), h(GuxFormFieldHelp, { key: 'd11bdaaa1c0b8efb4a45953ae3606220cc334d6b', show: !this.hasError && this.hasHelp }, h("slot", { key: '4e0143f3550f3bf1a2d130d529358fd3e615aed6', name: "help" })))));
+            } }, 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" })))));
     }
     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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -79,15 +79,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '47208463e724cb78857e69704f455d49c76e77fe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '29aab8cfeb9826eb0979cfa6cb0853d01bccd97a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c14abb7afa496a8484a095adaf7380b4f767d884', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '9cf99ca28832b273fa70e1bc43a3fbb3ff6006cc', class: "gux-input-and-error-container" }, h("div", { key: '2f4a3409dac229a7d48331cd9c2356a4daa4dbbd', class: {
+        return (h(GuxFormFieldContainer, { key: '11aa067706c5f6c91ff83e5f7616640e350c6e70', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b99ce693335a34a1345c7cf3a3bb0c467adef8ee', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f92d4903220f4f4a26857f2cb8721d687baad180', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'd1cce04d2d9787290a56a30b893333f0c69e0b96', class: "gux-input-and-error-container" }, h("div", { key: 'f80b237e084f23118db59c44d230f1ebf3986635', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a5bcf8d7ac7c8fa258eb28d7653a67126ffac859', class: {
+            } }, h("div", { key: '2849803deb586c0d66bbf1fe74f56f519de48d04', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, h("slot", { key: 'a5160e2c567799b9d06ed1ba64d426ee3055d22e', name: "prefix" }), h("slot", { key: '2c71826b1487a6dab13c6cfe21cb2a7e9883dea3', name: "input" }), this.renderRadialLoading(), h("slot", { key: '80d52201bf8cf3e9cd9641344eac08bb0bda7544', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bc3363cad1b877316f832b66eec3eb7e543aceaa', show: this.hasError }, h("slot", { key: 'cc5ddd2a97f25e11d687b5b5ea91abcd5c24d051', name: "error" })), h(GuxFormFieldHelp, { key: 'abfd5dc6fe0717f885884ae25805339f4c10eebd', show: !this.hasError && this.hasHelp }, h("slot", { key: '1894199f1fa24f16b51c81de2321e28ef8187527', name: "help" })))));
+            } }, h("slot", { key: '2688c3997262b51ca3a3b8f0109afae98a42535a', name: "prefix" }), h("slot", { key: 'b8a15f02f4aaa306ba2a30718226497b266c739a', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'd1fa8e46f65d35fd7bac6e986f2ff688e0ef0c31', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '9ff394f8c52df4aeeca5c40c9e8f4fb7e05681c8', show: this.hasError }, h("slot", { key: 'bf41f9fd79fb75ccd17d76b12047193aee328cd0', name: "error" })), h(GuxFormFieldHelp, { key: '4d167581382d2e90dec87eafd518e5b3dfd964b1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dfaa97a334b26097a93de84a6e37d76e08e6fb9c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: '21edc7521eeff08c9a4a4986f07963d9fadb3455', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5e105f5eae919ea0b34bef6106494bc7bfd97bde', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '2791528431c16d10b8083476aaaa13f6a6b52967', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'd07a4d2231a071bbf227fe6ccd9b291480a840f4', class: "gux-input-and-error-container" }, h("div", { key: '543ec5ce1c04df05c8a65a80f34a2282c1746141', ref: el => (this.textareaContainerElement = el), class: {
+        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: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'bf926ab7ba621ba5a84c9aa4a096db74d1dbed52', name: "input" })), h(GuxFormFieldError, { key: '0b267e5dbbcf4b5b16cc8ec981e1771da41a9e41', show: this.hasError }, h("slot", { key: 'ae00b3e5b0b6240baf48eab2e6ec6e5f8367baef', name: "error" })), h(GuxFormFieldHelp, { key: '4d6e8e0bf8bcc120606beeeef6a8af08c184f4d2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'da563c211fd9674f5d00a74561327db186486508', name: "help" })))));
+            } }, 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" })))));
     }
     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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: '45ba1e5d3250f76d768824144a89f6543e71e44c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '54395c59424113d4046562b31d4d6d56a91ce605', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '0972e27dbc5556249150f8ab057c7b588c260eed', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '01e88cb683d60e1de8c9c3bd2aaea95b83b08f3c', class: "gux-input-and-error-container" }, h("div", { key: '29534269b676c46cfc20e60f32159d03d582eb7e', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c0d4e03c651e76d20edc94ace2442c86a16ab5d8', class: {
+            } }, h("div", { key: '5d7c0cd3386342fbdabf6d62a4f3bb9aefef8614', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '700b70106a36e05782a6a06be07e40f925602435' }))), h(GuxFormFieldError, { key: '29b2a44db8be179bdacaf4d2d38070b0dcd80a5f', show: this.hasError }, h("slot", { key: '581747dd1b38672cb79d04024f2dbf4c7327fc18', name: "error" })), h(GuxFormFieldHelp, { key: '2c83a2641cf78d92b421a1f2e9663cbb31592d3c', show: !this.hasError && this.hasHelp }, h("slot", { key: '081a12d7095e5fd867789c244c3beb91bc7ea4e8', name: "help" })))));
+            } }, 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" })))));
     }
     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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: '028e13eb4ee7cc02d1fd96353e9202d693efcb5d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'e7ba848fb878de1e221f429fe7e5aec007c77c74', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '014159b691a78386fb4eaa14f035c57a43f6ca03', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '8c831ca5a902f8f57bdde269744fc91a0d4c0446', class: "gux-input-and-error-container" }, h("div", { key: 'f5cc83af07b80e166fdfdd05e42e9bb8f0c6a3c1', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '14c9c8202cd660cb73fca0ceb0090c3212e3f08f' })), h(GuxFormFieldError, { key: 'd9b44d9f01d063e735f11437c04829c4cacba55b', show: this.hasError }, h("slot", { key: '9d6c8c4a72b2be7476fecd440cd151edf60652a8', name: "error" })), h(GuxFormFieldHelp, { key: 'bcb78d59eb2172509c9b6ad420b7de8c52591cb7', show: !this.hasError && this.hasHelp }, h("slot", { key: '2222f2004fdb836780945574555c940aa0468008', name: "help" })))));
+            } }, 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" })))));
     }
     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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: '563fd7836a8dee2368f79f876fd7dde3b1aee7d6', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '123ff50b057117db333bef0c7e9d2318d0452dc6', 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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: 'f91ab9a2f27298d64b9bb129bde693bfae717258', class: {
+        return (h("div", { key: '7caded91b7e176e48516b6d2b39227b18733e2c3', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("gux-icon", { key: '3833fff501ea94dab2d133e49c8a7c88d37c2659', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'dab46d5908f75422123ec4b29dfb5dfad75bd7c3', class: "gux-message-wrapper" }, h("div", { key: 'c379c1ad3e7f681cad4e1e58ed1479ad6cf372ac', class: "gux-sr-only" }, this.i18n(this.accent)), h("slot", { key: '5e678920fde88c954441e594759904b6866ac902' }))));
+            } }, 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' }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const GuxListDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '989b43b27752d851310e38358e9f2e336830c171', role: "presentation" }));
+        return (h(Host, { key: 'd5f5d3f2b7416397036fe326af9d25a16b3b0c13', role: "presentation" }));
     }
 };
 GuxListDivider.style = GuxListDividerStyle0;

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

@@ -25,7 +25,7 @@ const GuxListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '6e31f0653135456fac4068c765ce997681992ae3', role: "listitem" }, h("button", { key: '472a083d4246a4af11bb39536f8b068d547f5028', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '15d01aa011f8ca1e5c23cc76e937a16c36636ec3' }))));
+        return (h(Host, { key: '3ebc7ba7612911429b236980cc269c62f780bb71', role: "listitem" }, h("button", { key: '73b146fcbf6b4db026d91366d0a9dc3ec529c813', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '6b3b647d18c75d730e4fab3182f36e842466e8cd' }))));
     }
     static get delegatesFocus() { return true; }
     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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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;
@@ -56,7 +56,7 @@ const GuxList = class {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '502b5f01972b3fec934fa8db430900be78026733', role: "list" }, this.renderFocusTarget(), h("slot", { key: '6362cc766649bd2c09d090ba2671f793b85da318' })));
+        return (h(Host, { key: 'ad7114dbfd9bfd2fb141766babe54e4fc52ca001', role: "list" }, this.renderFocusTarget(), h("slot", { key: '6e9b69ab988c0b95a377bf298fb99803a2ed1c6d' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: '9c593a7f22751093ada6e521cff903d0979b42c4', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '88cde36c045fffd96cb99d8151e44e29593e6717', class: "gux-progress" }, h("slot", { key: 'a495f0c9d0c34831e5cbfba632a671dd472157b5', name: "progress" })), h("div", { key: '53fcc29632c0aabd8957c2400de76844bccc8389', class: "gux-primary-message" }, h("slot", { key: 'a38d090e732f04753e01ee0861ff83a02eb04693', name: "primary-message" })), h("div", { key: 'e4405c609d6b2abfab55d91678cdf24457470a57', class: "gux-additional-guidance" }, h("slot", { key: '7c92456ef5301f4319b6c2c6f8197d7064d49145', name: "additional-guidance" }))));
+        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" }))));
     }
     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: '5ed4c640b897919d7bec94fe088be94ede2e3ceb', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '13a0787715ea1dd26f08aeaa361710dd7b7a5b5c', class: "gux-menu-option-button-text" }, h("slot", { key: 'd4240de1290608cec7928aa77eab0ed66ee0a6e7' }))));
+        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' }))));
     }
     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: '597ba3a24a319a224819e9b11e7b0f51c3aff473', role: "menu" }, h("slot", { key: '8379dbca2868188684b659fe9f30cd17e37c21b2' })));
+        return (h(Host, { key: '90be348799df39d3034239987ebf28f9be427efc', role: "menu" }, h("slot", { key: '3f22ac2f08a881b984327e4312f85748a1aefda6' })));
     }
 };
 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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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;
@@ -42,10 +42,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '4f6aa228da982ec9c989d897d0fe7c1700313bad', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7f3cd94ba2aef4b4047a693cb3b9475261a5a9ef', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '6b736a5ead8c2fdc8d617e4ffd3a73e8750a629e', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'fd018c98424131ba411a0e1c35cfbaf271c71fce', class: {
+        return (h("div", { key: 'bf5aa99c17196583643a091cadc4ac61af4e95d5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'd13021f74577d221681404037749b2fa11a49f7c', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: 'cfa6569a483402546a6c02d82eb299532eeda09c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'ffcb7df17b6096b63cf4c7f7a54a363ea9e3822a', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '6a6934dbee9ed80f99526693beae3b84d11e1974' }, h("slot", { key: 'c802f05c579addf526fb0ae44e003caa954532f7', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '8abb233f4af9528d456bcaa50884f426f274c14b' }, h("slot", { key: 'a5a7e272a776c515e6719cd45d6473ebea19b970', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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: '401bd12f23b174ca41c4268ce0060585875cd798', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'e852c3aa4e123af7a6b4f2ef677f81cfff8cb2b4', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'd6c479cb0c67399476227c7156a8425e2d2b0d15', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '9dd11b59f0ea534a13baaec9a52a141ede467a5a', class: {
+        return (h("dialog", { key: '38fc57f5c63542093d562456a13a9aa273a82c02', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '47f4b3edccab6099642c8321d5104ec5385063c7', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f6b6ebd16927d726066b17cb697df2cd230c8bae', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '897de639e91d46fa1304678b6b6bcc59414de3bd', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '2b9dbef5921358022d0ce677275df77f6f621fb7' }, h("slot", { key: '45230b34b5bd1cd5b04188cfb348a329681c9e08', name: "content" }))), hasFooterButtons && this.renderButtonFooter())));
+            } }, h("p", { key: 'b3e55ad109ea070a219d55eb456e5645181d91e0' }, h("slot", { key: '1d340009d806f6956a8fd434562fbed6a94ecacf', 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-17be4097.js';
+import { t as trackComponent } from './usage-adc4eb77.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';