genesys-spark-components 4.93.2 → 4.95.0

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-79f777a2.js';
 import { a as getComputedLabelPosition, g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-986d3f3f.js';
@@ -100,7 +100,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7e0dc0beaa1fa180d4b8a59d9dfe00b4e0653d34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '75a05ef6673d3c547cc60859b5f87f82dd980915', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '5004592368bc828d63d236db313b4683d9e2ab60', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e27c8b29a246528c3982de11d17f1fd7d64c5f41', variant: this.indicatorMark, required: this.required }), h("slot", { key: '36570c844c35f6636c7c2f83dca491b2c00f3033', name: "label-info" })), h("div", { key: '50414e470aa19d81ad392073246e1e2089edd488', class: "gux-input-and-error-container" }, h("slot", { key: 'd6bd9fe4e908c75d9d63605e7c3eaf2d45982951', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '120319afc4826e7c212008967af9899dea298acb', show: this.hasError }, h("slot", { key: 'fba07ff53d46d3561942dbb88a42b5afb6c4fbd1', name: "error" })), h(GuxFormFieldHelp, { key: '51a1f46d7920b826b528fb38161915faa5eda096', show: !this.hasError && this.hasHelp }, h("slot", { key: '7e262e73e07aeb3fb8665acb7f306dba65ad90c1', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'ec8be0e586c3b52c50ef63810e1f84e51042a1f9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ae77e4d4cb7b54f0e8a1a171723fee09bfe2ff91', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fb03cfdbc9e3d2f688dc8ee0b5d616a4472431f7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a1cd7341099504ce9cd1caa6fe2ebd7b09ad3ed5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '057d483533431f9e0aba5aa2195d2bbbe3cb1e5b', name: "label-info" })), h("div", { key: '0142401d9f88421e21d74fc3beb1966b3b3d7c97', class: "gux-input-and-error-container" }, h("slot", { key: 'a1ef1cb2c04b694adc03daf61c1417f497583cca', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'ae5dddf7f46fa681982c52ae5aa5a6fbc5a93933', show: this.hasError }, h("slot", { key: 'ef2d86dcde1cfe6ed6a166cd3867c273cfdeac6a', name: "error" })), h(GuxFormFieldHelp, { key: '96292e3289aa82f137338f50190a10bd345177ac', show: !this.hasError && this.hasHelp }, h("slot", { key: '9cd503cdbb37781b6485102f4f8492b927c6e78b', name: "help" })))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 
@@ -20,7 +20,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '7d6f8c70d0e1d0b989b2d50fbd25ea3a2f73142f', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2915976047bd900f4e96b4eb3a214236e5001c7f', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '5780725c1eacebe4cecd87b76b7495502a66518e', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '826220182c7a0ca54418a77c8bdb49464961d2f7', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import './get-closest-element-728b9f18.js';
 

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
 import { O as OnMutation } from './on-mutation-66a68405.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-f42eabee.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-e742b324.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
@@ -98,14 +98,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '9dbe4366a2d00911db5fd095472d8bc4bf878997', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8940819968c84d1b2197b244b36c5a73e994395b' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '791af08872c28ab6feb8de6f8a143db5f5b53b39', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '44fd8715522535dc58ab19489b154253acbede5e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '602156daa4d6c2c09b41b6b3144af91269e08597', variant: this.indicatorMark, required: this.required }), h("slot", { key: '832b2d04ace14f42a3d44bc1f562f80b603cadbd', name: "label-info" })), h("div", { key: '759588e7dbb139e628217a50d233b215562c3777', class: "gux-input-and-error-container" }, h("div", { key: '4af0b4dffd50d83a7ca28e15bd12c4264a205ace', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'dbde8cad293355dccea2772363302122ddc66b19', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '90cc4152a2e6adff78a668cd3593f92c2b34cce3' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '6aff06b0eaf9b08c40b3196fc98f24cf5858d4c9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c228bc1fb84d16e33463b6cb599cdfaea0846341', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '73fddb07bd73ede299442a70441973b4a02a33f4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fcd61155d6223486258f2a345d92723ea88dd6e7', name: "label-info" })), h("div", { key: '40c9db6d2f24462b79db483171ea9a885a1b7097', class: "gux-input-and-error-container" }, h("div", { key: '1c87c45c8267e76210273bdae5d20a59a4b5d355', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '33d1ad8cab0845f0748c5297812f5abda2137933', class: {
+            } }, h("div", { key: '91dc86d9da2aeee21912b0e8cfe53d4c1f869d71', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fb907d77d82201d2cee730f5f54546d39cfe0106' }))), h(GuxFormFieldError, { key: '7d79f77be59c9651ce9a9cd461bbf9f3ae736d5a', show: this.hasError }, h("slot", { key: '7f9de545626b3cd12b3b7f1e7639fd43b1d8e426', name: "error" })), h(GuxFormFieldHelp, { key: 'f87d4ae89adda04ad13482c465984b9c637360b8', show: !this.hasError && this.hasHelp }, h("slot", { key: '774a6aac20d8a963d4e9c936800074164cefe804', name: "help" })))));
+            } }, h("slot", { key: '28c2186f85c2683794c2e6a57bf21b6e6835cde2' }))), h(GuxFormFieldError, { key: '7d3cfc37084fc1d038d3eae27773e2f49bfeecdc', show: this.hasError }, h("slot", { key: '9597cf3700f9dba1233f3f4b534684aff5fe6ffd', name: "error" })), h(GuxFormFieldHelp, { key: 'bb7e04bbaf49d6fbe6bf45d3010624aeae7e02d3', show: !this.hasError && this.hasHelp }, h("slot", { key: '7ebc9bb8aec539874c03f1ad4870c9626d404109', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -5,7 +5,7 @@ import { b as buildI18nForComponent } from './index-44765751.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-e742b324.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import './get-closest-element-728b9f18.js';
 
 const required = "Required";
@@ -109,8 +109,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '6a76d4ad97902956286b049e84fefd22aed40034', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ab6bfad55bfd7956298e3b7417760ca2749edc53' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '36c778682f287a5a4d328eebc778bbe7cb6682c6', position: "above", required: this.required }, h("slot", { key: 'eeb8abc240492c8ff0e1416616449bdc72b76ea1', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '923f209fb70fe3c8d79ab01054ad38632f516e02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7770e201f043a6633e6322df518ad263cbfa95d6', name: "group-label-info" })), h("slot", { key: '79a883b74ce4b05767a19516561493bd41a6b439' }), h(GuxFormFieldError, { key: '546a10e352ad5f836a627b77cbba681d7385e892', show: this.hasGroupError }, h("slot", { key: '9b3cbc4e4d8a63156aac2d11bf97f3663006f2b4', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e1ac75ec7b9c446141b949fc23dda9a166747468', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '04fe13870a936ece3a9489224352b3462f23c6dd', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '3edfd34f7668c2c888437c1f206a7baa21522c65', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'd06ff4e41e24027a9c509a43e8644aed17d23478' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '0bb934174f7232628fd89c5fbb061397c9eb9ed3', position: "above", required: this.required }, h("slot", { key: '72e74b3ded76fe0683b7e22a381ac22cb1056810', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e452dfdcbc8fc51f0f87076fd307995ad34cfb4f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '50f5101f6e98eea190184cd1cbe0b35a4dc2ad47', name: "group-label-info" })), h("slot", { key: '622b08ff4b73d294550f807e61171f4702c44ab2' }), h(GuxFormFieldError, { key: '4a5be5687edde8278d61b8cfd1e130538ee6e048', show: this.hasGroupError }, h("slot", { key: '1c9e9dabe4b62fd1cbfd17d43bed6499ac043473', name: "group-error" })), h(GuxFormFieldHelp, { key: 'd236699c119ee203aa59c29813db4582caf165b3', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '61b3ce846d6908e63f234a11008029ca20f6013f', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -5,7 +5,7 @@ import { p as preventBrowserValidationStyling } from './prevent-browser-validati
 import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: '1f9058b9cba8e25009df7188a833dc7c77dee10a', class: {
+        return (h(Host, { key: 'bdd5bb62a05c306e10c675d2cd317831938d6849', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '21095dca5c246e05c643ae085742a77c0692456a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '6c17a8f7ca09a54dba861774b94042b8f01cb77b', class: "gux-input-label" }, h("div", { key: '13745ab315bd98fd6cfac51b84f8640bfd4c54fa', class: "gux-input" }, h("slot", { key: '06f3a11d98078e33f7e52e1420f4926f1d4cccb7', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c097d66257e43c90e1136f0c59fe36c2893cd3fe', class: "gux-label" }, h("slot", { key: 'bcfe31b19828e0778d9d572bec97f435389142f7', name: "label" }))), h("div", { key: '4f1eeb5be7d495e8f1624dd6036e5cad42726968', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'dcdf2c760f97879c2e8f096e8696ee69be1207e2', show: this.hasError }, h("slot", { key: '2fce9a4267950b027dd59e17d3f47903f569db4f', name: "error" })), h(GuxFormFieldHelp, { key: '59e804c39c6d66c7a82e17214953e1c1e269910d', show: !this.hasError && this.hasHelp }, h("slot", { key: '1a9acd8b48a6d3b80c64e05375ef3eae8b25f49d', name: "help" }))))));
+            } }, h("div", { key: 'cedda2630fac50680d9c78d3880c818b70d844c5', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '8b50e84df3f9d0edb1b30e1b7af9f6861dbecd09', class: "gux-input-label" }, h("div", { key: '0d65e81dd241d493df880871efa88665caefd22d', class: "gux-input" }, h("slot", { key: '49bf5935d0211c7308562a3c22d98983cfa79d1e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1cee92e44eea39d61be671af55721a76db1edabe', class: "gux-label" }, h("slot", { key: '6db40d2e3f714d8aebcd3ebd5cae44323eeb53d2', name: "label" }))), h("div", { key: '1478321e1f2e24bef80a3c3aadee856ca624be50', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1b4449c4d4bb2f03d97326ae6e8f1ea23aeabcf3', show: this.hasError }, h("slot", { key: 'c48dd11248d9bce2478d554dfd8919fb0472ae0e', name: "error" })), h(GuxFormFieldHelp, { key: '96630e13f5bc940349240033a28feb789835dad3', show: !this.hasError && this.hasHelp }, h("slot", { key: '5d0ea49f3678b6b6e6f24c097591efcc75a0db9f', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-79f777a2.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import { O as OnResize } from './on-resize-15b5b704.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -115,9 +115,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '0b2a0ac59a1df20216c07cf3b5d776076652f419', class: {
+        return (h(Host, { key: '24bad458d09424cb27b90d72ec1d4462df968f5f', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'b30204ef473dc608ab1938cc9322d983c09162cd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ea2b43f91152b537a67f361faf3db593ec147e8b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97bbb28a1cbb26ac31e14237667ea08494c4873f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '763dd478ce01d5a875453e46aa98d508b3ca2e12', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dbf54d1c841ce5e6fb09f8f2d28612b68f6ba607', name: "label-info" })), h("div", { key: '0bc87a2c456146133114820dbd7247aa03725d8b', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '6624f8459a84bb6e97199c6c17dff76b033b216d', show: this.hasError }, h("slot", { key: 'a507edab5a2cfce56eda8ea00067081d591a0566', name: "error" })), h(GuxFormFieldHelp, { key: '5f5b31313a833c0c8d435b2c7efa3026bca2b1b9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c92b67441b93640998d8a1fbabbece8653b04590', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'fdfcf4450bfc811ffc8cb36f485d4821b5ff4791', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fce4be4a7b54e87b577762ff69369362da4af446', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9832f6def25ec6597ee337d6b3a9b540667694f2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5185727c8b7493e055b53567a4af45beb218f78f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'da710f17135ee689043e716243eb7daa59c6a0f0', name: "label-info" })), h("div", { key: '5eb6e8ef5745690c36924e683e9820a897cd3629', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '375ca9d8bffa053c3bd65ad9f68854085f83609a', show: this.hasError }, h("slot", { key: 'f211f49dcf3c53bfc0f88c95e72b7d805c44cebc', name: "error" })), h(GuxFormFieldHelp, { key: '8bc7a0d543afbe96097554560df90dff8086d4ee', show: !this.hasError && this.hasHelp }, h("slot", { key: '08267bc8656c5bfa2d50d3ee679ada9bee3216ca', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-79f777a2.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -95,13 +95,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ee1ba845e3e069d33a4f843941433087966a9530', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fc30f907dd13e00a0965e0b43132d3ba189f664b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4ac5c5d7bf05b63fd72f03144c6b108a0b6367c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ecfc440ec3c70f27ee196bed53e7a0cfe484b56', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2084f698c1828fb1f678148308ae0f1aa1f65e6d', name: "label-info" })), h("div", { key: 'd18ed366dee72e7f8b8afcda6c03043b400b4f13', class: "gux-input-and-error-container" }, h("div", { key: 'cd80766d00e138306674e01e60d24a4e9fe978fd', class: {
+        return (h(GuxFormFieldContainer, { key: '23d091397bba1de353a3cf06d85c28b530231664', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '17fb6533c7edd27e9d852afbb5351021062dee33', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9ad0ab9c2d0dd5facd45126ffcf0c9fa0020d9a1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8f8b7dd803b5a6e98b1a297f94f4531aa962b034', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0910ebf7d36d96cac2b6696763ee758ceb220b1b', name: "label-info" })), h("div", { key: 'bacfddc6c73780acb79b7b5a949a751dd6ccdf42', class: "gux-input-and-error-container" }, h("div", { key: '287725d629494102901b3c1f1a1308f3dd78b2ff', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a41e48e5b4e57c816af4a8a1b0081d5afb669f90', class: {
+            } }, h("div", { key: 'ee655027360558cfca219dae4dbfcd806b2744d0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'ba401019fff62d4a024e631e888b9c63b3eff925', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '8be37fdfe79e838e66e76bd2db4239d3a1b4a88f', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '81f511295f00b69a4c4910b514a692293bbf577c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '873888e1206a7c292a26a94a1dc37cf3bd20cf14', show: this.hasError }, h("slot", { key: '4e2f93f89f8ef47653247aebf03dc833860e71ac', name: "error" })), h(GuxFormFieldHelp, { key: 'fd65d4b252d260a0e738bb600c79d2f6d1720216', show: !this.hasError && this.hasHelp }, h("slot", { key: '61779b9bafbb1c4671f49373cbb9c8968d642cf2', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5c27f65f54c9e4795c2795e8ac39e83a4911ea7a', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'dba56b483300735730a087acad7849b446add223', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'f4c56626b9b0bee5c33bdda8c162fbadb9846895', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'a8cfb378725456a0752e73c28c27b2a5528af9e0', show: this.hasError }, h("slot", { key: 'b465e66702cae5898b8f4f8cb842a459af6a4d1c', name: "error" })), h(GuxFormFieldHelp, { key: '913cb324e64a3b9e557076fa813d390e703fc173', show: !this.hasError && this.hasHelp }, h("slot", { key: '2f4542a31f5c0298790cd75d22c2927379bb85a5', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-79f777a2.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -85,13 +85,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a891d746f1e196c085401687a23d8e082db62558', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '111051fdcd79a931c5e4fbb54f0f8dc858df324d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9fc7b6d5768b4c2783e9d5bb9ed606e89eda6cfd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'aa2355ad7107bbf7cc3ffc196328b71b9097a532', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64e182139cf6ba85f444e50a386dd4776f921364', name: "label-info" })), h("div", { key: '063a815a8f0b490f434f22e5eca46151c60870da', class: "gux-input-and-error-container" }, h("div", { key: '6d98a4f02855f4dedc72c3ef16fc4853b0edfda5', class: {
+        return (h(GuxFormFieldContainer, { key: 'de3d4034ee9196f56168cce98de0d29e9a78e174', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '97d900c3de69381daa64e969fd98187ffdc55bdf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b103bd37733d530394724ce9e1ee5153f840be97', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6e4944dcda655d6e32d1167935e39ee2c97856f0', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b27cf7a2128e8e8b710cf73a36371a03845d3576', name: "label-info" })), h("div", { key: '807cf0938539bcf9aa797a2c631d60a967ebfffa', class: "gux-input-and-error-container" }, h("div", { key: 'd92c21f4e01382efce15948116b2217e0aefff5d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '77c7a76e45c4b99254ca8ff0b6d9d476d83e6fc9', class: {
+            } }, h("div", { key: '7cd091989e768a73666f916bb977d31dd9ba8ddb', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a6b83dcf94d3ba5d18593fc7ca5c363fa1a76343', name: "input" }), h("gux-icon", { key: '37d692a4d81936dfc3359e720c0c3ec2342f3a58', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'e7ac6050685cc4d6e591001428e0bfeb4c3d3a4b', show: this.hasError }, h("slot", { key: 'b0de1db0a8b8b1036284a7749dcd6063baf08a29', name: "error" })), h(GuxFormFieldHelp, { key: '07256c1cf58f785aa2069ce16b87e32bb372ec5c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c09f0d5e5cdb02ea8d5a75f4a469f407d2168578', name: "help" })))));
+            } }, h("slot", { key: '39a6c44d3d5b9ad8d6e0282368887bd7e031fb61', name: "input" }), h("gux-icon", { key: '54d8ce9f0d5affb623776ce40b0ff8bc4e70f664', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '80b8d5fc14dc410b08671932c8887097c72aa92c', show: this.hasError }, h("slot", { key: 'e183d7a33bce4966332879b297438d3381ad0ed5', name: "error" })), h(GuxFormFieldHelp, { key: '447d9b0d917b4f42f6ecfa73b9279c714ad7e6d9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b06cf501ba9f4c8f10541d07a8ba1d0aec09d608', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-79f777a2.js';
 import { h as hasContent, b as setSlotAriaDescribedby, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import { f as focusInputElement } from './focus-input-element-8a137b12.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -111,15 +111,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8542dbf3586a4954e599b474075d2223412a26f3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0b62b512499c8ef97761e2704f3b737cf06f968d', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5935577524f196d395cf644f49814f7766a09fd6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ab1777e7bf925e04e1bf7427aa2c49e2cd0ad5c6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '713b9725d03a6f121397db9bd4f77bb0cfe13c4f', name: "label-info" })), h("div", { key: '85b87e18390636999776496f487ec0c0cf25b0e5', class: "gux-input-and-error-container" }, h("div", { key: 'dac2fb06f90b9db78f46e632f234a7a41456d6d6', class: {
+        return (h(GuxFormFieldContainer, { key: '7ad47da867fa6f847b1fb994f377d70c92ef0cfd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2d4d031b0ec8b4583bbf0b5e94dea417deac968f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'fe4f6a200d6dd16f3078fe37c5d1bfe7c8976abb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6d653484e6162acdea6eb2fe08fe031f8e7069d0', variant: this.indicatorMark, required: this.required }), h("slot", { key: '468d584495812626aa29b4a822c72cfd94d7e94d', name: "label-info" })), h("div", { key: '7d15079b1d681944db2a3ba71aa867be81bd90e1', class: "gux-input-and-error-container" }, h("div", { key: '3d60a9742ebfcd89b5ee4582f31274a48b55cc09', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3465925d047570189a19f07a93989a60eb8becff', class: {
+            } }, h("div", { key: 'd398fbc705f1c62a79aabd513c21032f9dfb8882', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '252b146258530413117f35e3462e1c468ed1d508', name: "prefix" }), h("slot", { key: 'ce315116d279a9a7e2839e3f6ba6a3f973efa8b8', name: "input" }), this.renderRadialLoading(), h("slot", { key: '516b7df929a370f62e91f5918e5828ab268e856b', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '22ad01e5c3a63f23ed2cc066a758f704de050222', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '218838c17bf35f44a04cfd16974e6cb34b298da4', show: this.hasError }, h("slot", { key: '4996092e4483018fa7053601b765dfd53ae5af22', name: "error" })), h(GuxFormFieldHelp, { key: '2e2f5d71b0f59528c40a79d6411417814358476f', show: !this.hasError && this.hasHelp }, h("slot", { key: '32e2373d4ff0238fd7dbae1c9c113003ad93cb15', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8bcfc813430593546f4b551abc427928b43e6c70', name: "prefix" }), h("slot", { key: 'a039f9a4f70cdf014fbd9474933ceeaf0c2eb8df', name: "input" }), this.renderRadialLoading(), h("slot", { key: '2d163c902032df9ccb96ced83bf48087d55546d1', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '4354bf9ac87b6a1fae2aea63cf59c1ab59c3e27d', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '41abacce76538e8660aab4f2786911c4a38ca681', show: this.hasError }, h("slot", { key: 'ce97050ded6c482a67a908dce4c6447347c2a68a', name: "error" })), h(GuxFormFieldHelp, { key: 'fe856f84f90b1ff71a5264de5fa7b7b11e05ca5a', show: !this.hasError && this.hasHelp }, h("slot", { key: '2ee92e68526ff785aac2d5c70eb5be185415f721', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-79f777a2.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -89,12 +89,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '2df8e8c0180df0cc9ccc6aa2cebc48705925b2e4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9772db76e39f4642f7ab05f660dc516dc0467ebf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'abb7ea432242cf62d860caf1c9c0a2d3a9691744', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fd8256a8d319cc0b49a7c950ac5c6513de00bd42', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0b579b3ee118d7c85944193ff5b3cb4c943aec9c', name: "label-info" })), h("div", { key: '5aa038f7173b329bde1dd5452924b472b6dc5429', class: "gux-input-and-error-container" }, h("div", { key: 'da0492cf401dedf4ce4634a4e8b543a125bca2b1', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '2d64157769ee6304dc7b3f97fce59b700a277918', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd5925291dba40595060f8bc76e66820a28fa432b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c8b27a39230c671f8fc53b64240c057fd26372df', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2ea99f0c1ab133689cbb68e53b48eccd921b73bf', variant: this.indicatorMark, required: this.required }), h("slot", { key: '77e0a75215cb61473d0e34e98f37effdbe19c92e', name: "label-info" })), h("div", { key: 'af62565acb00485d1ce432e65105bb19a4546363', class: "gux-input-and-error-container" }, h("div", { key: 'a722bb9e45f803e673d775feb17a5d2c43c2d1f7', 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: '4d8f6336f444db1ece5f794a10f44d642a8ad684', name: "input" })), h(GuxFormFieldError, { key: '73a719a285cc1eb1c53943834231fe876d6b6053', show: this.hasError }, h("slot", { key: '1962caac9f235239eeec00c2767ada47c9bba4e4', name: "error" })), h(GuxFormFieldHelp, { key: '89fabd0537049dd567095190180b61b6a1426257', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ab914b417d16a31090c77485bcad9be32e82e250', name: "help" })))));
+            } }, h("slot", { key: '4a806b0065cb39845ce35f3c6b12984242efa3d2', name: "input" })), h(GuxFormFieldError, { key: '1a1d21db1a8b74bbb97e4b5e2d9ed35055a898e3', show: this.hasError }, h("slot", { key: '42ff00507435d4e55d0b361e87dfdad455ad7675', name: "error" })), h(GuxFormFieldHelp, { key: 'dc8973664fb6271301abeca283e51796dfc91325', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cddc7d8caacb23215848f86126ec239cdda79b20', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -7,7 +7,7 @@ import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-e742b324.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -100,14 +100,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '99e5a1a568c15e6cbb374a82670141611bef77bb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dd14dbcd65f247beb94bd5453aff013f90fa292c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5381652c00e6ffb9617b132a3d83a312e01d28e7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ac571f6ecba8c635b0d1ca060b0c3bf18856ce49', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4e365115b94f2e8a1a9b9a2eb0c083e5514022b7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '736042e117bf95af0bec592e0971591879cebea9', name: "label-info" })), h("div", { key: 'ab7c25cc058b84f6f6a9157dbabe707fc6e44022', class: "gux-input-and-error-container" }, h("div", { key: '3174841e91268f62b402e943fd568b24b5464e69', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '60fc562b76f501ceaeac4e09c4c6e5368d5f737d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b4d14d4a98da9a74251af893eca347cbbfc4768a' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '656373aef3a08a0ef8843a7ab56b4be4988c68d4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '47621eca560c5523135c6fce78088772f52a5737', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ad9f667f3c12c17da9205edd8c0ac3e8b2ccc31a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa58046bf6aecdd020ded12f03854e4e96a31152', name: "label-info" })), h("div", { key: 'cca787f8aff4614d2234205be5a5bf8fbc3784ef', class: "gux-input-and-error-container" }, h("div", { key: '9a44413706326db5e507c0cb9b719f7e31d271ab', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '070e8ae58e76f026d01b3bccf96258237c3dfd77', class: {
+            } }, h("div", { key: 'e3694c7f87f39182e4299dfc4f1cb6f0478e9721', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3c850e19772bbace5060af078500da64922cd2b4' }))), h(GuxFormFieldError, { key: '6f657e4ef8a097efa41cf4974f2af81d22fae7b1', show: this.hasError }, h("slot", { key: '33039502283c755dc3edf831f23738e6f595a7fc', name: "error" })), h(GuxFormFieldHelp, { key: '2851dfd95ccf73b9b0dfd64a5cd82b2b61cc94cf', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c0e2b86f132bba0c1e3165e0557e6064cf28b01', name: "help" })))));
+            } }, h("slot", { key: '5e0406319a26dbdc3cc72527b89060976b1c9f4c' }))), h(GuxFormFieldError, { key: '14c743026d91c5e57cfce025a8bda86d14678d50', show: this.hasError }, h("slot", { key: 'dd10497bc6f3d3f69e1b45f0a8ecf52bb58394aa', name: "error" })), h(GuxFormFieldHelp, { key: '53038618d0d2b6c011401ea52828d3f2183a502a', show: !this.hasError && this.hasHelp }, h("slot", { key: '35a68352f844da79be7545197e32c97e1acf8f79', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -7,7 +7,7 @@ import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 import { a as GuxFormFieldError, G as GuxFormFieldHelp } from './gux-form-field-error-e7e516a5.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-e742b324.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -101,13 +101,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'cad29676080233a809bd6d3c5dca50dd04d921a2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3b6c3d7a218c2d1bdcb8fd17970499b4b8cff1a9' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '7ad702a194192691090aa5afe2530f92305fc175', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ff793f022bbb9fccb76e12f9c5cd33841a0f9c8f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b4dabe7124c400e9754fc5140c36796a780d7239', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9db41be734b00d67644f1324edb38900076b7392', name: "label-info" })), h("slot", { key: '7ab81d750ba76da7614bb482c6b22496af2efab8', name: "label-info" }), h("div", { key: '98990959c2fdc92b9bf8047d355ed673034dc18b', class: "gux-input-and-error-container" }, h("div", { key: 'd9fed80602110c474cbbd4b6bd8049cb7189f5c8', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2e075d0131eda9fc5be091c017b2f21dfdd74eb4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0c16642d7b7b345e1830ce8d25b67d522a459699' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'cdc145f63f0922d19fe50978baa41bf226db7990', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'adeae92f6404cd22c6dbfac6946e8aa213d198aa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '472ce6b87b16a23e13c8b275257d774f19e8f782', variant: this.indicatorMark, required: this.required }), h("slot", { key: '714c0f32f962d72006be78619c5e3acccf508a82', name: "label-info" })), h("slot", { key: 'd649028a8ab26ecb0d6ab004a3a0e260081b8c1b', name: "label-info" }), h("div", { key: '6ddbca6d667d9e7dc7a8a25d194ac2876928dc4a', class: "gux-input-and-error-container" }, h("div", { key: 'bf87c797dbf63fe5c65304b3dd3555fdf222395a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '937623c81273c30d67175d57d76408e3e55aa46e' })), h(GuxFormFieldError, { key: 'a4ea74c31599388f712619ba31c5a57452060241', show: this.hasError }, h("slot", { key: '3f51a30a87a41bff3f15853b2ebddd75b847a48c', name: "error" })), h(GuxFormFieldHelp, { key: 'd47eff0ab977dd70d3114ca8689e73bffa8b00d7', show: !this.hasError && this.hasHelp }, h("slot", { key: '7adb9a57d397057a9f533915c78a36619b38109f', name: "help" })))));
+            } }, h("slot", { key: '4abb953129ae7c3d4a6cd75b5684e21e8cade2e3' })), h(GuxFormFieldError, { key: '008d2a14000aeec1abf79bd897f3ec4d2587d356', show: this.hasError }, h("slot", { key: 'b4838fd6bb461114e697ace230080bca1e6c0e49', name: "error" })), h(GuxFormFieldHelp, { key: 'd250b771e9196a164fe340b32fa8879b7f2efae5', show: !this.hasError && this.hasHelp }, h("slot", { key: '1939de913728f54e0145f769f03b1dbd611386df', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}:host(.gux-form-footer-modal-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);justify-content:flex-end;padding-block:var(--gse-ui-formFooter-modal-desktop-topPadding) var(--gse-ui-formFooter-modal-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-modal-desktop-horizontalPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -545,7 +545,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '469550b17dbff3ba890d8fd1903039fa34aadda7', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'd265324c4e6301a56947b023e7100c6bfeef91a0', 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-b6ca2adc.js';
 import { b as buildI18nForComponent } from './index-44765751.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.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: 'fde2dfb461f4f9cca557bba7cc7c26e68e089bf2', class: {
+        return (h("div", { key: '033f9c2d02ed50b74c0eed9a758617d9b68c4433', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'f605755387c01f481873d88b47ae005d4d8ff45f', class: "gux-message-wrapper" }, h("gux-icon", { key: '351c47da96232211a4ffca7a924dee89cda1ff62', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '0f7d7dd6f360e3ba2d1049b389b4a689f22dca18', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '8adedf88e6c7858b894b587dd15514f8efeb66a6', class: "gux-content" }, h("slot", { key: '6fbd601f20f23b7d5d75e8a0ad8afd7d6be65297', name: "content" }, h("slot", { key: '944f478762d7dd9f71009816c26560734de2bbf3' }))))));
+            } }, h("div", { key: '8c24a5319c4627529a094436c6ea2e3c733f20f0', class: "gux-message-wrapper" }, h("gux-icon", { key: 'ab1f179bd3fc5262d8151ba5c40498723980eb7e', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '9730289e008e4c0205e74846e3e7e20ced5c8e46', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '67d192a9ed0b31d6912abadb69ce46c71df5b80e', class: "gux-content" }, h("slot", { key: '64ae828ca53d830c7298d1d9bf903554c1df53c2', name: "content" }, h("slot", { key: '4e0607bf89105a6468c18c25c6029e8d44cb202b' }))))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-label-info-beta.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-b6ca2adc.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{color:var(--gse-ui-formControl-label-tooltipTrigger-color);vertical-align:bottom}";

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

@@ -8,7 +8,7 @@ const GuxListDivider = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h(Host, { key: '350ede1a420ac1457665bb88929b2563678950cb', role: "presentation" }));
+        return (h(Host, { key: '53617ba4ed687305c42345529d760475c3ea20d2', 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: 'fee0e4774e56d8f92d359fa440b692d91c6fc698', role: "listitem" }, h("button", { key: '9559265528fffb857a5b494a0cbb94a169d768c6', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '3b5093f8771af67724eae1f373f7dfc7d8594435' }))));
+        return (h(Host, { key: '893e725032bd4c3251bf3b7639753788a6e740fa', role: "listitem" }, h("button", { key: '712ff44cad018cc22ee4c380c8891080921e8aff', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '6b8fe97d97a77c15759cd0ded008f6360966e734' }))));
     }
     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-b6ca2adc.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-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.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: 'ad961f6ed0eb29a5359534c174d2fad033948d77', role: "list" }, this.renderFocusTarget(), h("slot", { key: '2dd732f57f7770db60a5fc81a1a7f4aba7b7dfeb' })));
