genesys-spark-components 4.59.0 → 4.60.1

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

@@ -7,7 +7,7 @@ import { h as hasSlot } from './has-slot-f24a46a6.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-777ec473.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 import { O as OnResize } from './on-resize-6a194a58.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -84,9 +84,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '452a88b472a77083f5878406b9b1f84a54e2941b', class: {
+        return (h(Host, { key: 'ab84b7a0a6ffe60550f76789f435a86e32850874', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '4ca11339451208acf905fd0f2c7a4e8551b04c18', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5d17e46afa81209b5e3c60ff94e8dd546fb631b3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '00115f8167fde4e5631dda50554fb86b75b82149', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'bf6f36a21065b4c932f1efd32d06c62c9f284534', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'bf91840ef34f3e67ea38000a21956c0bafa4d7f6', show: this.hasError }, h("slot", { key: '0c7ce3f52902ec67d64efc1b804640abef240b72', name: "error" })), h(GuxFormFieldHelp, { key: 'a90199cbc3cf58b7c5693dc9fe98342867cf134b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a63394f60f0820320b89e61b2d856bf6b068b61b', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '7e37db581de411b3c8548ef9142e11362c59ff41', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '81bfda9e439bcdf6d4a444cd53ae80cb6d186d60', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f1536b5af281b9051919c5c11d18a7e5633d9603', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '0868eb6e6af3efe69db3b3d3c5324a6450f7eb73', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '91130872a632988e5cde9765dd74a27a8a0cc4f7', show: this.hasError }, h("slot", { key: '3081f22e9dfc5d58cc42bd6075fa225fb4dbe036', name: "error" })), h(GuxFormFieldHelp, { key: '0e3d8cf3afc0773f369f19257916c919dd6c8ca2', show: !this.hasError && this.hasHelp }, h("slot", { key: '02b487e1c73af225d7227b56d9fc1bb9da51498e', 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 { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -64,13 +64,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'eae9c8659ddb5471f4cc13d8033ebce2e159efdb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7e5d682b6952513634bc8789ade7630f012b6bce', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'eb6428c53a2c5f8a3159c925fd6e3797473987aa', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '0ad6c809bcd37ca397cce65ef7a38c2567b7d12f', class: "gux-input-and-error-container" }, h("div", { key: '78b59a3f13a75474f930587c8bb5c309e3b96ace', class: {
+        return (h(GuxFormFieldContainer, { key: '42779f1c2d0cab45b38f18e6ae50166f70f257f7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '080fb3751b41d43042a65ac6a2bbf666d25f0be4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c6ffd706741bb8daeb959b720daa0c03a44a27e5', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '525766420143a047d9f7ed56ce06399f100931a2', class: "gux-input-and-error-container" }, h("div", { key: '83073128ad9ed6c7a168e77c690ee4792900a4f2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '915b59490d2c95d8276f43b6087a01be58c52cd3', class: {
+            } }, h("div", { key: '5ba45dde5c2aab840675dca2ff37272527793d01', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("gux-icon", { key: '9d9e1565619b3902931afcba8bbff66c99e32015', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'ecc5fe01557818ae02c52dd9b4beb9e2eb474cb8', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e74de993184468a668f9d7f087980582dd13b53a', show: this.hasError }, h("slot", { key: '20277ecb11cf72797d0dc8d8457be3324e200b33', name: "error" })), h(GuxFormFieldHelp, { key: 'd1a78b8009dfab3af50999a38a4cfd276106b6c5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c938fc9efec79d50f30dcd139ec344dfbf4743e7', name: "help" })))));
+            } }, h("gux-icon", { key: 'f673d51be68a9a3ca29d75e71fc78b87bfc6e588', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '317c0dab47ae69fece7829507aa3800e4f08a384', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '897ae0159c0abfe24724897b079d631e878c00a5', show: this.hasError }, h("slot", { key: '5ec68b0692c98b2154f2d7baefb109b1de6ad5f9', name: "error" })), h(GuxFormFieldHelp, { key: '1f457eae9906f50809f53510e36b9aa799294772', show: !this.hasError && this.hasHelp }, h("slot", { key: '5acac15b6f1306fe62398ff136cfb487b35e2be0', 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 { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -55,13 +55,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '72ea38787283ae092e18b7f48e004024a1e59b98', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bc46f96bcd85b45f328618c329b800a728404f96', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '11cced80844a01b95f6dc2120d9a925af876bb58', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '61840cecfc4e0ca4b656af5da003d5590c54f906', class: "gux-input-and-error-container" }, h("div", { key: '822f2f358003f14cab79ae3f76ab18987827fdce', class: {
+        return (h(GuxFormFieldContainer, { key: '0f05fda9050e25ffa3dafa20b650a79e5451b557', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'df77654c404549e8649b9fd0825f7cbf2e133271', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cc902ff85b3a340db13c2bf984af0129be98b9fa', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: '5798224cf3620259bbcc051327772bf484b43065', class: "gux-input-and-error-container" }, h("div", { key: '7dc8d4a80418c7f26b4987e0f5a7b9124ae12399', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6874351a8b3c91b08c96c77aff17b97c38dc38ae', class: {
+            } }, h("div", { key: 'd363aa3963e9be7174d74e96976244ccc3ce7d37', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a367d5f06134d52039267207ee9d5e234c9a4572', name: "input" }), h("gux-icon", { key: '516bf6ba0bbedf4a0ef93ffd4ac360a7163b7340', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '3f2921b59ed462110f8e62e427165cd7e7269961', show: this.hasError }, h("slot", { key: 'eb50d621311828cf4536957cac6dbebd6ffd1ff3', name: "error" })), h(GuxFormFieldHelp, { key: '48675c384e89c5201f85beecf80d4cb7a36069fd', show: !this.hasError && this.hasHelp }, h("slot", { key: '4a09eb9739507a5b98fe7405dcba1d389a2106ea', name: "help" })))));
+            } }, h("slot", { key: '5933423758246e0a2e6ac345eb74398372c20f4f', name: "input" }), h("gux-icon", { key: '6ad7a5a76f4f84c4b2f8102705ea523baac3f542', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '76effa57179c825bd47ac1c4b608d0528b5f55c5', show: this.hasError }, h("slot", { key: '675f20bf2273b7d82d34a7e628b1dbe70e9e70f7', name: "error" })), h(GuxFormFieldHelp, { key: '56d5679c4bdc9a436fc703b4450ae2d18bb13a9d', show: !this.hasError && this.hasHelp }, h("slot", { key: '3bf29e3d11f598851a2538f6096760a068cc2627', 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 { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.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-6cfb4f6f.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -80,15 +80,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '31d901d8eb74880635835b24c1170639de41dd07', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6a7cf6ebe553906aebfdff553451be781aa91ff4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '33483280309581609f4346e678b0ea3fdaaff2d4', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'ed8493e2a749caebb2d10d47aa6669303bd50009', class: "gux-input-and-error-container" }, h("div", { key: 'ca5bf5c393573822d3a09ddc4e1ea7c7c1f0f680', class: {
+        return (h(GuxFormFieldContainer, { key: '86a510be1423b2e46f8f0e8457dde0c1e9df13ed', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63c3fc02eb3ec146075c2da84c462f27822ca808', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4ef1afb40888de7df1642f23286e5cffcf6d5864', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'fd35d679cdac2f9c64eedbe144e5792a2cfa03ad', class: "gux-input-and-error-container" }, h("div", { key: 'ae0d6f2d3662997b8e2d7dcb8895ee2a57033119', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '7aefdc2e126f29753fc9240e16bd44169f603158', class: {
+            } }, h("div", { key: 'faced97c3fd4504e59eb8086b0adef95b9ec881f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            } }, h("slot", { key: '28430db859b8834f0468734b910490cb175593d9', name: "prefix" }), h("slot", { key: '2fff82d35dcb63d3020da2c8258e5f3f610ee7b5', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'bd2bf3447f52947db7d292d3caa37de8a3aa0a07', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '60f62b68271f01de02e14b3fbada16805f203709', show: this.hasError }, h("slot", { key: 'a0e1911c34fe75dbc312e752cbbf6ae2ba003e8a', name: "error" })), h(GuxFormFieldHelp, { key: '9cdec572ca90604f8ed1f04b512fceefb4012cac', show: !this.hasError && this.hasHelp }, h("slot", { key: '717b5dbdfe1df684c1c98ad7a3c28453ea411cc7', name: "help" })))));
+            } }, h("slot", { key: '7e936d0be636981e6404c559e20a29dbd8654eee', name: "prefix" }), h("slot", { key: '3945e2a3c79ff28178c355002c576c6fa0fbe099', name: "input" }), this.renderRadialLoading(), h("slot", { key: '2ed2ac89134fe77eb62e286a84d0c0ffe4fe13d2', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '3abfa87d4642948fd21dfd8748e30efbcd18d527', show: this.hasError }, h("slot", { key: 'b77a1af625c5901e31809fee6e88aeadbb76c851', name: "error" })), h(GuxFormFieldHelp, { key: '1e1e5474f87d937186c140690f2e8d85cde0c14a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cffc4e02f2ce1e6c0f64621e760bcf6f5b67c627', 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 { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-777ec473.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
 import './simulate-native-event-e0631897.js';
@@ -59,12 +59,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'e979a94377785246cdb54e0c02c9d353bdfb951c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ed29b2893a7146495d708a652c461a172d11de01', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e59b2d31b8c5c27894ee08adeafdf04500b31664', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'c3ec954743e260c59c2812b6d4a908cea3022b93', class: "gux-input-and-error-container" }, h("div", { key: '4367a234eb8ce018f492ca654144dcddf522c5fa', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '3e5c4c4fbcac1d5bf9d19d95d7bc1fd70d43019e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '113d8de398b8f7d22bcb07531103c82a3a8e7abf', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3a310279167b2adeeed50e44481c8bbf866d1157', name: "label", onSlotchange: () => this.setLabel() })), h("div", { key: 'f2d964b6e336fe7be88e6e0ba568fc01bf0ef485', class: "gux-input-and-error-container" }, h("div", { key: '712f3f48fb15d0c1481fa1cf81723e0121c736fd', 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: '817d605e6e4a6b3eecb982462a499cd0841f9a92', name: "input" })), h(GuxFormFieldError, { key: 'c8cb6c4de92e4525ccee2240806653d8a3cda6a9', show: this.hasError }, h("slot", { key: '7bfe9951e9ca42702f0ebb46750b8b447e3de122', name: "error" })), h(GuxFormFieldHelp, { key: '57fc8d15edb3faccbc3f3f15cb5fad38d7d67285', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd0545ec9191cd249ef6465a0b48258140cfa8bbb', name: "help" })))));
+            } }, h("slot", { key: 'd9da9023de29d890a935ec1e0b0b79bf0f7d19b1', name: "input" })), h(GuxFormFieldError, { key: 'fa7bbaf903fa1eb0554a29750bbbc018806620e4', show: this.hasError }, h("slot", { key: '790a3c8ae66649ff548e9c651882c529abd3df47', name: "error" })), h(GuxFormFieldHelp, { key: '689e7ce01a75b85e0219096b36bcad0020afd167', show: !this.hasError && this.hasHelp }, h("slot", { key: '2fe135afeb4851885897b3227fd8a67d18f40f53', 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 { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -69,13 +69,13 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd9f56ba03fb8bb91c762ac534d2b2c0c830eb617', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '66bb27dd485a699b7556d69d73590b1f72bd6dde', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'e8d11ad28178d7897e47f11bdce14ebcc7b95769', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: 'f38261ee3eae550224508fa1147938bd36a7ac55', class: "gux-input-and-error-container" }, h("div", { key: 'f1d0954da1b5ffca1fc9ce1e5482d545f5d56199', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'dd411e739df07f7c1eba5bd79dd57bc65cd03caf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: 'ce01d20567e7424760c81e9fe6668e33ceb12d0b', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '6f2915ad697f455b4f08139eb9838a9e636aa3b8', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '068d6aadb8a70d7b77a82f7837d5a4021eb272fe', class: "gux-input-and-error-container" }, h("div", { key: '4e45c08204dba5e52018bdeb38c39d3454e8cb75', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '62e1515b202fb7d6804ebf86b7ec1ac9122d45ae', class: {
+            } }, h("div", { key: '857c8ab3f5e7cd4c6bca4f3fb51509152d416a22', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '6943949cb8010d2385acc6e6da2c4a7be8061a3c' }))), h(GuxFormFieldError, { key: '2118d51bc453b2185792b24b54c84a2f617d7d95', show: this.hasError }, h("slot", { key: '13fc21b1f8e93e5ff3291b2733361988dc474f5c', name: "error" })), h(GuxFormFieldHelp, { key: '0a3044bae2f160f11bda134af97c6ced67cafcd9', show: !this.hasError && this.hasHelp }, h("slot", { key: '36a334b034afa7e68c1a66353fccc62ee7c42462', name: "help" })))));
+            } }, h("slot", { key: '8d5b8a0856f1562a4d7437f6512f592b6342c228' }))), h(GuxFormFieldError, { key: '00d2bacf3b165896326edf957e8b361d33a72cc4', show: this.hasError }, h("slot", { key: '409e5e1117d520e5a3e8d00f70726545114378df', name: "error" })), h(GuxFormFieldHelp, { key: '53b4932c7332ba0cf6428e7ffa6603afc793dcfa', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e16ced5c18d6df46e4ff2fb849d74657dc16b068', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         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 { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-4d654b58.js';
 import { G as GuxFormFieldLegendLabel, a as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-9b9fee2f.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-6cfb4f6f.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 import './get-closest-element-728b9f18.js';
 import './random-html-id-81ac821b.js';
 import './log-error-274efeb7.js';
@@ -69,12 +69,12 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'a261e4a0dfef65293bab43cb0b24b8046a049e24', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '51a8a9c6415a8558ff16b0a806f5398581d6238b', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: 'df1aa773111f8c9177f8f1eede33f456834bcea3', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '68962311832bc62a7e8356c03e64ff7f2e12e96b', class: "gux-input-and-error-container" }, h("div", { key: '4248ebb1c03f89a5b2deb652ebe69353cfd9999c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f94434c2698f294abbdb8bb06b05c634f6bd7544', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLegendLabel, { key: '36b28fee558e5a55565ee0046a05a8e4074445e8', position: this.computedLabelPosition, required: this.required, labelText: (_a = this.label) === null || _a === void 0 ? void 0 : _a.textContent }, h("slot", { key: '4b1ae9a76308987b21ee89477e28f0b9ccee5590', name: "label", onSlotchange: () => this.setLabel() }), this.renderScreenReaderText(this.getI18nValue('required'), this.required), this.renderScreenReaderText(getSlotTextContent(this.root, 'error'), this.hasError)), h("div", { key: '57e80ad01c6c5d4c70851a53c6af5960a194ead4', class: "gux-input-and-error-container" }, h("div", { key: '9dba2395f519b52dca9af3e343665a5a4b89f4a3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3db291ff951e407a0d1da4363594688a45ea5364' })), h(GuxFormFieldError, { key: '422f599fc666a2c1a98e3b2672d07eb97024ced1', show: this.hasError }, h("slot", { key: '7131273984482a30e9741ab33b91b9cc2f3061a1', name: "error" })), h(GuxFormFieldHelp, { key: '01463b42824158972a53ea3505fc7274c9ab7939', show: !this.hasError && this.hasHelp }, h("slot", { key: '00137dbca755e504388e378deed7f52ccb05b773', name: "help" })))));
+            } }, h("slot", { key: 'c21a0347234434ec2496fb03c2a45cb156109351' })), h(GuxFormFieldError, { key: '93c6e7fe6a8e300145ffba7d31dbd412978cf6c2', show: this.hasError }, h("slot", { key: 'f63893abd4985dc87d923f7b7df46d0979f70dac', name: "error" })), h(GuxFormFieldHelp, { key: 'e1646724b78fc3be329b135041edec3a455a8706', show: !this.hasError && this.hasHelp }, h("slot", { key: '907afd34c8a11d6dac079c7f2c07574e8e61e790', name: "help" })))));
     }
     renderScreenReaderText(text, condition = true) {
         if (condition) {

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

@@ -0,0 +1,16 @@
+import { r as registerInstance, h } from './index-da21b737.js';
+
+const guxFormFieldsetHeadingCss = "::slotted(*){margin:0;font-family:var(--gse-semantic-forms-fieldset-header-text-fontFamily) !important;font-size:var(--gse-semantic-forms-fieldset-header-text-fontSize) !important;font-weight:var(--gse-semantic-forms-fieldset-header-text-fontWeight) !important;line-height:var(--gse-semantic-forms-fieldset-header-text-lineHeight) !important;color:var(--gse-semantic-forms-fieldset-header-foregroundColor) !important}";
+const GuxFormFieldsetHeadingStyle0 = guxFormFieldsetHeadingCss;
+
+const GuxFormFieldsetHeading = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("slot", { key: '38b0e65dd7605949ccd46f801898d5435ba0097c' }));
+    }
+};
+GuxFormFieldsetHeading.style = GuxFormFieldsetHeadingStyle0;
+
+export { GuxFormFieldsetHeading as gux_form_fieldset_heading };

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

@@ -0,0 +1,24 @@
+import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
+import { t as trackComponent } from './usage-17621c98.js';
+
+const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;padding:var(--gse-semantic-forms-formFooter-verticalPadding) var(--gse-semantic-forms-margin);margin-top:var(--gse-semantic-forms-formBody-paddingBottom);border-top: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:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding) 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:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding) 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:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding) 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:var(--gse-ui-formFooter-modal-desktop-topPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding) var(--gse-ui-formFooter-modal-desktop-bottomPadding) var(--gse-ui-formFooter-modal-desktop-horizontalPadding)}";
+const GuxFormFooterStyle0 = guxFormFooterCss;
+
+const GuxFormFooter = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.placement = 'page-desktop';
+    }
+    componentWillLoad() {
+        trackComponent(this.root, { variant: this.placement });
+    }
+    render() {
+        return (h(Host, { key: '94325f71c5d4f4efeb629095c05c0c7b75a16ac9', class: {
+                [`gux-form-footer-${this.placement}`]: true
+            } }, h("slot", { key: 'e52a9d6a79c907afc065983759d96f79e5f40a69' })));
+    }
+    get root() { return getElement(this); }
+};
+GuxFormFooter.style = GuxFormFooterStyle0;
+
+export { GuxFormFooter as gux_form_footer };

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

