genesys-spark-components 4.111.6 → 4.113.0

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

@@ -5,7 +5,7 @@ import { b as buildI18nForComponent } from './index-6fa3d266.js';
 import { G as GuxFormFieldHelp, a as GuxFormFieldError } from './gux-form-field-error-453cd4f0.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6b73f582.js';
 import { g as getSlotTextContent } from './get-slot-text-content-95a85429.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import './get-closest-element-728b9f18.js';
 
 const required = "Required";
@@ -109,8 +109,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8646d0b536f9fa77a62cb72d22a574132c569d76', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '1b328bd383b62b0f0776bc15b5ec16472ec468bd' }, (_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: '19d74f17c38c7e10c3aea107f9c0111874bcc918', position: "above", required: this.required }, h("slot", { key: 'c4bf7222ed7c1607257baa0a81d2e565a280a644', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bab75d7afa7348004d0448a6e994aa4ec05dd958', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2e0de2aa4c82f1533bac8087f6c5f186f33251af', name: "group-label-info" })), h("slot", { key: '2331499f77ea40ba7ef38ff275840718ce28c0fa' }), h(GuxFormFieldError, { key: '91bfd5f14aed331e7c5543bda4b318541ba390fa', show: this.hasGroupError }, h("slot", { key: '4ec2134e3b722b51cc00ca4fad8979237ffc42cd', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a5c27963c7bcefd352e312660b6c8ef23b8d0096', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '7517b64af6c049abc4081eb2f4dea1d043e88e71', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'dbfd1fbf7433197bd3fa3c0916c83179cd7f6126', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '1ac4adb29e5864803e3091d87ba2d87f3e490490' }, (_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: '68b80b835359d30d034ad53bb20a7134a45c0231', position: "above", required: this.required }, h("slot", { key: 'e1bd8a17e79cc7d1a5c89b6acd439b736526c980', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0d4da7437e97244c1fd1bb64cf983e76838b5736', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f0982ea5528442ff241ba7c670d476e976704826', name: "group-label-info" })), h("slot", { key: 'c819d8ef5b4c3ea70c85f8c044e2d06bbe5dbd73' }), h(GuxFormFieldError, { key: '70d2b7e13b963713f9419482790bc2d6c796c6db', show: this.hasGroupError }, h("slot", { key: '7bc7db9d77b25c051f699b65e227246d76c9b034', name: "group-error" })), h(GuxFormFieldHelp, { key: '95edee33353f037864f08980dd6ca0cf650a4f6f', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2128cd99862d7b9ca1b98830e549fbf70a9fec1f', 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-453cd4f0.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: 'fed96c8c49406e71ae3bb7b116afb2c0591f6b81', class: {
+        return (h(Host, { key: '560cbdecf43e08dadab6931c24ccbfc911d54d3e', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '2914da86215007f985b046af492ca8314a081c84', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '24b4774de5f4fd92202bd97d06a01c6b47a48d4b', class: "gux-input-label" }, h("div", { key: '52c2cd0df939bb58fcdb45c05f7bf22b02693874', class: "gux-input" }, h("slot", { key: '416b6efb605f2ef8818cd836b4d1ea41d457101a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7773dcff902ee4c96c67c37c348b031f6c12a67a', class: "gux-label" }, h("slot", { key: '38784500d1703c5766657214c1a05312f004bd3b', name: "label" }))), h("div", { key: '3251d742977c72cbcdd62702faeaa45d840ce8fd', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '90220712c3b8ec0a63b7fff0502ccdd086a21033', show: this.hasError }, h("slot", { key: '8dc4388036c1800950c438af3dc337aef6ee7ba0', name: "error" })), h(GuxFormFieldHelp, { key: '7f9741c57918a12c8342a45a79d27462ed00ffab', show: !this.hasError && this.hasHelp }, h("slot", { key: '40c2560f8cc8fbc733e881d0307e465efa5bff7a', name: "help" }))))));
+            } }, h("div", { key: 'aad62148a263916930f601bbe743d389d44d0317', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'e6c669679198fb93b26d971df6f7951f592b7ee1', class: "gux-input-label" }, h("div", { key: '86146038e32e4b835a231bf46d8c6f8f5a623b87', class: "gux-input" }, h("slot", { key: 'ff0f31a8c14331d32e52d64c55d8ff78ce973dcd', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd36e8bd01ff2eeb30e2978ed297d301daa347869', class: "gux-label" }, h("slot", { key: '893da0327de98f89e133b23fcf2c7f6c9f1da830', name: "label" }))), h("div", { key: '8acc4f27e6a035ef674b5fe4f5642218a5b97674', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '90b93cf7c6f6249cfff5317cccc9a363ec19debb', show: this.hasError }, h("slot", { key: '81e6e7aec500c69489331f64ebef22e21f2b99f8', name: "error" })), h(GuxFormFieldHelp, { key: 'b0dc0a5a71b40cacb0987c382c4a7854323cbfb8', show: !this.hasError && this.hasHelp }, h("slot", { key: '1d7772ca5ac735bf5af51d3e983a03fd1b50d664', 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-453cd4f0.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-3b76ab09.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { O as OnResize } from './on-resize-324dd7f4.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: '02099beaaeb4945b00855e08ebf2fa454ae4afee', class: {
+        return (h(Host, { key: 'efdec5b05dc939ae35c8be76a32e1a007d7308ea', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'f4489a7dd9336025587ce549b071f5573d43e5db', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '15fc734b4e3ae3f6bc8d4c64e71a86138d244491', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f7e238bbb6024496fe86b8be6aaf253072504a10', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b6d29541f18996f54a031df06dc1978aa73997d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6deee026027198297109bf4b9330c8b7f3808156', name: "label-info" })), h("div", { key: '236a128611adab8603ca027a3e4f1ab6c981fb96', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '90984e8e3e4505ded924b06fee25becd1b8b83d8', show: this.hasError }, h("slot", { key: 'a220b4b923acee2e436bb9dfc06f70b5ec4a9ea1', name: "error" })), h(GuxFormFieldHelp, { key: 'dbbc319d2ef70283687cf108e65a8d9c0ff215ed', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b6f51b36cf7192450981b6fa65cd36d92be49185', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '04666e490c17816bea66d37f8e3477f8f6442840', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'be72f865c14fa0ad765087c38749916aaf8caa6b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6fe99fc9e1cad0bc1eb458b0ea2b7fd30214c743', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5be7bc89b2619867b7d2de8765256e4381eb08ae', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb8c186f81cbe84ff54136f5700fbef1bedac972', name: "label-info" })), h("div", { key: 'eed009174352e28030bfaca0dc5fc9a588206011', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '3bf2a9583bb6e7004a49f8185c843043e9fa7b37', show: this.hasError }, h("slot", { key: '5a3cbbe0b35b318a7ac62bb2dbd6ba79e5d5136d', name: "error" })), h(GuxFormFieldHelp, { key: 'ca0cf1aeb0ed8c508fd4298c62e92221998e7ca7', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cd787b966f3662e8af1a4e3b7cdcc6c0e9bfc4ec', 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-453cd4f0.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3b76ab09.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-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: '1a4242f3b735fc0d5cd819f42c47b629d97442b4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '04d15a249db7ed6f8cc1bd742a281248e675f467', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '231ecc5e1d442068a32785ffc72830a8d017cb00', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f2d923c0a0114c75b2ad90f80b7775ffe93b6f24', variant: this.indicatorMark, required: this.required }), h("slot", { key: '929c36b2473641e4049679c77266e83b1ee0e138', name: "label-info" })), h("div", { key: 'ad0a4389b375d749a42eb068a3544c5aa25877a7', class: "gux-input-and-error-container" }, h("div", { key: 'f5b1c31aeafce11a66b9ba3525677b45ddf7207c', class: {
+        return (h(GuxFormFieldContainer, { key: 'fae9d2bde3b9f15520d7cf963352a9cb315ddacc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c2dfab5ed0dc314a7dd6aa866747375ceae599df', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ce66cd8e59f0e21d9d55319a468effac53af1af3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7c6fbdcfc0c2144ce4c93b2f1dc3730f45f00ef5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3d382bee6d91e00f76dea6053012b0ea890871f6', name: "label-info" })), h("div", { key: '2710be721228743cbc5864865dd4a7307ba86cf6', class: "gux-input-and-error-container" }, h("div", { key: '9d895f5095c690d9042dae6a0c6506575e59c082', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cff2837d655fde12182fccf58997d734e30941f3', class: {
+            } }, h("div", { key: '4a340e271b02549be901f60b9cfa85c044a5d1d9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'd349b5ea69f440c1b63a99e4678fab3f67aaea47', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '2b31ffb30dffc2baa771033bc0832365e754851d', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '9306432483b8017a0baa5ffa212c5d8dafddee51', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '09e84078aaa9ee132a295a38567352e677cd28a9', show: this.hasError }, h("slot", { key: 'd7db374229d352d3fca1e5fd5153a7037817c44e', name: "error" })), h(GuxFormFieldHelp, { key: '7284f02292dd146a12daf28f0ba36ac2a5c17978', show: !this.hasError && this.hasHelp }, h("slot", { key: '087be384f47d40659191dc5e82a36ceac9e7bf6c', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '4a2f32b34255decaf73aaf32ecb5d5520ad935b2', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'b3e0aad95f7af9617fff5718e9a17e3c666d57ed', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'be4c68fa3184f04bdb3e7f1b5c6dda9ea9e6921f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'a18b0950fe0a6814da3e4f25e5b5ae9841bf0e94', show: this.hasError }, h("slot", { key: '90359f820a41b241e16a596e8c37273ecfd61781', name: "error" })), h(GuxFormFieldHelp, { key: 'f9a40baa4a08a153e5dda5b542712822956698f4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a135a1a2e80cad4e8c287a357a5290f735a33e4d', 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-453cd4f0.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3b76ab09.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: '797587c3df23fbcdfa8057399915683ff4c83e0a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c3127414aa313f2f69b17166a4fbb02140646c71', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9a821346a11df2e01111912ba2ff6469478fe1d0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '34ef7dc053274eb6e6d13a83d947f4c534f87b75', variant: this.indicatorMark, required: this.required }), h("slot", { key: '139768502d5fa8a95eb232ee31e9cd4925cb3296', name: "label-info" })), h("div", { key: 'f647a57c95e3744e36e81fe3c0f2a649c5e5342e', class: "gux-input-and-error-container" }, h("div", { key: 'fdfbc4d44aa46694928aa26839519bdf0fd08c69', class: {
+        return (h(GuxFormFieldContainer, { key: 'cf9b60de02dc645231b392ab46e91408ae937d76', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5cc32d72c253c9b38954824d36815b58c590865e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '125fc6ba3deeedc3676a9cd8e0c3697f75ad9e81', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '74f88c1305203e9032c0402de011b4610ff3d928', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64b6cbc9be3a8aa617cbf1cbc3db883854c16b1d', name: "label-info" })), h("div", { key: '8c0d65ae4e05ae5be03744e7baedb19cb4198ddb', class: "gux-input-and-error-container" }, h("div", { key: '75ad79a390b93b54cb0ee21c426d908c9f096803', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd8a672ae13c1b23876cf62f77127d6b9a1f5f372', class: {
+            } }, h("div", { key: 'a65f1b161716ea1d29752c7625f8f8314656f5e3', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '8b4c9ed83fb78e472f5dad00c6b4497528249769', name: "input" }), h("gux-icon", { key: '73bdba1572f9f648f2563169a35a7e41f6dafeac', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'b456395f95f07a0e2277c3561f3e1e0fa866b237', show: this.hasError }, h("slot", { key: '3672109e8950e05ad2a4df7f6e7191e63a2e55f1', name: "error" })), h(GuxFormFieldHelp, { key: 'fd815ad74300866113603ed10bf11f16b8428d4c', show: !this.hasError && this.hasHelp }, h("slot", { key: '13744e182709909834074d4f00c17b95e0d6dcec', name: "help" })))));
+            } }, h("slot", { key: 'ebe490e4ef8acd982ecfc0dd82835b193e003945', name: "input" }), h("gux-icon", { key: '8f024b3621a087cde0871f5587942618254e59c6', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '3dcd33346761e4faec0f006bb931cd599d62c496', show: this.hasError }, h("slot", { key: '38ff107bff216be2ef6dca3a109ca1c44564db85', name: "error" })), h(GuxFormFieldHelp, { key: 'd549c71211e2dcc0fb3d59dd0da56be6a6fa58c2', show: !this.hasError && this.hasHelp }, h("slot", { key: '982cdba7d61099fcf99f9e70747459d2da71ac9b', 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-453cd4f0.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3b76ab09.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-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: '1ca223257c2c32f7d9b4916ba256271dd5b1d078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '891622b154066f89ef432137514222bdb0c7b8cd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '07ebbf4da32bfb7c043bae5db05a3a0d86117873', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2cf8c5e3c5f12d028ece1309a7817f667b06c265', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1f9b6aaf0a37c44792af82940545e92c97834c64', name: "label-info" })), h("div", { key: 'fb69f8031c90def7c837b9d78742bcbf61550c27', class: "gux-input-and-error-container" }, h("div", { key: 'ff2d9d7e483c05e625893a0f5850982cdd92c55b', class: {
+        return (h(GuxFormFieldContainer, { key: '2e0d8747c6927180ef49b1eac1d64296b982464b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '624b2e5099934813fb278ac00009c71039edc431', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b8881080efecb0dfbcb4ecc26b83643204cf56ae', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a465e8cd7ebe65b1ea1f07a22da0ebc89d60ab63', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6685d45c39e7bdc6a1f0c214795a9274f9f0a38b', name: "label-info" })), h("div", { key: '0e2df797e7ab8c05ed68f3a3a7ce0b45e3609dcc', class: "gux-input-and-error-container" }, h("div", { key: '7f0e8628b09d4c182c004cdab545e4e328ec7548', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd449698a1223c5d827a07761385d16c72cbdd89a', class: {
+            } }, h("div", { key: '5ab627e91ea691e1bd11bd0bb7bcad3e1a51ab55', 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: '7cdc2f7fa447aef0e718d3dea1c217b05738fec0', name: "prefix" }), h("slot", { key: 'e54caf74962d08fcdddaff8b8608c3d6e943bbdd', name: "input" }), this.renderRadialLoading(), h("slot", { key: '05332b5ca75369f96ee6ebbd57a3f44a6050c3fa', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'dbcef6499ddde4169e89c920c5a021dc1a375362', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5527c143efb4e9e4bb97ffbd52d407c7c86b3864', show: this.hasError }, h("slot", { key: '532d5e81c1a39cab499766e7fc5951195c092dd5', name: "error" })), h(GuxFormFieldHelp, { key: '7f7e8243c8b23da439f373250e2d86f030774433', show: !this.hasError && this.hasHelp }, h("slot", { key: '633bccea0610149a1efdb19c9ec7098f33412eb7', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'a8e4382f8da9b7a105d5444d11364f3b62e266db', name: "prefix" }), h("slot", { key: '5908030a07318e385469929a678806dd36b05a89', name: "input" }), this.renderRadialLoading(), h("slot", { key: '60733eb1bee7bff7cf725c68c90dca0b6263c232', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '7c65de9fd0a36d1736bc8c61899384c32d3a9f7b', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c8a7d89141fc276f3b8c9224c4b27d239686aad6', show: this.hasError }, h("slot", { key: 'bebbad18b49e8492fe2d1b2b1424c0c7a643dd7f', name: "error" })), h(GuxFormFieldHelp, { key: '57a10f42f42e1f23c263645aa5eec2f5b394458e', show: !this.hasError && this.hasHelp }, h("slot", { key: '083667934a809c79bed03d4b39da290207c83508', 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-453cd4f0.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-3b76ab09.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: '71c1de67f1dad119124c1ea356bde10e1ffb4db0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8aaa07ae0d057d127da790e50de4c0137a245e12', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ef0ecd2bb3ea150200fecf39e5b0b7cb1642ed66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '29c6d2afff6c7c609847ee8a5041f20213418b4d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff98ef2722dae089385c3077e31284295f0a6109', name: "label-info" })), h("div", { key: '8cd8ec697f2146824987c2abdac1b0ad899dde68', class: "gux-input-and-error-container" }, h("div", { key: '79400572c06fd09c9be0f7a4b369d07d3378f23f', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '911413e5bc044254be5302c018a9ec464edd40ff', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a01e54a6b6df5cc0c5046dcfb39e30a12193d67a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9f8759c55ce2b7958506dbb666b8311f04594848', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fcd7a77bc13727fe5b6417d6fced16a7dc07cd3a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6bd8a95ec0392ab106a52ee1f2ebafc665e754f9', name: "label-info" })), h("div", { key: '36d50195f5a9db72fa4823a75a8665ed7ba30e26', class: "gux-input-and-error-container" }, h("div", { key: '3183ab5a87a464be3f30ecad6abcfc09a0d35cf3', 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: '2ed962f8388a011018e8ba93ba6ee5fec6a48470', name: "input" })), h(GuxFormFieldError, { key: '3747d415a3c4995c0b6eaed34b89090b9c16344f', show: this.hasError }, h("slot", { key: 'f98acba360c20d9dc59a8f90a51aa3bbdfa06cbc', name: "error" })), h(GuxFormFieldHelp, { key: '277819ef5cabb623ab5fd4d1d051f7d076e44abf', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bd9e7d80cee978682a679254c712451bdec390fe', name: "help" })))));
+            } }, h("slot", { key: '28d2a79fec541d0b583a4f9bad0e4b703e11a2a8', name: "input" })), h(GuxFormFieldError, { key: 'c7f87321ecc5cce01cfe170ffd930a2776d342bd', show: this.hasError }, h("slot", { key: '976c7e01fd76cea875de287bc7ebc822f3ab2e02', name: "error" })), h(GuxFormFieldHelp, { key: 'b60e636ff3995288651e32b8e2dae51219457c54', show: !this.hasError && this.hasHelp }, h("slot", { key: '8e34f88cbbb2b841f07c02097f5becca3f4d6698', 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-453cd4f0.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6b73f582.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: '05621a679b25141ff91bb3d7ff3ca4cac027078a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ba4177cf79d77a641a5f9b687b09cff6c544f45d' }, (_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: '169c24a296e2f9dc100bcf3b5305912aa9bce7d0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ea7ddcac1cc2736eca597d4b165ad1c69860aa36', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e72016b0d3c2d00b4906c76e0b2f41afdd933df3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '501f4c28dcad1f70144d7d3fa53f7d2047be446f', name: "label-info" })), h("div", { key: '6aeb95debef3d5e92c8f863c2898377a9c8a6ea7', class: "gux-input-and-error-container" }, h("div", { key: '109c62b4a4b99f70367d07d8fd9bfccabdd9c8b3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9839a81242957d26fc4cfdf4259cce5fde19f0d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2072a981ab6d294a824e9a44de60bc24ae1a29a5' }, (_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: '82c92692e8af7e0204e27cf10c9ff0b246764d9d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b28a54402595193929bd63d02df7d4c35eb6b60e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0a2e728f15ae683fb433c31bfbd427fa19a0e9fc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '13349d0fdc95f6f8f2a9e742f46a61970dae49ea', name: "label-info" })), h("div", { key: '295edae2f84802e60dfa2ef8b6e55775957c4b9c', class: "gux-input-and-error-container" }, h("div", { key: '60dbdde3dead379dec5de8b0293099135b8c7fbd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '972de3bd25423f7e916d9d582fab90f2a3a3b88c', class: {
+            } }, h("div", { key: '44d985ac66713d319ffe47822c76a5600f72c5a7', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2b7a9076c3979b02f332a408573e610b93b96920' }))), h(GuxFormFieldError, { key: 'a88874caef02df2d1feeaf38c6e421deb46b1f03', show: this.hasError }, h("slot", { key: 'f52be1d006a3e58c26381457b121876e73b51811', name: "error" })), h(GuxFormFieldHelp, { key: '65a5f764e7cd5177551217cd784f620d7592e4c0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd10b7047d800d06e120cbf505b07ea1ec015890f', name: "help" })))));
+            } }, h("slot", { key: '07224398bdd05a0f1712a0a562ea397a78c83ad1' }))), h(GuxFormFieldError, { key: '6d938a490272639331ef4ac09740aa33d5667651', show: this.hasError }, h("slot", { key: 'a64bb658e1f87b02ca7ddb499c39d4884cfb38c4', name: "error" })), h(GuxFormFieldHelp, { key: 'ad7047072925e0ac0f4cd8362896241a4ce44f84', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dfba72d1672e6dff3418253a0a7b354f13441cda', 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-453cd4f0.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-6b73f582.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-986d3f3f.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: '739e2daf47f38a3b444c1a2d95f0688f79f4de93', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7aee616ec9404b9d369c3a4426f8fe4daa405821' }, (_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: '0599733c667124c80585ef4c097078aaa3268696', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fd9c9f7ad9db9976168eed1e7f68077977ea48d8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3b26c346ea33f06fcf627ce170d30f949893fc5e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '468fb1d5b1580da198df87143e2ec2f71daa0534', name: "label-info" })), h("slot", { key: 'fa7e2062cdb39431e9e1a0924113fc50a979fa08', name: "label-info" }), h("div", { key: '4a1838556a8f74acbc111d0b93e4f8e5899fc392', class: "gux-input-and-error-container" }, h("div", { key: '9843c68884b1c41c0f692a73883cab8f3b33766c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6bde060a328af586722db911d3ad5ab6502e4756', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c32a32aaffe423a4575dd7c82485442593a5db99' }, (_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: '0e2af65bb582e4946130ee5e078084d73211f5d6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '10cedcd933f48e0f0eb432ce229a5361e7eb1c52', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5b95c0f732f981d6387edebdfa27e94e01006b42', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a0c642fc33df5e0a5622c3f9d233037da814b4e5', name: "label-info" })), h("slot", { key: '99ffbe7cc9577d9a08bb6e7b4a0a3cd16ed049c1', name: "label-info" }), h("div", { key: '2d286fa92753c7c1328ffad05f959ce67f72652f', class: "gux-input-and-error-container" }, h("div", { key: 'adb527b91f027bfa108407476e088abb59c26579', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0e1e90a20a1ef09c7b9896ca432f6fcd0497d610' })), h(GuxFormFieldError, { key: '7597af53d6c9553d763d1319ea8a1fdc3e5c7656', show: this.hasError }, h("slot", { key: '5c65d4f8d917106ac9b3ad828667a1f332de3e0f', name: "error" })), h(GuxFormFieldHelp, { key: '94cf527ca9e4b6b034abccf0d16ee2fa19716c7a', show: !this.hasError && this.hasHelp }, h("slot", { key: '06d0741e83404835d773e989f104b263d841573f', name: "help" })))));
+            } }, h("slot", { key: '1929397c9133380704741419afd457574da3a848' })), h(GuxFormFieldError, { key: 'f53b73c96ad31c1c6843f9ec1632af09701e3e50', show: this.hasError }, h("slot", { key: '06d29e0b3a2e27c9fae31b65c2ef8dd237eeea02', name: "error" })), h(GuxFormFieldHelp, { key: '5813b697d21cec657b9f9f099eaa3a2da216f749', show: !this.hasError && this.hasHelp }, h("slot", { key: '7691d0bfd5b082a20f594e27167fe2353a55c21f', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/esm/gux-form-fieldset-heading.entry.js

@@ -8,7 +8,7 @@ const GuxFormFieldsetHeading = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: 'aa3dedf40c53c691c895e818925e1c55dda1808a' }));
+        return (h("slot", { key: '53b701049b6b3af92766ee428bb48e34ea97a7a8' }));
     }
 };
 GuxFormFieldsetHeading.style = GuxFormFieldsetHeadingStyle0;

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-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;
@@ -13,9 +13,9 @@ const GuxFormFooter = class {
         trackComponent(this.root, { variant: this.placement });
     }
     render() {
-        return (h(Host, { key: 'a10f053969f6e06355ce6201a4644c60b9f6d257', class: {
+        return (h(Host, { key: '1800b2ba3ff355461ca245554972bd430275bd21', class: {
                 [`gux-form-footer-${this.placement}`]: true
-            } }, h("slot", { key: 'a510ed08050f3ae9f4b3e6499f7199a9c10b1bc5' })));
+            } }, h("slot", { key: 'a51e6da5a63bf167e8fed7dfff493e21c9a7b947' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -8,7 +8,7 @@ const GuxFormHeading = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: 'efd15e7076eee788198c8839a636a1eb8921f3b0' }));
+        return (h("slot", { key: 'ab8e68c9891db9e8ed2186c43228a344187ee889' }));
     }
 };
 GuxFormHeading.style = GuxFormHeadingStyle0;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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}";
@@ -27,7 +27,7 @@ const GuxIconTooltip = class {
         return await this.tooltip.hideTooltip();
     }
     render() {
-        return (h("div", { key: '9d7877974b1ec769bbabc36e4e6dcb617fe71f13', class: "gux-icon-tooltip" }, h("gux-screen-reader-beta", { key: 'b775e0d3421511c6ab276cd591bb29775d266595' }, h("slot", { key: '0c0a2538bd60553070dd2935432d9bd844267051', name: "content" })), h("gux-icon", { key: '13303179e2856e5e0ef17a1321e08e58aaac3be1', "icon-name": this.iconName, size: "small", decorative: true }), h("gux-tooltip-beta", { key: 'addd341ed182ec261e5d600d1bd4dc8dab351a92', placement: this.placement, ref: el => (this.tooltip = el) }, h("div", { key: '7439c6f444c757405a2386f6e18c2d36e807f2fc', slot: "content" }, getSlotTextContent(this.root, 'content')))));
+        return (h("div", { key: '8529bf15b3bfad65a31f81607c173ffc7445cd0f', class: "gux-icon-tooltip" }, h("gux-screen-reader-beta", { key: 'eb9f2480775f73406dac9225072090281a3a4e59' }, h("slot", { key: '3a2ce42fa965c28b49f1dc28e9c0551d4874be8c', name: "content" })), h("gux-icon", { key: '67f296138e09629d2395232aaca01369450e23ca', "icon-name": this.iconName, size: "small", decorative: true }), h("gux-tooltip-beta", { key: '016693d7a1ed09527171d3f20119cb6cdc125b8a', placement: this.placement, ref: el => (this.tooltip = el) }, h("div", { key: 'f83ba3a86c38f8e4cc7cfaee5d7cff46458a626e', slot: "content" }, getSlotTextContent(this.root, 'content')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: 'a8a1c753edde229f260ee17885f435b18b61bf97', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '7a634196359e46561639f5680848dc3226eddf19', 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-feb7be20.js';
 import { b as buildI18nForComponent } from './index-6fa3d266.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: '2c8abf29af3da009e6d4f197df4e49a47587cbda', class: {
+        return (h("div", { key: 'c2e1200e3ef4af39476ad26fa0c2c8dc067d26ad', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '7b8745a5ec0d98ecbe417dd065431f5df6efdbf3', class: "gux-message-wrapper" }, h("gux-icon", { key: 'cc643d5c1dbfa85e331eee8c052671ca622bdc40', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: '48401042e5ef698dd0f2810c1b2c4f4e02364983' }, this.i18n(this.accent)), h("div", { key: '7bc3e3ef08e5fc9b51af0bb16cda0f737d3ed14c', class: "gux-content" }, h("slot", { key: 'feaebd15f9ca0e266d3e1d15229fadfaf2bcb66e', name: "content" }, h("slot", { key: '5e667e10f98eef645544a5d3e5c62038a9a1c80d' }))))));
+            } }, h("div", { key: 'a35a6e7da12afc651122a041fbe20877e9c7730d', class: "gux-message-wrapper" }, h("gux-icon", { key: '47b82561a694a76f91c8be7068bf7bb456115a81', "icon-name": this.getIcon(this.accent), decorative: true }), h("gux-screen-reader-beta", { key: '4ba783f50fd1bdb3d0804abae3145307d3db69a4' }, this.i18n(this.accent)), h("div", { key: '4a2b15ca94284dddf5bea6c40ef72146e2977ecc', class: "gux-content" }, h("slot", { key: '77fa55f18a45cd15df480803472d657e4e2d2905', name: "content" }, h("slot", { key: '655138f31fc50b927279fa8e57569672fcc5eb9b' }))))));
     }
     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-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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}";
@@ -32,7 +32,7 @@ const GuxLabelInfo = class {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (h("div", { key: '0a8df28e7c2e878e06faacf935173ae36e71a7e8', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: '16b5a6757748bd53eb6f8c0515ff5219daedc38e' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: 'd26ebf1df33c1355e3532f9bc6c04bc9fc560f82', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: '3d70e832bacb7c4a1863d197c719440bc191c9b2', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: '5a21e16c4064e7226bec0923f568540fbf113eb1', name: "content" }))));
+        return (h("div", { key: 'a5cfd50dddc948a84a89406180423e1f2baf3586', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: '242deb6d19f64e64436c867d9ea5cba84c0e69e3' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: '33dcf9d4c85d875532483961f2639e0c6f5b0fdc', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: '439645c57b526ee7f84d67ef8423a38c46dcd12f', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: 'ca4ee786cba6a3cc7278ef642ff3abb8fd79494a', name: "content" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 import { g as getClosestElement } from './get-closest-element-728b9f18.js';
 
 const guxLinkCss = ":host{padding-block:var(--gse-ui-links-inLine-padding)}:host ::slotted(a){inline-size:fit-content;font-family:var(--gse-ui-links-inLine-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-medium-text-fontSize);font-weight:var(--gse-ui-links-inLine-medium-text-fontWeight);line-height:var(--gse-ui-links-inLine-medium-text-lineHeight);color:var(--gse-ui-links-default-foregroundColor) !important;border-radius:var(--gse-ui-links-focusOutline-borderRadius) !important}:host ::slotted(a:hover){color:var(--gse-ui-links-hover-foregroundColor) !important}:host ::slotted(a:active){color:var(--gse-ui-links-active-foregroundColor) !important}:host ::slotted(a:visited){color:var(--gse-ui-links-visited-foregroundColor) !important}:host ::slotted(a:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}:host([size=small]) ::slotted(a){font-family:var(--gse-ui-links-inLine-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-inLine-small-text-fontSize);font-weight:var(--gse-ui-links-inLine-small-text-fontWeight);line-height:var(--gse-ui-links-inLine-small-text-lineHeight)}:host([standalone]){display:block;padding-block:var(--gse-ui-links-standalone-padding)}:host([standalone]) ::slotted(a){display:flex;gap:var(--gse-ui-links-standalone-gap);align-items:center;inline-size:fit-content;font-family:var(--gse-ui-links-standalone-medium-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-text-fontSize);font-weight:var(--gse-ui-links-standalone-medium-text-fontWeight);line-height:var(--gse-ui-links-standalone-medium-text-lineHeight);text-decoration:none !important}:host([standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-medium-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-medium-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-medium-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-medium-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-medium-underlinedText-textDecoration) !important}:host([standalone]) ::slotted(a:active){text-decoration:none !important}:host([size=small][standalone]) ::slotted(a){font-family:var(--gse-ui-links-standalone-small-text-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-text-fontSize);font-weight:var(--gse-ui-links-standalone-small-text-fontWeight);line-height:var(--gse-ui-links-standalone-small-text-lineHeight)}:host([size=small][standalone]) ::slotted(a:hover){font-family:var(--gse-ui-links-standalone-small-underlinedText-fontFamily), var(--gse-semantic-theme-fontFamily-body), sans-serif;font-size:var(--gse-ui-links-standalone-small-underlinedText-fontSize);font-weight:var(--gse-ui-links-standalone-small-underlinedText-fontWeight);line-height:var(--gse-ui-links-standalone-small-underlinedText-lineHeight);text-decoration:var(--gse-ui-links-standalone-small-underlinedText-textDecoration) !important}:host([standalone][class=gux-breadcrumb-link]){padding:0}";
@@ -20,7 +20,7 @@ const GuxLink = class {
         return !!getClosestElement('.gux-breadcrumb-generation', this.root);
     }
     render() {
-        return (h(Host, { key: 'ff833826e421c0388207abc54ae059a5d703303c', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: '1987d0a30c61e2061882070faf0ee92078f786d3' })));
+        return (h(Host, { key: '73b70b6b28b08bdc4fbec5d6eba37adf1485199f', size: this.size, standalone: this.standalone, class: { 'gux-breadcrumb-link': this.checkBreadcrumbParent() } }, h("slot", { key: 'd7df0d43acc82097e460659345ab845f6a4277e5' })));
     }
     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: '99ab618bc89b46fff8379275840bdd3cccd73e31', role: "presentation" }));
+        return (h(Host, { key: 'a0f9286731bb209ca9320ae7c403cd95891fe23f', 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: '64cfb1bab3d1a1eb5b45efd78df2a5c2016a2573', role: "listitem" }, h("button", { key: 'e4555ac230d4556d84e9f9cdef6b70d54ed6d278', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '8972f84901e6f817e1c8d53831d900ba7ca4d651' }))));
+        return (h(Host, { key: '14263554c78c1d20a17e70c7dee16acf2ef9d2a7', role: "listitem" }, h("button", { key: '9822818801c5d78a8ff2ca65dede2e8b0ddf0706', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '152c1348327f72a0ca509cd5c1db1ab82c864d9d' }))));
     }
     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-feb7be20.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-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: 'ca079dbbf47d931b2eb12fc82a70c1c6f37ba03a', role: "list" }, this.renderFocusTarget(), h("slot", { key: '90e341958351a216f8d21a8af1ed4d7c98319e4b' })));