+        return (h(Host, { key: '8e8ba6283534aafdd3d8455ab169b6f15cd6f24e', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'c7bc600bdd0da813f7d190b9a7f937d05704a6a0' })));
     }
     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-44765751.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-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.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-b6ca2adc.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.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: '2a491ffbfbab331acdb1689bb19b318baf2c52a6', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'c544e6f1a01e0c1b8adab7db367cc63c4469d42d', class: "gux-progress" }, h("slot", { key: '90fc79b0b8443cf46ca8fa944d6a1c13430ae716', name: "progress" })), h("div", { key: '37116499b176c0f63b9f919aaa15031455480a51', class: "gux-primary-message" }, h("slot", { key: '8d53d0a567e204dad15ee021c58c6b42eb106556', name: "primary-message" })), h("div", { key: 'ffd6ca8139a4b3797a61ce9337f191323986952d', class: "gux-additional-guidance" }, h("slot", { key: '04caaef6d427e5d4f28aa793e9936fc0a71fcf37', name: "additional-guidance" }))));
+        return (h("div", { key: 'e710678c224fe04a0a084e49ef9f4aeac2d06ace', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '43a40ea7a6995be0347783800698c2e9f515112d', class: "gux-progress" }, h("slot", { key: '5347b2aa85555dd66be284ff137cdf762e5ffc23', name: "progress" })), h("div", { key: 'c30290949ef83f2b59732a1a19a3b92c20352a33', class: "gux-primary-message" }, h("slot", { key: 'e5c65866ad8c69d943c49d28510f9340208bcbb1', name: "primary-message" })), h("div", { key: 'cb46b88b99c00dfb811921789166e90bdf3601ca', class: "gux-additional-guidance" }, h("slot", { key: '2635e00f68b1e0dce2ee1b9410142b8a1c06ac73', 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: '084c6fdf56b4b99b20c82ce5a9109fff82bcc355', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'f417a73295ab8629d57918729beedd1fd3bc1961', class: "gux-menu-option-button-text" }, h("slot", { key: '82de312db527b65536c4a823e4797a73bcae58a1' }))));
+        return (h("button", { key: 'fcee9f5c6ba513c0611fb0645b7eca4deb2126cf', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'ea52acc32d90dfeca5d1a880ed7a61139d78e027', class: "gux-menu-option-button-text" }, h("slot", { key: '99395f921076008b0b3797067d06b81eb18c072e' }))));
     }
     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: '8e868c6ed7b6030a102505a823fff51de51e565c', role: "menu" }, h("slot", { key: '3cb6a3d1e31b7e420a58a509759cade453520d55' })));