@@ -0,0 +1,16 @@
+import { r as registerInstance, h } from './index-da21b737.js';
+
+const guxFormHeadingCss = "::slotted(*){margin:0;font-family:var(--gse-semantic-forms-formHeader-text-fontFamily) !important;font-size:var(--gse-semantic-forms-formHeader-text-fontSize) !important;font-weight:var(--gse-semantic-forms-formHeader-text-fontWeight) !important;line-height:var(--gse-semantic-forms-formHeader-text-lineHeight) !important;color:var(--gse-semantic-forms-formHeader-foregroundColor) !important}";
+const GuxFormHeadingStyle0 = guxFormHeadingCss;
+
+const GuxFormHeading = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    render() {
+        return (h("slot", { key: '29312b9a7103b147c7755b9ed366cecb4a4c7b7c' }));
+    }
+};
+GuxFormHeading.style = GuxFormHeadingStyle0;
+
+export { GuxFormHeading as gux_form_heading };

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

@@ -1,5 +1,5 @@
 import { a as getAssetPath, r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 import { l as logError } from './log-error-274efeb7.js';
 
 const legacyIconNames = [
@@ -539,7 +539,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '77650cbcabc6a74191d4e8c99083dd4f25dfe730', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '694aac75cdd425c301e0088cf80a3a20dd37913e', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
 import { b as buildI18nForComponent } from './index-3f1e5ba8.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.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: '4063506229e1f54f7637b6acc39aed0526877ad0', class: {
+        return (h("div", { key: 'd4897171b315ea142cb4d12a7afff3db063309e4', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '77912ed939e95a6a36b0ab9daf0cf4dbbd6b8742', class: "gux-message-wrapper" }, h("gux-icon", { key: '10586c5a8b3c2fe506db1524c93045f2191a0110', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'a177d833a00fbac94d3b8c3d062d289d186901f0', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '685443900e683e788e4deddebc1b74c92a64ae7e', class: "gux-content" }, h("slot", { key: '087128f818f84e18655d045fd0b357a4157b4fbb', name: "content" }, h("slot", { key: '2dd1a056b3eaa3c9fe61f7b7a899e6c526c6e65d' }))))));
+            } }, h("div", { key: 'a5ca1982a42cfdb2c393e2350668f277b916dec9', class: "gux-message-wrapper" }, h("gux-icon", { key: '5bb1ad27a430cccc0827f26951d33ac093c3d077', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'b04e28df8c293ee1f48d7b635a295c8111e7620a', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '6d65691d9af0fe6dc824b375083c2d2f33c50326', class: "gux-content" }, h("slot", { key: '05b87957bf7e8526e5c5492834659c1bdd1a9ee5', name: "content" }, h("slot", { key: 'ba2843905e91bc367aedd001af0de39938d1d73f' }))))));
     }
     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: '5e66f7f5c16880d8f92c2b05ee8f617cfef3aed1', role: "presentation" }));