+        return (h(Host, { key: '1f9c4c3bb8aa71a2c242d0e76fe4207e5bd8496a', role: "list" }, this.renderFocusTarget(), h("slot", { key: '9c3b6aecd98e9cd82e6fe2d0cefe1adbd133c26a' })));
     }
     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-6fa3d266.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-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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-feb7be20.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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-inline-size: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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-block-start: 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: '7930d3e39d9693f70b561d3ae0861ba51ae7bdef', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'fc0ba552ff4c2aea25e90391dd458acb99102f7c', class: "gux-progress" }, h("slot", { key: 'b637e1486f7f5fd0ed21ceddff677a57d471edbe', name: "progress" })), h("div", { key: '78531542b297e26fa6d7f4c02d03052191aabaa5', class: "gux-primary-message" }, h("slot", { key: '4b15ee1e9ba076e75f6732b659a55f94daad0eb8', name: "primary-message" })), h("div", { key: '69b77a648e3f8910499de0252310f5f16043354d', class: "gux-additional-guidance" }, h("slot", { key: '33a049a29db176892aec241a9564580c05d0eb34', name: "additional-guidance" }))));
+        return (h("div", { key: 'd79e9b6a2d92c277d3809851f48e94c7b46efa5d', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'd9200da092a5d8a38899222a231009598719c837', class: "gux-progress" }, h("slot", { key: '10a9bdb5bba4fa6aa4afa750a627b7bbf2c7fc2c', name: "progress" })), h("div", { key: '00bee1bce756584faac45b01ce2accbf9d7a363a', class: "gux-primary-message" }, h("slot", { key: '6b50eccd062c62ffaa8776f290c3e120b6a5180c', name: "primary-message" })), h("div", { key: 'c625699ba1549b1b165273b9a6fa68313822c9f2', class: "gux-additional-guidance" }, h("slot", { key: '1db49105118d8105dc4ae8ae5fc4c1f18bdbad7b', 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: 'bce268abfbd7b364865bdc458158228da6212c8b', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'ae5a68137e1b5c73569e302459911ba6d65e776b', class: "gux-menu-option-button-text" }, h("slot", { key: '4005c5d25e5c8d3c28fef4fe67460b81312fb3a3' }))));
+        return (h("button", { key: 'd81250109838495e524e57ea27c7f951fdcca597', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '6b2d586f14d586dd5d66125ffc855877442d9469', class: "gux-menu-option-button-text" }, h("slot", { key: 'a2196725016fcf5d7fb041df88aa5f1f6d74d63e' }))));
     }
     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: '1f6a40b02c043d1cf3d9e9a79d0000823021f544', role: "menu" }, h("slot", { key: 'ee049e4f8889392cb927dc924625a57988389890' })));