+        return (h(Host, { key: 'a21aabdada3702c67a4f7e46964287475092104e', role: "menu" }, h("slot", { key: '99835945b5aa6ca109eaefe698cf6c63acc58281' })));
     }
 };
 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-b6ca2adc.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-885cebd4.js';
+import { t as trackComponent } from './usage-3fc1a6db.js';
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-links-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) 0;background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-offsetX) var(--gse-ui-modal-boxShadow-offsetY) 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{padding:0 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);font-family:var(--gse-semantic-heading-xl-bold-fontFamily), var(--gse-semantic-theme-fontFamily-headings), sans-serif;font-size:var(--gse-semantic-heading-xl-bold-fontSize);line-height:var(--gse-semantic-heading-xl-bold-lineHeight);font-weight:var(--gse-semantic-heading-xl-bold-fontWeight)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;padding:0 var(--gse-ui-modal-padding);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;padding:0 var(--gse-ui-modal-padding)}@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: '54ee2ee20bdc7eb565ec7c301846fe95c0701b70', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ebcde8e545160eef0fe351691e414de7d1fe1de4', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'bd6f5052a0086079dab553f44fbd4e616191b1e9', class: "gux-modal-header", id: titleID }, h("slot", { key: '79b0d5ef17b1f21dbfcef0c2afb5c04f1cd4decb', name: "title" }))), h("gux-dismiss-button", { key: 'f1baf7b60b9be89ac70bee95945241d1bc268c45', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'de367243bc1c73bbb4f118a8609a6caa735e7924', class: {
+        return (h("div", { key: '5f457e12306e532a5faeb08ccd5088def404500d', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '9320f3205d2140c8297960533c16a6f42d112873', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '313656eb077ba16cae4e0a1e6b0ccd5a28ad5591', class: "gux-modal-header", id: titleID }, h("slot", { key: '713027a2e52f39d690f4ae9f54fa53338c9c74d8', name: "title" }))), h("gux-dismiss-button", { key: '9d6f660adca155f6ad6cabc57ec47fcff5288689', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'a627f9095e3fe0c5ad4e3c147bd8df2a1329ebd6', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '1ce53978aa345c27ced2b8593fda10633c17fb72' }, h("slot", { key: 'a88703c6156de6438eb9f744a1f08b27f5a70df8', name: "content" }))), hasFooterButtons && (h("div", { key: 'c113dbfb5cda799baa88b4897447349986ced875', class: "gux-button-footer" }, h("div", { key: 'ffbf55412737f83baa35b8c6be7ff494bf5a2026', class: "gux-left-align-buttons" }, h("slot", { key: 'd3a7dce0768d19319bbd60e97c22e54fd8538dd9', name: "left-align-buttons" })), h("div", { key: '8f53d0ac415ee4d21496f377c251d4a729fd4daa', class: "gux-right-align-buttons" }, h("slot", { key: '3008447b6e0e490bf1d008cdf87197a021cb4239', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'dcd2c29acc0a5af774e3e9979db379f7209d0bdc' }, h("slot", { key: 'b43de22c106dcb9f96635b4c3db484597869f236', name: "content" }))), hasFooterButtons && (h("div", { key: '69e643ca248133f867c0ff0685d9b659acbfd870', class: "gux-button-footer" }, h("div", { key: 'bd33f4551ca3541a26ffab0fb5a99942c4b5fffe', class: "gux-left-align-buttons" }, h("slot", { key: '1705c355ed16be660a6ae1e133fadfd564c2ae50', name: "left-align-buttons" })), h("div", { key: 'e35f60dc7090908e1a4fccae789b7fe833309d7d', class: "gux-right-align-buttons" }, h("slot", { key: '6c481dc20a43810f482ebda0193d5d740a3cb161', 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.