+        return (h(Host, { key: 'afb8a02891446c21b8f96ae006fb508b8500d323', 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: 'fe5e1bdf165b641c47aca53896ee115761879f73', role: "listitem" }, h("button", { key: '165e85944d8914d0448d53a48039e80ff380f103', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'cbfbb7d5f45c3d9f38b5a2f408c5ea8f74f85d0e' }))));
+        return (h(Host, { key: 'e37174b73e9c2259ddd2e3c72c1b8ed47253855c', role: "listitem" }, h("button", { key: 'e0ae42e776f5adb848d0708737a8ad79ee6c06f4', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'ab2ecdbde9d9370bf993d3c2922a6d25a3df0263' }))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-da21b737.js';
 import { l as last, n as next, f as first, p as previous, b as byId, c as byClosestId } from './gux-list.service-5da368db.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.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: 'bdb9996d72473e2a49dab3273a593516d4b72314', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'b90c7de53d03eea4ebe8bee5d36be19f353a8ed1' })));
+        return (h(Host, { key: '99291b87f24f730948663237e24e203ac2ab2c97', role: "list" }, this.renderFocusTarget(), h("slot", { key: '0f35ae3b243d6ef003df8c57aa9a92a40f6159f8' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

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

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.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: 'a744b87932a4a5e88e0f19e2cbd341d046396ea7', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '3ab7653d5b85f45a6ced6fd1c65e401c97dcbc9b', class: "gux-progress" }, h("slot", { key: 'ed5ba826e77da142fae518882927ffb1eac81987', name: "progress" })), h("div", { key: 'd3448aba8b83e829521245278eb0334b65d4a27d', class: "gux-primary-message" }, h("slot", { key: 'dfd717bc9d2e9cb66dcb6a3bd0b7cff30cac3ad1', name: "primary-message" })), h("div", { key: '57f483458611569e2d4ca8b525c41231e9ffe64a', class: "gux-additional-guidance" }, h("slot", { key: '9e06c4882e7ef61af8ab47afeea62bc1c946382b', name: "additional-guidance" }))));
+        return (h("div", { key: 'ffecc5f96e59fd484e0203bc14ea2e1a0bcba847', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '05cdf94661a3982005096eefbffb23e6c9b9df12', class: "gux-progress" }, h("slot", { key: 'bd58bb0a13ffdc01beffd19c028207d05033a467', name: "progress" })), h("div", { key: 'a872a464bd067ec17229f158d6562c6a236f6651', class: "gux-primary-message" }, h("slot", { key: 'a1f8848e0efa77365e374ce7331659395628e670', name: "primary-message" })), h("div", { key: '2249cc1e2e8e48e2795fb744fde062acf8922210', class: "gux-additional-guidance" }, h("slot", { key: 'a8a3c5ab7b95170686961c6d0f6055483e2a8bb6', 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: 'b003a3e44980a4480e4ff9c024604506cfd8f435', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'b05f4b43f625d0b41703c184a3701e4695a0aff7', class: "gux-menu-option-button-text" }, h("slot", { key: 'f553dbfd815a3fd105fb117c893dc8e7602f422a' }))));
+        return (h("button", { key: 'ac8ea23303f5089f7c2d56472dffc63d00457f5f', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c2d1ff7e89e8607517824ee4be06a633fff6b635', class: "gux-menu-option-button-text" }, h("slot", { key: 'ca0610c34b2bdcdb674e1424089172acc2a429d4' }))));
     }
     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: '546d8afd062cdb90cf4c6fcaf7009ff653e2c640', role: "menu" }, h("slot", { key: 'ceee6230860aa9eca534be786ad828ed6c06fd26' })));
+        return (h(Host, { key: '50356084eb65059628148b0070b8b36e32bdbf8e', role: "menu" }, h("slot", { key: 'ce1e2974c0a4ee1db57a4a6d8f2f232087fdeea3' })));
     }
 };
 GuxMenu.style = GuxMenuStyle0;

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 
 const guxModalLegacyCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=left-align-buttons]::slotted(:not(button,gux-button)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host .gux-modal{position:fixed;inset:0;z-index:var(--gse-semantic-zIndex-modal);display:flex;align-items:center;justify-content:center;color:#2e394c;background:var(--gse-ui-modal-shroudColor)}:host .gux-modal .gux-modal-container{position:relative;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;padding:var(--gse-ui-modal-padding);background:var(--gse-ui-modal-backgroundColor);border:1px solid #b4bccb;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host .gux-modal .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host .gux-modal .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host .gux-modal .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host .gux-modal .gux-modal-container .gux-modal-header{margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host .gux-modal .gux-modal-container .gux-modal-content{max-height:432px;margin-top:var(--gse-ui-modal-gap);margin-bottom:var(--gse-ui-modal-gap);overflow-y:auto}:host .gux-modal .gux-modal-container .gux-modal-content.gux-no-buttons{margin-bottom:0}:host .gux-modal .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between}@media (max-width: 416px){:host .gux-modal .gux-modal-container.gux-small,:host .gux-modal .gux-modal-container.gux-medium,:host .gux-modal .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalLegacyStyle0 = guxModalLegacyCss;
@@ -42,10 +42,10 @@ const GuxModalLegacy = class {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: 'd91d95351455ee8293ed7318c3ab1d242bb8f29a', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6e527ccf06bffea22893f3809ecca0169e5b2aab', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '7f3c1ef928d1c568a42a11d0a6f273afae08027d', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '8d82c7322519e836dd359be99ebb1095a2294631', class: {
+        return (h("div", { key: '3daad0ffabba648d738f54b040b904fd1ee55627', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '6327b850582b671096469837f42bb83bca21c9bc', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '733bf40eef00a7a6670232d65d3884f67fde36d4', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'b1cb4e2e26e5740b386d056e271adf66e1ebf5c1', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '007dde1f8b470a4075596daab19b53d28d5e0f26' }, h("slot", { key: 'f03229b360af8b25b8a28132650d03c7ee535034', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '0f392adf40c71849062c9bd59e1d787dcbaffab2' }, h("slot", { key: '71b43af6aa19a21e091c886610dda186921195b6', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-da21b737.js';
 import { r as randomHTMLId } from './random-html-id-81ac821b.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 
 const guxModalCss = "::slotted(button:active:enabled){color:var(--gse-ui-link-active-foregroundColor);text-decoration:underline;background:none}slot[name=start-align-buttons]::slotted(:not(button,gux-button-slot)){display:flex;flex-direction:row;gap:var(--gse-ui-modal-buttonBar-gap);align-content:flex-start;align-items:center}:host dialog{box-sizing:border-box;justify-content:space-between;padding:0;border:none;border-radius:var(--gse-ui-modal-borderRadius);box-shadow:var(--gse-ui-modal-boxShadow-x) var(--gse-ui-modal-boxShadow-y) var(--gse-ui-modal-boxShadow-blur) var(--gse-ui-modal-boxShadow-spread) var(--gse-ui-modal-boxShadow-color)}:host dialog::backdrop{background:rgba(77, 97, 130, 0.8)}:host dialog .gux-modal-container{display:flex;flex-direction:column;padding-top:var(--gse-ui-modal-padding);padding-bottom:var(--gse-ui-modal-padding)}:host dialog .gux-modal-container.gux-small{width:var(--gse-ui-modal-small-width);max-height:min(368px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-medium{width:var(--gse-ui-modal-medium-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-large{width:var(--gse-ui-modal-large-width);max-height:min(640px, 100vh - 2 * 24px)}:host dialog .gux-modal-container.gux-dynamic{max-width:calc(100vw - 48px);max-height:calc(100vh - 48px)}:host dialog .gux-modal-container.gux-dynamic .gux-modal-content{max-height:none}:host dialog .gux-modal-container .gux-modal-header{padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin:0;font-family:var(--gse-ui-modal-heading-fontFamily);font-size:var(--gse-ui-modal-heading-fontSize);font-weight:var(--gse-ui-modal-heading-fontWeight);line-height:var(--gse-ui-modal-heading-fontFamily);color:var(--gse-ui-modal-headerColor);letter-spacing:var(--gse-ui-modal-heading-letterSpacing);font-family:var(--gse-core-typography-heading-xl-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-xl-fontSize);line-height:var(--gse-core-typography-heading-xl-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}:host dialog .gux-modal-container .gux-modal-content{max-height:432px;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap);overflow-y:auto}:host dialog .gux-modal-container .gux-button-footer{display:flex;justify-content:space-between;padding-right:var(--gse-ui-modal-padding);padding-left:var(--gse-ui-modal-padding);margin-top:var(--gse-ui-modal-gap)}:host dialog .gux-modal-container .gux-button-footer.gux-no-buttons{display:none}@media (max-width: 416px){:host dialog .gux-modal-container.gux-small,:host dialog .gux-modal-container.gux-medium,:host dialog .gux-modal-container.gux-large{width:100%;height:100%}}";
 const GuxModalStyle0 = guxModalCss;
@@ -65,7 +65,7 @@ const GuxModal = class {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '53f6d914d65f271ac1592dff7b6edef420cc93b1', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '57f8fea63709f3de3db552cf569037b65cf419ac', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'fc10374b75fc64f320e42af7246a2c69f970f1c8', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '175fa76b3838f74c3436c2443a8d025350973b47', class: "gux-modal-content" }, h("p", { key: '59301763462a573fa6addd5c9700b7075cf89b50' }, h("slot", { key: '93f1599c0282c560fadec6f956749e8dbb036349', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: '20f220c650f4da3a60d1afe4597b50c60a4b4deb', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b6794da5404560adc9a26c8857086f1184f6dc0a', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '12ffcc0aead029035b5864f1e25dd8ccbd2c3c97', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '88b1d03a14b5bac70a4f95ac99dda9ad2a21c9d1', class: "gux-modal-content" }, h("p", { key: '98f4eef566be188688f8d2b8345a672200592379' }, h("slot", { key: '7b0ddab83ffbec56edcbe250edb830525ab66388', name: "content" }))), this.renderButtonFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/esm/gux-month-calendar.entry.js

@@ -136,7 +136,7 @@ const GuxMonthCalendar = class {
         return (h("span", { onFocus: () => this.doFocusTrap(), tabindex: "0" }));
     }
     render() {
-        return (h("div", { key: 'a2ec84632e69c6e7005796a8ff6edb5fd1ba4b7f', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
+        return (h("div", { key: '7779da6a0844737396b0275636f38d2cea6e49e4', class: "gux-month-calendar" }, this.renderHeader(), this.renderMonths(), this.renderTrapFocusEl()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

package/dist/esm/gux-month-list_2.entry.js

@@ -43,7 +43,7 @@ const GuxMonthList = class {
         first(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '3a21309c58f73ea7bfdac59a945a4a107d938219', role: "list" }, h("slot", { key: '0e9d862171ce091b513b72e8f6aa81d6e0ba9d7a' })));
+        return (h(Host, { key: '98c8984c53ebbc2b5cc5c51420565e4559abff78', role: "list" }, h("slot", { key: '5abeb539983936671adbd78b4876aa06e30cfc1b' })));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }
@@ -74,7 +74,7 @@ const GuxMonthListItem = class {
         }
     }
     render() {
-        return (h(Host, { key: '1318dfd3ecd31ec2d792b7f0aaa04af6e2d2588a', role: "listitem", value: this.value }, h("div", { key: 'ac39e1e4a73a946a4b06392c6d11ec88a3545228', class: "gux-container" }, h("button", { key: '9b1c74b547c78b50ec88e42398f617c3f3b6aeaf', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '35a3642488917660657784d2a38406a88ae6997f' })))));
+        return (h(Host, { key: 'e9c6b86867d88fa44b26d36a97d4d25d4dc7cf2d', role: "listitem", value: this.value }, h("div", { key: '520ca63e02ee81721a24b4ae36c62a5deec3e9d4', class: "gux-container" }, h("button", { key: '0dd40d84e2390042a04d3b72d64ee611f7c8efef', class: { 'gux-selected': this.selected }, type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '47a91af6a384fcac1e45e1b5fa65379f596eac1a' })))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 import { O as OnClickOutside } from './on-click-outside-21dd269e.js';
 import { b as buildI18nForComponent, g as getDesiredLocale } from './index-3f1e5ba8.js';
 import { u as useRegionalDates, a as determineDisplayLocale } from './use-regional-dates-a47e74e6.js';
@@ -208,7 +208,7 @@ const GuxMonthPicker = class {
         return (h("gux-month-calendar", { slot: "popup", ref: (el) => (this.monthCalendarElement = el), onInput: () => this.onMonthCalendarInput(), value: this.value, min: this.min, max: this.max }));
     }
     render() {
-        return (h("gux-popup", { key: '2ebbd58561728576b2c322260ebfeb16d4464e8b', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '0cec690f0cf6289c761678fe22bea1ee16de27d6', expanded: this.expanded, disabled: this.disabled, "exceed-target-width": true }, this.renderTarget(), this.renderPopup()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-da21b737.js';
-import { t as trackComponent } from './usage-3f863b2c.js';
+import { t as trackComponent } from './usage-17621c98.js';
 
 const guxNotificationToastCss = ":host{position:relative;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;width:294px;padding:16px 8px 16px 16px;margin-bottom:4px;color:#2e394c;background:#f6f7f9;border:1px solid #b4bccb;border-color:#b4bccb;border-radius:4px;box-shadow:0 2px 4px rgba(32, 41, 55, 0.24)}.gux-icon{flex:0 1 auto;align-self:auto;order:0;margin:4px}.gux-icon ::slotted(gux-icon){width:24px !important;height:24px !important}.gux-icon.gux-alert{color:#ea0b0b}.gux-icon.gux-warning{color:#ffae00}.gux-icon.gux-positive{color:#3c8527}.gux-icon.gux-neutral{color:#203b73}.gux-content{display:flex;flex:1 1 auto;flex-direction:column;flex-wrap:nowrap;place-content:stretch flex-start;align-items:flex-start;align-self:auto;order:0;margin:0 12px 0 8px;color:#2e394c}.gux-content .gux-title,.gux-content .gux-message{flex:1 1 auto;align-self:auto;order:0}.gux-content .gux-title{font-family:var(--gse-core-typography-heading-sm-fontFamily), var(--gse-core-fontFamily-heading), sans-serif;font-size:var(--gse-core-typography-heading-sm-fontSize);line-height:var(--gse-core-typography-heading-sm-lineHeight);font-weight:var(--gse-core-fontWeight-bold)}";
 const GuxNotificationToastLegacyStyle0 = guxNotificationToastCss;
@@ -14,7 +14,7 @@ const GuxNotificationToast = class {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: 'bd8a270f2322145efd47a4a0429ec39441cce3b3' }, h("div", { key: 'f2cee9d8c49bf5de901656079c15d5f8a6883a8e', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '18bd1fb7735bac84d561a47beb6b8a8c521332cc', name: "icon" })), h("div", { key: '025bd08a417a8c08d965229cd67de0f5afc7be30', class: "gux-content" }, h("gux-truncate", { key: '5fced15d7039c95e97c8481baacb9128120af666', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'a34822a4dd2d470f7194a586ea42e60369e638ee', name: "title" })), h("gux-truncate", { key: '48ea7569f8e0124e5a687ac62a08cb0d031880b3', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'aa7fe35de219a0466807364e9c529b83d138f4b3', name: "message" }))), h("gux-dismiss-button", { key: 'af6ee86d9c42f4a132e0c0de6ad61ed4b90e2508', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'dd3f82e5f6d3e30f6274a7d8516e14e54bfddd77' }, h("div", { key: '45c42bac3cfc491412264e04896ad49d85742674', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'f339419ee8a2b3efea0b5d3606b378411a326bdc', name: "icon" })), h("div", { key: 'f60970d8f351033ab5d7187ef3f2d65acdec57db', class: "gux-content" }, h("gux-truncate", { key: 'f00c78bed1662a5ae09b974376de008e5ffe867e', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'ea6459822ee0e0ac7d2a6a676b29fa26f052d308', name: "title" })), h("gux-truncate", { key: '7fe8347095376531e50834066cb4b7ed6e27c70d', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'e7d8b71c77714363595d516eb51bec01184cfd22', name: "message" }))), h("gux-dismiss-button", { key: 'b2ffdcd5b20f6ccfccedf10b6f992fadb452a3be', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -50,7 +50,7 @@ const GuxOptionGroup = class {
         }
     }
     render() {
-        return (h(Host, { key: '00518aa9772bfe7571278684cb7461f097f5be87', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5f900a6e065e359412cfc67785f85db0cc988cd2', class: "gux-option-group" }, h("div", { key: '68d93d2e3fa43c8762c6e32817b818217627c0fb', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'd2103e79fdc050ff607ed4a69ca6848a8265bdf9', role: "group" }, h("slot", { key: '96fd6a7f8b7add40164c9d0dfba633568582c0c9' })), this.renderDivider())));
+        return (h(Host, { key: '9c2e3431b77d45760ea329e9d44df20f8eaba888', class: { 'gux-filtered': this.filtered } }, h("div", { key: '55f01060f7e5822f4489d71f8738319527cbdb39', class: "gux-option-group" }, h("div", { key: 'b74880e7d3c3d331437152a138268d5d145d596c', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3e239c1c3aa9cdcbd47456a77717e6f3329d069a', role: "group" }, h("slot", { key: '3bd3fd24263c5ea7fb185bdc41574c4f8ff3168d' })), this.renderDivider())));
     }
     get root() { return getElement(this); }
 };

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

@@ -54,14 +54,14 @@ const GuxOptionIcon = class {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: '10744194aedd070df10fe477029e189f49ba830b', role: "option", class: {
+        return (h(Host, { key: '59aff8c98c8cfde6ee21ef401431ceea51d9cc2d', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '3e39b1b3a086f8e469be3ce6663ea204688e7748', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '057b13fd1d4558e740c5cdca4923caf568a3db7e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '088fe2e95d23eb890dec33b5ca1bb041b172f43d', ref: el => (this.truncateElement = el) }, h("slot", { key: '26b802e93f0c82cd8f1bff5684bd624625382052' })), h("slot", { key: '08b6e6ab697399c90226f6290dbf85e704c457ca', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c5033a3d25c57635d50231c91a6b2da05cace359', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '30d9ed8400a979bd463182b1914fb6a13554fcd3', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5faccb1f2880db690afa2f3ceb09a00978553df2', ref: el => (this.truncateElement = el) }, h("slot", { key: 'dc7e70a8d7b453c8c88862fd3cf14eb0ec5223f5' })), h("slot", { key: '7fa351ac58391774c1bd2103e0b51edc9deb54dd', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     get root() { return getElement(this); }
     static get watchers() { return {

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

@@ -62,13 +62,13 @@ const GuxOptionMulti = class {
         }
     }
     render() {
-        return (h(Host, { key: 'de44ef79bd1aa9d34f67e1bdba6243ff6ee0a037', role: "option", class: {
+        return (h(Host, { key: '13617ec6f657e0cfbe107a4a94f5e47e52a6cb19', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'a2923ecf6673036f902c9bfb8e3d75362801a9f6', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c98342d5ddee499ef9f3d9ffe7ce746810eacb11', ref: el => (this.truncateElement = el) }, h("slot", { key: 'b3e82c457e9e157cc1ac51515ea12b898f43efa1' })), h("slot", { key: '27abe30082ae332378e6a3c3297f9bf7197e474e', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '7856b48111c3471f4f6c33a387d022e29719240b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '818443317377072e83967c4bfc64943421c4bf68', ref: el => (this.truncateElement = el) }, h("slot", { key: '048f3087c6e4f0c2544134b899b133563c44045d' })), h("slot", { key: 'd17f2f6a5e01d94c2e630bd16d77df93f6764a6b', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     get root() { return getElement(this); }
     static get watchers() { return {