+        return (h(Host, { key: '2d74355f99f30a0a767a6c10f8488358dc32d31d', role: "menu" }, h("slot", { key: 'cbc4501e25efdca1ac97ba654356b49a9a4ba644' })));
     }
 };
 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-feb7be20.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.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: 'eaae3d027ff2b1314c3c6d908e816066553700e5', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bacd0a0a27b0a3d1a27cd68c5ca67b0dc066d08b', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '3bee386ab001311941d3bfead54ab479a6ac931f', class: "gux-modal-header", id: titleID }, h("slot", { key: '21c919f92ef76ca5df2d062965014482f4db361a', name: "title" }))), h("gux-dismiss-button", { key: '8ed3553bf27eb05adcda1dfb537db8b0a414cace', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'c09cf3055650c509e8f09008ec0c355020693a0a', class: {
+        return (h("div", { key: 'fac4bdd98541a650b3f450bf489bcb2426785125', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'a7ad8dd77f0dc7d57b3220c50fc2bbed931fe079', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'f09d729c1e39234ac7d01e1672681ea5a8af6da7', class: "gux-modal-header", id: titleID }, h("slot", { key: '1f8d6bd0cf8af490480dbd810fd8f0f1177b4437', name: "title" }))), h("gux-dismiss-button", { key: '70800804dc8de2e348aa07da04fd7302d944b56f', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'a317e49686564298ab0501db9fc426e863d27507', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: 'd74fe135f19a93bcfc4a459730706d553d3ab692' }, h("slot", { key: 'b77e4c21a4e9edfb77e5882b90bcb975aefff210', name: "content" }))), hasFooterButtons && (h("div", { key: 'afe99d7aa7daf1a4574e8641845e1340b568f5df', class: "gux-button-footer" }, h("div", { key: '9fac5fb1025e9649498c82ea3d8eb717994af927', class: "gux-left-align-buttons" }, h("slot", { key: '8157a225e0a27bf6ae0b02252838b71aa05625df', name: "left-align-buttons" })), h("div", { key: '5b10ffe3a26d275afacded21701a8e56bf13a4ac', class: "gux-right-align-buttons" }, h("slot", { key: 'a44422f4ded57f03c318fa9fd31f5db0329b7aff', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: 'cdbbc90cae0d0493eefa751b4aefc58f21e76153' }, h("slot", { key: '893343f260d2661a37f77b16e0bb5aa9e94f1383', name: "content" }))), hasFooterButtons && (h("div", { key: '6ea142fbc0892cab7bda9dda3123485c5ef9e23c', class: "gux-button-footer" }, h("div", { key: '1d67accea5d546f9c9b272ba96f65835912bb8d0', class: "gux-left-align-buttons" }, h("slot", { key: '7c182f7a3e4c3a351fa0354a0c1635643f2fa122', name: "left-align-buttons" })), h("div", { key: '59fc56ba6471dbea69ccccda2c75cb0bbb29336b', class: "gux-right-align-buttons" }, h("slot", { key: '04f2343a7bbc49b73e07e59e2f5860c7e4591984', 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-side-panel-beta.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-feb7be20.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
 import { h as hasSlot } from './has-slot-f24a46a6.js';
-import { t as trackComponent } from './usage-d75e6b4b.js';
+import { t as trackComponent } from './usage-f19643b5.js';
 
 const guxModalSidePanelCss = "dialog{inset-inline-start:auto;block-size:100%;min-block-size:100%;padding:0;margin:unset;border:none}dialog::backdrop{background:var(--gse-ui-sidePanel-shroudColor);opacity:var(--gse-ui-sidePanel-shroud-opacity)}slot[name=description]::slotted(*){margin:0;font-family:var(--gse-ui-sidePanel-description-text-fontFamily) !important;font-size:var(--gse-ui-sidePanel-description-text-fontSize) !important;font-weight:var(--gse-ui-sidePanel-description-text-fontWeight) !important;line-height:var(--gse-ui-sidePanel-description-text-lineHeight) !important;color:var(--gse-ui-sidePanel-descriptionColor) !important}";
 const GuxModalSidePanelBetaStyle0 = guxModalSidePanelCss;
@@ -46,7 +46,7 @@ const GuxModalSidePanel = class {
     }
     render() {
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'a042d52c8c52e8b20433cd50eb16eb9ad1ca903a', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '443af3aa0cf374dff1ab2473f68b2b250d400e49', size: this.size }, h("div", { key: '7760524151fc29f97378790c663739b622fb4202', slot: "heading", id: titleID }, h("slot", { key: 'f179879278ca143a8aeec5b67c0b0b7b4e2aa039', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: 'e7a557c185cfb02635b85ba6f180739d7d7f0aba', slot: "description" }, h("slot", { key: '0abc48e56d6fbad1ceb6e82fdc0fdbec349ef543', name: "description" }))), h("div", { key: '84ffb0d9772db212974c5e64291bd665a8320334', slot: "content" }, h("slot", { key: '3ab18e6239389e79f7af652e20402530b7c7595b', name: "content" })), h("div", { key: 'aa9df45e4d3cd5fc05ac3fd2890f4073bfd200ce', slot: "footer" }, h("slot", { key: 'dad47d95365f2c00451bc95c23fcf55f2bca563d', name: "footer" })))));
+        return (h("dialog", { key: '34c80eaee9baf7ce57e6b2be5fd89110fdcd9c94', ref: el => (this.dialogElement = el), "aria-labelledby": titleID }, h("gux-side-panel-beta", { key: '6600729b45885b675c9e0f616d6a0093682de095', size: this.size }, h("div", { key: '55b1ff1f68212734944d034b97d2a748b1aa601a', slot: "heading", id: titleID }, h("slot", { key: '3f26e81930bd086ae4ed6d4307dd16727f0eddb3', name: "heading" })), hasSlot(this.root, 'description') && (h("div", { key: '5baccca5a3e34e9572e202c2ff8a123b6c8033aa', slot: "description" }, h("slot", { key: '4f80ab3460adc54565a48c06c058ea955b371bcc', name: "description" }))), h("div", { key: '6d5bc823ac3eeaf7ba0973886c6b50d138a00c1f', slot: "content" }, h("slot", { key: '2fec75da7efb18f7e51df706dc34689448beb8db', name: "content" })), h("div", { key: 'ee9fd140e4796e54f06214d49ef823e6af85c0a8', slot: "footer" }, h("slot", { key: '27a2b723f3d2eaf03a3d9620954996caecfe1c2d', name: "footer" })))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {