genesys-spark-components 4.186.1 → 4.187.0

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
 
@@ -19,7 +19,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: 'eb2638c446e2cfff03c343a74309d2289920c883', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '56472430d5ed1331a5e8225e0c68660a6f7d76a5', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '87eed8bfc2aef664417d4bbf7ba63521a3886985', "visual-only": true }, h("div", { key: 'f0bb25c70e210ffb9260c31e72ebd41e17ad9cb0', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '1d71017fee2b4c3e3332361d2d0ab14b731176ef', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '12a59127ec0822b34487104541ec306e751990f0', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'eb55325ca988e4c06ef7de2c75fa602bb2db3a20', "visual-only": true }, h("div", { key: 'f22bb14a2987b2ee7f14977a3b94027e5dc18a8b', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import './get-closest-element-Cd4R0amv.js';
 

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

@@ -9,7 +9,7 @@ import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import { t as translationResources } from './en-BFMPPR7N.js';
 import { O as OnClickOutside } from './on-click-outside-CQ9-ZPII.js';
@@ -112,14 +112,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '90d5e16c6ef7e2a2e7abddc91bf5713c688d7441', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1796e128b658cef62715939694a50c71563adf1f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '74b756eea647e50e0ec1f5b9b8ef196ff0baf919', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '41c513200de88aeea159bdc06ec72ba4eef7d0ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bbead0e0878d01a6c5b5c2080fd379bfe280781c', name: "label-info" })), h("div", { key: 'd29c19a7659f7c6256d04f30c559f7a250db8d59', class: "gux-input-and-error-container" }, h("div", { key: '348f1bd39cce8cb55808e575edce407a9de787c5', class: {
+        return (h(GuxFormFieldContainer, { key: '40d793883c8f040b7e3399f5dfdda555c0e7972a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1b604aa8139b9362e4f787500ebb3838bd6e9cf0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '50064a567caa548d4cefff7e5963d41b5a4680dd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '65d9d8b7e703e86ef01302dbf0fa4b7d45550d94', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ac085c68d1768253901ee34c7c820db90e1b5e4d', name: "label-info" })), h("div", { key: 'b2b70118cd411ff4bec29d713d8245401bb275e6', class: "gux-input-and-error-container" }, h("div", { key: 'bd3e135957ea883d7a57542ce5331646372265f5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'f5f0a64ecc9cdccad10aa53c736af6a58c64ad8c', class: {
+            }, part: "input-section" }, h("div", { key: '6c32d2d104f8ddaa794f54c8a0fc96b62eac436c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '98f09b4410b331d1b6e3be20339cabe5e4ed7dac', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '154a6d749eefe9b4e9a560665d6899c842d9cf88', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '5595b19ff59894584333bb86b26626430e452d9f', show: this.hasError }, h("slot", { key: 'e3d9f931279d74a70d33249f8a91501ffdb6d5ef', name: "error" })), h(GuxFormFieldHelp, { key: '01fead16f03e86758a9a0a678297566b2942af5f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a527b88629e7eb040ab000a6e6f3db8044c8c3cb', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '87a517880ad729b124482492b042e99a0feed57b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'd80d8f20482130340656cdde698fc64e21644e55', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'da6c9f11abef8a656e9a38e20b0b9f2747ef9338', show: this.hasError }, h("slot", { key: 'f1ba52ae2d311e30774ac2f595988c546118d8c4', name: "error" })), h(GuxFormFieldHelp, { key: '326888d9072b6c9fcc50d5a300195d1282282b4e', show: !this.hasError && this.hasHelp }, h("slot", { key: '9d28cede3745ca43c5e6a7ede988d96748af41b3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -278,10 +278,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            h("gux-button", { key: 'dc02b1dd771945c1ecbce59fbafd05615874e712', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '5b873a48e18ea081aebe22ace5d8ad886a81ecfd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'd82be5b126883b6c7cc5667d85255aa04a5dd879', for: "popover-target" }, h("div", { key: '82059d46f97a0fecf7b0c53f8efc94ca01e21ae9', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '5c37bb4c99dc4a1192f059273dc1bb5b3ad1c1fc', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'b4bec3c175b53cac4f886437efdd68c185fa4486', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '187a746265682d387c0429687851851367bad470' }, h("input", { key: '94f6afb7cd058db635e7c14377dc15e10dab9425', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: '3185a2487e177d653614e56bd48010d94bc110a7', slot: "label" })))
+            h("gux-button", { key: 'c19a73af83173e4ccbf9d7741e6f7b9c0093990e', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '0d14d829d6c1f0548d5df953d562ae814308bfbc', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'b3b8b17fb84d97a99d9b31cc1ddaa63da641820a', for: "popover-target" }, h("div", { key: '3c8044a616008464acc7c35aff855152473b3cf9', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'b9cfa53bf96b9bedf45d2080dcf4a1641b209f98', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '4d50f01032a059e294a0bc548d45e11efc10295f', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6ca174ea948d3b32198c7f9d0e7c5048f86541ae' }, h("input", { key: '9ad701931f91fde5918749935a835b32eec8c9ea', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: 'fd4f24f59cbfc61a3057cc909ef7dcafdd1097d7', slot: "label" })))
         ];
     }
     get root() { return getElement(this); }

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

@@ -2,7 +2,7 @@ import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { a as onDisabledChange, o as onRequiredChange } from './on-attribute-change-De1NnCmO.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
@@ -103,14 +103,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd02acc2ecd285af4097c4f8e0650304ecb698666', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b87c20f8aae8c7ac95a0d4ae146c7814515a5b3b' }, (_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: '83d33ef98ffc592a170447e96ecabedd4125d256', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75caecc8381787fb2751bc83fce11c65616c1d7a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5738ff7cf2ce709943d6908293eacc2a6ddb645', variant: this.indicatorMark, required: this.required }), h("slot", { key: '33752d449da92a9101bb15c8c465fcb2901b69f6', name: "label-info" })), h("div", { key: '16ecb114cc8328b0e03657d6f8ad21dc824db150', class: "gux-input-and-error-container" }, h("div", { key: 'e03f1e808f07138f7d7a1fa706d4b0ae5857c9f6', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'ccc05278387f583f278a1af063e2234c5cc66699', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7eec5a9d053f21763b1e2fe11d52875a265c20a7' }, (_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: 'dd37237c4d19e662a0f945431418fcfa43bd3c50', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75e77484d80eb3e198890734811bb24c3251ca33', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa00972433ef32046c523360100586fada13057b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e15ff5d4cf10d719c7cccc7eba360b3a817d083b', name: "label-info" })), h("div", { key: '8fb56c247cb13d703d5e4ffd49e557868ebd5726', class: "gux-input-and-error-container" }, h("div", { key: '6c4fd1b64e733d45fd31dc616f8f233a41812505', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'cf3ed1da0bc6a6267faacbc72552603caa5a582c', class: {
+            } }, h("div", { key: '365930372df8b1ba9909b376b19aae9c854d85f9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9c46324d327fb4d7f572ad88ca1aa611442df87d' }))), h(GuxFormFieldError, { key: '3db40106986120504499cd2fc90f40fc2f8cc08b', show: this.hasError }, h("slot", { key: 'f8f4142753a77fcfef3837ac3f7cb0146a9472c5', name: "error" })), h(GuxFormFieldHelp, { key: '7bb84e4970d97b8d5551cf9cc2c193555f90b8f1', show: !this.hasError && this.hasHelp }, h("slot", { key: '8ae10776979cc9bbce58d3043d7749a8a6a913d2', name: "help" })))));
+            } }, h("slot", { key: '311392aa0da1f89d65b96939c614800a7f46eb44' }))), h(GuxFormFieldError, { key: '7619af087aa2ee49fcb1e6f384dcef9bb87bf95b', show: this.hasError }, h("slot", { key: 'db1d0b5f8c3615f2544cd9e9154d0aa9a4e5dc99', name: "error" })), h(GuxFormFieldHelp, { key: 'd5bacc4b63fd46800286bdc70749bfdc0a90d6b3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fd637eb6f5697ed1bbb21f358596fe9c27cb08be', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -5,7 +5,7 @@ import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { a as GuxFormFieldHelp, G as GuxFormFieldError } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const required = "Required";
@@ -128,8 +128,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd59d42b7ac017dae65bdb39848d5d34e6cc15155', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8c4c4493d85abb8085f04b0dd0aa31aa4d9c1ee3' }, (_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: '977aa8619c01ac312ef2867af0d2b5035bffada6', position: "above", required: this.required }, h("slot", { key: '363436360629d4870983e06b63ff66d4916dfabf', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a417bf7381dd2b035d1a7b6a8cbe8d5be755bccd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a4d491c1d101eced26da978adf3b9534bb8b87e', name: "group-label-info" })), h("slot", { key: '5cb9c24b82a7f95bfc42cd5234080bf3fbf60ba3' }), h(GuxFormFieldError, { key: '8aab8df8ea8220afd790231e34e9c40028481876', show: this.hasGroupError }, h("slot", { key: 'aa26defba2616e0e541e6d8338f15c3f97d52028', name: "group-error" })), h(GuxFormFieldHelp, { key: '93c099443c2d59f555f84cdb51645a8de2f80bc7', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2c11dbfc0399c3d8f48edca6eebf9f13e632f1b8', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '4288c75c8191f7c518409e656d1cab8edc3efc38', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '91fba3a14fd52bbd6bdf9ec14ed378cfc73855a9' }, (_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: 'f691e439da63a711b445f0110fba95b30301cc6c', position: "above", required: this.required }, h("slot", { key: '1850c5b1ebdf52ce51bdacd8ebc7274df0f8ae6a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f191d05863dfc4085c27352ea20ec707b1d40632', variant: this.indicatorMark, required: this.required }), h("slot", { key: '77d6916be028046c37efdce209f81543a06caf07', name: "group-label-info" })), h("slot", { key: '8a4109f8f473d88d2ad2bc2ccd0f628bf7619c8e' }), h(GuxFormFieldError, { key: '4a66a8e514adc56c883626548be7081a0c0fbab7', show: this.hasGroupError }, h("slot", { key: '12c882b3cae12f559fb4567860902fecaafd55b5', name: "group-error" })), h(GuxFormFieldHelp, { key: '7a49d205aa562ee0f4eb137c597b21ce3423a57e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '322ed1d4386ce76d6e42c1ede36e1b15d78b2968', 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-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { g as getSlottedInput, v as validateFormIds } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -46,10 +46,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (h(Host, { key: 'ffa91c4980dedf6966d07728fac70af8dd3c0342', class: {
+        return (h(Host, { key: '2a07ccdfa483bedb9bd7317bd5dc6bd1529f081a', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '350a11e6b8ceea7db7421b4038ad3e92c42cbe20', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '4bdc2ab3f55b39ae4b3ce241d0a2155ce5699dfd', class: "gux-input-label" }, h("div", { key: '6ecd24d59520df35e1f959dec3811bcdc0ec813b', class: "gux-input" }, h("slot", { key: '9ea6fe772d5a3c9ec0adb84a9ebfc268ebe10f25', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2157e39470641f4cfd1aaaa286bfd52967e07168', class: "gux-label" }, h("slot", { key: 'e6cdd130bd4e88fa354f5dae02f9fa151e19a52b', name: "label" }))), h("div", { key: 'a70f211ac223b25c8ca8eed0c5ebedbeaa0c470d', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '44f0c9d809c6151d78d1ba83240348c5c4f13267', show: this.hasError }, h("slot", { key: '21b3d86da75c6242de82e59dbf8a9459ac0b36f3', name: "error" })), h(GuxFormFieldHelp, { key: '718a97a372c910e03201818251a4b147b188f095', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b7c158cf60bf8646ca70c3348c55e13604a39058', name: "help" }))))));
+            } }, h("div", { key: 'c8a3bdf5ee71bbe4991d3a5e3cd9ee61dd06a290', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '332b5681500d15e60b9310c3cb802150e55dc7ba', class: "gux-input-label" }, h("div", { key: '72203629b351ccbba635c919ef76f6dc328d7403', class: "gux-input" }, h("slot", { key: 'abeae9fb7b1203eb8c240fa08dc9e4d7cc934996', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'bbf5041bf73d34bc4dd14a4218f02b9b1a6a6963', class: "gux-label" }, h("slot", { key: 'a967102925864849bc62718fbaa834e93364ff78', name: "label" }))), h("div", { key: '7a62d57b6b56a20c0c38402508e19e643b9b2877', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '22c26e650b61d4e7f0d4b56adaaddf83438d5d54', show: this.hasError }, h("slot", { key: '767a2b5bc7ae8346503371df88f0bdcd655dc8b0', name: "error" })), h(GuxFormFieldHelp, { key: 'e7d2f365b35ff06030147c66f296fc96362509c4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd7b71e1858e4981ef423f763ef4e6533cd3ef9e3', 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-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { a as GuxFormFieldContainer, G as GuxFormFieldLabel } from './gux-form-field-container-Dp9t605U.js';
 import { g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { O as OnResize } from './on-resize-BzUqKdDk.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -114,9 +114,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '92ec1ee133a77d92f78c9202b871279a128a53bf', class: {
+        return (h(Host, { key: 'bc17164c8473b7fdf04e2bbfdfb6580ef14b1aa5', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'd71760f210098f07fce8cdd7534f1a28c2e23e34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '91e96fbb01462269dde8c4002a99ba6bc01b0ca0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'faedc0d452b980a1a31ee866528f11478c0b30d6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd5dd35d8531b413aa9d7070a3c6f9445dbafb906', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a88aedcaefd6194d1efdb3e505e4368ca01227c', name: "label-info" })), h("div", { key: '186590723bbc1dd4fc3e3b5df51e4ac8b9d364d3', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '3f9bf15506edae92c99c6ef2253fcac88f5f6efd', show: this.hasError }, h("slot", { key: '87142fe9eaea7022f303a96c964251adc4e696bd', name: "error" })), h(GuxFormFieldHelp, { key: '4c104fe413acd07a3c6bca04fbb5c07616e63925', show: !this.hasError && this.hasHelp }, h("slot", { key: '67049f23c3d2f7a4b752e3204927aed9610fbe33', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '3d1822229e53b3753c486c35c0bc4f63206adcde', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c3bb26e77789bfba19bed7d1f4885f84a19d1d57', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1cdfa1597694762bc753b2f24f92497620e3bf32', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '98dbeff398d089a6840083072fd2337372001a65', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bf723a251796ce6d07f401ae83ba8c0d17a4c3f4', name: "label-info" })), h("div", { key: '23c49e029982a5a78023c4e05558dde97f9917b9', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '82e313cb42b83c40b758accd2596631068a3ea49', show: this.hasError }, h("slot", { key: '42847d83952fdc18764a117e209a07a008a63f36', name: "error" })), h(GuxFormFieldHelp, { key: 'adab703b517deb2c01d475ff6515e26eabdab680', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f2123fda5b0ab320bec4cc53e4ee775905fb2072', 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-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { h as hasContent, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -99,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'fd6c5b29b670241a7274565b60c512314ab8f383', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c55ff8ad630dc94c527409b5ae311a3418b34496', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b97c16c1b697337e83b6425ea61dc8cd29b277d0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f902dd50993fd669ab34555a2b885d9fd2c17b20', variant: this.indicatorMark, required: this.required }), h("slot", { key: '052b9371690257976bd2f427fe2acedf9286833b', name: "label-info" })), h("div", { key: '9fd52a6b9f3278c29a8d82192f291e36590e1c2b', class: "gux-input-and-error-container" }, h("div", { key: '77724793917db9866f3ad178944217a05c9c7ca3', class: {
+        return (h(GuxFormFieldContainer, { key: 'd8e7979a398c2d2cb253a8963dcb73097071913a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0d660a0f7f1cca5fcee9e5e5e286c78c6cda27cf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7ebeaf339f5d7d1711e178055c4290b937dbead1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd2061f8d3881b5205886d5a4de3e4d4e1fbc63db', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f22f7f97322585e46e0b0c6b531249923cabf72e', name: "label-info" })), h("div", { key: '1ffa3def92c9ed7ef2b2eabf7148c3126fcc0136', class: "gux-input-and-error-container" }, h("div", { key: '236f2873311d703f441604085aef6c4b36769dcc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '62f5c3221ac6fa1c76a65debd59bfc4041d047f2', class: {
+            } }, h("div", { key: '2150cdfb85ae8958143f1665ae2b7df92ccf25db', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '834aed9635d9356b920795bf76d3aca4a0b0de93', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '4fee400396150e594f7b8139ffa6be376bf77d15', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3c06d303acd96f4abcac5e33c13083bc5b6c793e', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0a5ddf4eb6c946482a5d549ebf47fe8e409a0e52', show: this.hasError }, h("slot", { key: '96ae030d8262c09d64443dc2fb6c8c73d3cb4764', name: "error" })), h(GuxFormFieldHelp, { key: '996725a6feacf9703909edf57940a21e1d1550ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '1d96b320eb1f3a2ea923eaf9b34470d52fbc36a6', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '03e96968f01aae2c30253b3ad9a791f97284b003', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'a6dc120633867712474d085001dd155694f07ba5', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '8e4b4e775a10328088ae79e9f5c661d2740c3758', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '69f90a44bd6c4d0ebd1f82404646375ef7a488ec', show: this.hasError }, h("slot", { key: 'f0622f95157ae583e3282925f5d17d7d9cb47a55', name: "error" })), h(GuxFormFieldHelp, { key: '698dbaabec30e0348bf9ce6ee29972bddae2234b', show: !this.hasError && this.hasHelp }, h("slot", { key: '4f1238030632208d372842e9452f97739b3564fb', 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-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -89,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a7391265a55c9f703950aceefc7b598cecfbaefe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '75f90669539ce8a2b00f169879168bb7b6f6c6de', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4626bb3d47f8fb4191f3f609f7d3ed85457bc6e3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '159e38c711a10611790936f2bbd017039242a6e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3a54441e8560f64adde48187df3bbf76ac144abe', name: "label-info" })), h("div", { key: 'e536713db2c5822747681bb0a3315c0788e3c8cb', class: "gux-input-and-error-container" }, h("div", { key: '01cb019ea80bcc125ab27f53725f3f2c432e23ca', class: {
+        return (h(GuxFormFieldContainer, { key: '8c5479b8fd09bbc9073cacfb06af0c7d9f9dd08d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2328cf2f6608d0c6ca834636ffea363837bc9f20', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '05786d917bc60c7320bd7a91da1a51ccb2ffaff8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '511c4b47c9a5404006c2ca14d278f096fe34fd31', variant: this.indicatorMark, required: this.required }), h("slot", { key: '60be6e914d33a654baed04a7787fd31acc76c769', name: "label-info" })), h("div", { key: 'be7230bca4a5ac4668d5906ab48465dbb1807dfb', class: "gux-input-and-error-container" }, h("div", { key: '8cc741be5b94dda1474c4e47c5b4d2f33c630d61', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a4b5e98a17f1d6b01a3020bb073394afe10a3181', class: {
+            } }, h("div", { key: '5af314bb0e48c2ab8da00be983cd76f7c96807a2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'a75c8740296b9e9b169d07f3101276206b500d2a', name: "input" }), h("gux-icon", { key: 'b1ee6350c9dfed5ddb999e3849422f847b05179d', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '33b5b8de06086d1c049a7928e46064c4f7beb4fe', show: this.hasError }, h("slot", { key: 'fdf44c14aa5b78dd2704029e360bb0a0413f524c', name: "error" })), h(GuxFormFieldHelp, { key: 'd64c8146fd9fd495c27ef297a63991868237d33e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a520e8e02675c633588e4dbc98c44e33936d5c55', name: "help" })))));
+            } }, h("slot", { key: '8253322c41297ef2295e0b1cb7908014310a187e', name: "input" }), h("gux-icon", { key: '414fd118181dd6a87cad8ae1abaaf5b73ee45a33', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'ae8743e1cda6d0c5342b03ad6fd67a2a01599f2f', show: this.hasError }, h("slot", { key: '84eab9fd4a7712f812dfe05cd1a31fb8681bdd3d', name: "error" })), h(GuxFormFieldHelp, { key: 'da3fb38e991924f1a87ddc3b823ebb99875d9cfc', show: !this.hasError && this.hasHelp }, h("slot", { key: '7de985c4c6ab83808d9090e1b62eac449d3c4f61', 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-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { h as hasContent, s as setSlotAriaDescribedby, c as clearInput, g as getSlottedInput, v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { f as focusInputElement } from './focus-input-element-JHLuJ8Pb.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -112,15 +112,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '3c62db2addf2fb4d2d5be8dc3e51d4385a618b4c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '997b62cf46227fa695e8a93af07e6f3d3b510680', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1bb7da1969e42ec527c5895e97581308dc25e3e4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '645502cbb48a7c5127ac0e0575631a30a456bb45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9b96929ef963b2b965d1c4e0905b914fc56f241f', name: "label-info" })), h("div", { key: 'e30f3b623011037ee9fe78c41a8ff178a112470f', class: "gux-input-and-error-container" }, h("div", { key: '0f37f77962bcaf5ecdda78a98a9d3d0d2354307a', class: {
+        return (h(GuxFormFieldContainer, { key: '3aae89e5a9e34e64fdaf202ca32750974b70f25b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cab23d517a69ae2708d3893429c34b4bb09f4a62', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '368437105310fa272294d0df9eb9b9d741b44003', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'aab5d0450aada4a9727653bbcca84251f8d06b36', variant: this.indicatorMark, required: this.required }), h("slot", { key: '999514abce677aaa46c3361ff14c4881d72ae2ac', name: "label-info" })), h("div", { key: 'a36229ad90648c4dcaee9c8f32d7c0e286a8fb81', class: "gux-input-and-error-container" }, h("div", { key: 'dac2dd9e5b3837723ee488585da2e62265a67c1e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '83e415a576eefdc52ea982168b0ba4bb525a2640', class: {
+            } }, h("div", { key: '513e5efef0697c77660342ebaa5381b014558f20', 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: 'b5b3e7ed43c62346d62fae820488bbd220f21c78', name: "prefix" }), h("slot", { key: 'b863ade92899094495a12faa0cb978e5e82aa629', name: "input" }), this.renderRadialLoading(), h("slot", { key: '7381412da44e249055eb87962e8df615ef8a2f9d', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '43310be87e705154229229ba19587faa4705a1ce', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd92e5a18ab41c974eda35a40351e7b93a91bc226', show: this.hasError }, h("slot", { key: '698ea30abfd156114594669cbf62aac2f0dc7b14', name: "error" })), h(GuxFormFieldHelp, { key: 'b9b4a0deefe1c4cdb056fc713fb873577e487636', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e710981660c84dda0a1a99b13943f15817175dc6', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6fa9abcd69b8e834f338c424e0a5295400718e88', name: "prefix" }), h("slot", { key: 'b9ea3983bfb38b05fc0274aa8c1042c7d117a550', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'f0da41ca1dbca2296834c84104e60ac2d54914fe', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6d39235478e7282efa3753e1eabdad8bae160337', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b47c0a8d858e5e9596c83202cbde4082c244f72d', show: this.hasError }, h("slot", { key: 'c93308a6bc3fb318fc909ad284692912cd224586', name: "error" })), h(GuxFormFieldHelp, { key: 'e9b5190399bbb70517d3c70b9165c42bef7db285', show: !this.hasError && this.hasHelp }, h("slot", { key: '67035512f0b6e178eb4c50f754bd0e51090a9cc0', 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-qzV3vtOw.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldLabel, a as GuxFormFieldContainer } from './gux-form-field-container-Dp9t605U.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
 import './simulate-native-event-BMRf5pjV.js';
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '457effd62b09c8509a032af0d91e282a2e4bcf8b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '638d5b39d68e62470ba738cab70cc039eb625126', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '260cf7b3a788f30e2fc415200a48a1a696f02b25', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e996a6c248353acbbc15ea66182812b1726bf88f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'daa9d58271bb4254132fb8cfdccf8d82356101b8', name: "label-info" })), h("div", { key: '7b8b423853d61d368b68760e8bb6bd41f5ed1a7f', class: "gux-input-and-error-container" }, h("div", { key: 'a5544713a28fc2e66a5eda1dd8f251769b901724', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '989ec6439601ed674996b95f803efdc8e5184d4b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '862ce006386692f5e93309f6735d0d653c42394e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2313fa07bab8373addd04faf624ab0083b415c54', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '630cdd1a052d2888545845afb7fedd79ebc019df', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5e4357e39379df103af426266466750c5031a9de', name: "label-info" })), h("div", { key: 'eecf4870471748aa5ead808f1bc09281d4d842e3', class: "gux-input-and-error-container" }, h("div", { key: 'f1c25eb869c58712eae8906f3325b0bc6c3c57d2', 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: '043fdd0deced04c5e7640b7327e607d96a76ad3d', name: "input" })), h(GuxFormFieldError, { key: '8d16dd4145cbbf9c2454229ab7acdbbca668f3f9', show: this.hasError }, h("slot", { key: '46287b4bb18ce261265f311f3b8ee3df1e2066a4', name: "error" })), h(GuxFormFieldHelp, { key: '58a29722143ad5bf79ac598c965304fd15fa8f81', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a40e9937d39b2d519668411ec5a43313f7c0a068', name: "help" })))));
+            } }, h("slot", { key: '7e415e054e384235e792ad23fa9094042ad5dd06', name: "input" })), h(GuxFormFieldError, { key: 'fc564bf18ac064d60d79465e055cc2ce7a2ffbee', show: this.hasError }, h("slot", { key: '332994a6d8fa4e295eafc0b30a53e49b80c083d8', name: "error" })), h(GuxFormFieldHelp, { key: '1523d395d422f10916d89139e3103a86eb3e1bc5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dc6c5c0839950a91ffc6901fc7e98fbb89f05347', 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-MAoEg4ig.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -104,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c86f878682d56aab8d90f73d6e56289489cc3322', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a0fe3d70e3855e8c8b4ee3a7690b14f5abdee9c5' }, (_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: '5888ac404f0e0cac23e1ca04e4a452414f44ed45', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '741f6b7f28b2c5f0c3adc617915641d4b918fd49', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7aede71397ef309176cdf77ab60633ed33f8b30a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6a65059bd887118d482c8cdd1f4f199e8b22759a', name: "label-info" })), h("div", { key: '377cd793aa4ae4b944cbcfd51b6388f870023f87', class: "gux-input-and-error-container" }, h("div", { key: '0b8e945242fff2658fecfd4e97e43166d6987c94', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '47713b37f03e261427986e50d7fda6ecbf615ffc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dfe5984dd086a13c7d152d20b88db1ee68a91990' }, (_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: '07d5d1538fe2e308b6141b4cb1449c713938bf54', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f60d33df1abb1ab7a9421810e8ddea642b6ae784', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '54b09b227f1f7bb8292a90d54544945fef5576fb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1670fc4dfb3e615a5a45333945058a4dea1fc80b', name: "label-info" })), h("div", { key: '5492d48675880c2fbb695319012ecbd473d36acd', class: "gux-input-and-error-container" }, h("div", { key: 'ebd68335032e1bd0902f957a23795628c4b8ee2c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c4173257e2320d4a83594bffb660615a3dd40d60', class: {
+            } }, h("div", { key: '6cf58e7ade0bf5e6dce4f2c2601605ea69fdb914', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b71447cc1b40f30973f71e0b48dd4f8a0d77853b' }))), h(GuxFormFieldError, { key: '8097b073bfd19070aa2ed26b8c7f0a926fea649c', show: this.hasError }, h("slot", { key: '46bc35916f767d2d86a2c0fe3e4c7fdbc94cf881', name: "error" })), h(GuxFormFieldHelp, { key: 'e8d2af70cb2edfe05d8792adc68b8ba084631c6e', show: !this.hasError && this.hasHelp }, h("slot", { key: '4c4d27e4e0c92d4a60cc890070977d98ec9cbc68', name: "help" })))));
+            } }, h("slot", { key: 'fdaacdb8a3336f08a6d265583387dd0334351580' }))), h(GuxFormFieldError, { key: '0a5fa53506e4ddb4b50240ba5fa0b14f8036f5a1', show: this.hasError }, h("slot", { key: 'e139977b7bccc47700839949e358726e87687da4', name: "error" })), h(GuxFormFieldHelp, { key: 'b42442abaa9563dda58dfbd5dca1aff32466ce9c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'afc75e675024fd9e519a168ab74e4a02abdc15d9', 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-MAoEg4ig.js';
 import { G as GuxFormFieldError, a as GuxFormFieldHelp } from './gux-form-field-error-CUxY2-XD.js';
 import { G as GuxFormFieldVisualLabel, a as GuxFormFieldScreenreaderLabel, b as GuxFormFieldFieldsetContainer } from './gux-form-field-fieldset-container-BT88yCp7.js';
 import { v as validateFormIds, a as getComputedLabelPosition } from './gux-form-field.service-C3WKbzwR.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './get-closest-element-Cd4R0amv.js';
 import './random-html-id-D9jKBqIb.js';
 import './log-error-DxtJDeL9.js';
@@ -105,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'd2f7764c644607c9b789004ac4ff304ebdd4b4a4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '5955af50f76717c3f71c74496bc3650b35827de8' }, (_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: 'adb26994aac740a439f422214360ce4d6caff4d9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fe93a8ac8adb56a3301acd300534ed9ee1cfacc9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd34b01db638337a6ef2f0ec4e70f800282d9194c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '43c259c58bae02c4add5af49f20444cbd56fc8c6', name: "label-info" })), h("slot", { key: 'a6373c8a837b30773dd1a6a15988a7478830c2f2', name: "label-info" }), h("div", { key: '29bfd01f032980cbf711321905a7dd9936b606df', class: "gux-input-and-error-container" }, h("div", { key: 'e486176ee7af9d4bd4e727ec9acb13536b6dd65d', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '5937fa0d25cc0223fb2b089ea417771098f5d636', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b427f2a6b3bf95628e662cd00123347f60421c92' }, (_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: 'a55d0b266e068ff60d6004285eca70f8f413a01f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '408e3b36206798fa4e8b5e072cd9cd2b24675d36', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4cb35f158567624797ef8333313d894f7cb5716b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e44bc8ed67785dc51c58340a4da1069c11695a50', name: "label-info" })), h("slot", { key: 'e8dee57737408aa3b309eb7ec3bd2204455597af', name: "label-info" }), h("div", { key: 'd4d311d4df3c8d3edbbbea7e090651334446fdeb', class: "gux-input-and-error-container" }, h("div", { key: '2d09191422cabc7c595861848a6db6c389a74982', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9e0a291fda7f248569cee134e2185593d13cfece' })), h(GuxFormFieldError, { key: 'f812a98c5f20074cec5137e844b7e42fadedc96e', show: this.hasError }, h("slot", { key: 'ebc5e12d4dcf82600ce62b0ccd4b906b1106cb15', name: "error" })), h(GuxFormFieldHelp, { key: '01f4843c6fc27fac61235201845aa7fc8d3f4386', show: !this.hasError && this.hasHelp }, h("slot", { key: '049fe7400e15d7e8fcff0e283d4a93b523b2f6de', name: "help" })))));
+            } }, h("slot", { key: '1a655c7471b6ac0e8b40c4ef8447cad6dcec5412' })), h(GuxFormFieldError, { key: 'b877e1c28ddf9b79c7658d3ed6fc7c49977d8fd8', show: this.hasError }, h("slot", { key: 'db19ce658ccc9f48cca75de615d02e477d6c046a', name: "error" })), h(GuxFormFieldHelp, { key: '5e2bdade0509a53039647f8cf4b800f6645f0c7e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ea202c0935fe4eb16717480b9be2124b59993d3c', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -7,7 +7,7 @@ const GuxFormFieldsetHeading = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: 'a1997c383b78306c46f250bad562bc3106887dcd' }));
+        return (h("slot", { key: 'cceb14c204698d90ee90af0414ade4204e39f442' }));
     }
 };
 GuxFormFieldsetHeading.style = guxFormFieldsetHeadingCss;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.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)}";
 
@@ -12,9 +12,9 @@ const GuxFormFooter = class {
         trackComponent(this.root, { variant: this.placement });
     }
     render() {
-        return (h(Host, { key: '6f43065715b3be05dfdd73a2582218c4c70d6a4c', class: {
+        return (h(Host, { key: '2397b3aad5df2c67ccd7ed477eb9388ca13a776d', class: {
                 [`gux-form-footer-${this.placement}`]: true
-            } }, h("slot", { key: 'dc5c334596ee40433ac923c5534de6bec48c3522' })));
+            } }, h("slot", { key: '4df7466803b65af86d04d019f1f935cb7d74af53' })));
     }
     get root() { return getElement(this); }
 };

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

@@ -7,7 +7,7 @@ const GuxFormHeading = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("slot", { key: '823e4d4711ac1e1d680539e86b13ffb18a0d8987' }));
+        return (h("slot", { key: '86584a3ff078feed0429c5519b321b5fbcad33b3' }));
     }
 };
 GuxFormHeading.style = guxFormHeadingCss;

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.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{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -25,7 +25,7 @@ const GuxIconTooltip = class {
         return await this.tooltip.hideTooltip();
     }
     render() {
-        return (h("div", { key: '577fdd3a6280b5fe4c4946646e1bb589e09ea4b1', class: "gux-icon-tooltip" }, h("gux-screen-reader-beta", { key: '7980154285351d9c661747080e594e2a0847429c' }, h("slot", { key: '50d52a249f7dbaf0d269dc006a15b182252d4434', name: "content" })), h("gux-icon", { key: 'cd8e0307aaee4b9fc4bf7c0435912e199be8bf24', "icon-name": this.iconName, size: "small", decorative: true }), h("gux-tooltip-beta", { key: '1d276cbc8dd225f3704cd37bf7c7151fefce0294', placement: this.placement, ref: el => (this.tooltip = el) }, h("div", { key: '189c2ca911b3a2140181f220b1bb118c17b56cfd', slot: "content" }, getSlotTextContent(this.root, 'content')))));
+        return (h("div", { key: 'af5d8dde7ac2a4ec1bb91ebef4c93dee25e72f43', class: "gux-icon-tooltip" }, h("gux-screen-reader-beta", { key: '536b72ca40b47710c0b64267986464f98da347d9' }, h("slot", { key: 'f4804b645e487d2decc7e26d41ad8fdc6f8d8163', name: "content" })), h("gux-icon", { key: 'cef5056226a35bf4d7a4c9a6650d3c6f70f85d79', "icon-name": this.iconName, size: "small", decorative: true }), h("gux-tooltip-beta", { key: 'be4ad8ba30665d478b0ca543d1d96fee0731364b', placement: this.placement, ref: el => (this.tooltip = el) }, h("div", { key: '28d70600f1dbc4b7d41e3386e2931627d06f6ce8', slot: "content" }, getSlotTextContent(this.root, 'content')))));
     }
     get root() { return getElement(this); }
 };

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

@@ -1,5 +1,5 @@
 import { e as getAssetPath, r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { a as logError } from './log-error-DxtJDeL9.js';
 
 const legacyIconNames = [
@@ -554,7 +554,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'd4a32c141ac21892a741640cb64a1776ab9f2281', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '99218862a4c35ffce4c199f28a8b1ea5a7e940f4', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { e as getAssetPath, r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 
 const svgHTMLCache = new Map();
 function getBackgroundShape(shapeName) {

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
 import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import './get-closest-element-Cd4R0amv.js';
 
 const info = "Information alert with message";
@@ -40,10 +40,10 @@ const GuxAlert = class {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '797b301e8b9f87174fd005f8c1871d87a51bb1c6', role: "alert", class: {
+        return (h("div", { key: 'caf26c08d0656435f818a1d3509d5180238c140f', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'f40a9a6ed37f9a9967d73d5b11402647fee00cf4', class: "gux-message-wrapper" }, h("gux-icon", { key: 'e805a29ce69fa7e7989a74907b29dc4797a89a9f', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '905c65cfc0198c9023b77a1aa4332c1e930a690f' }, this.i18n(this.accent)), h("div", { key: '4a6bc7abd60fb47d526ca3d5e343b8c2d421c449', class: "gux-content" }, h("slot", { key: '963a4f1cc0b93d66c99b35213903902bcf752ad8', name: "content" }, h("slot", { key: 'a5063a61c0ae7d42dd2401c53c44f044653dff36' }))))));
+            } }, h("div", { key: '6647103eadf9bf6f998f61af19fd5510c0fb983d', class: "gux-message-wrapper" }, h("gux-icon", { key: '229cfaa2bc2fc62184703188cb81212d08513756', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '7a2a3aa2ca903a41d8689f5e61e25a8efcc8f26f' }, this.i18n(this.accent)), h("div", { key: '1c329296388bbe063251db15ba6ddd6d68baccb9', class: "gux-content" }, h("slot", { key: 'dc72d794eca7603233321ddd29202092d01b1519', name: "content" }, h("slot", { key: '8ef89f78ea1f1c1a19a2c2d5bc61fbd7b3ec5218' }))))));
     }
     get root() { return getElement(this); }
 };

package/dist/esm/gux-inline-dropdown-beta.entry.js

@@ -4,7 +4,7 @@ import { b as buildI18nForComponent } from './index-BcJFUYIV.js';
 import { s as simulateNativeEvent } from './simulate-native-event-BMRf5pjV.js';
 import { o as onInputDisabledStateChange, c as calculateInputDisabledState } from './on-input-disabled-state-change-Cb3FOYGS.js';
 import { b as afterNextRender } from './after-next-render-Bg4q97BS.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { O as OnMutation } from './on-mutation-CEhI74kI.js';
 import { s as setInitialActiveOption, b as getListOptions } from './gux-listbox.service-C9MGEoP7.js';
 import { h as hasSlot } from './has-slot-qzV3vtOw.js';
@@ -269,7 +269,7 @@ const GuxDropdown = class {
         return (h("div", { class: "gux-field-content" }, this.renderTargetDisplay()));
     }
     render() {
-        return (h("gux-popup", { key: 'effe6593222d52242ed092025ecd4ee4a2ad8d77', expanded: this.expanded, disabled: this.disabled, inline: true, ref: (el) => (this.popupElement = el) }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: '57149daaa16e5865a090e3b43f6d020f4cdc586f', expanded: this.expanded, disabled: this.disabled, inline: true, ref: (el) => (this.popupElement = el) }, this.renderTarget(), this.renderPopup()));
     }
     static get delegatesFocus() { return true; }
     get root() { return getElement(this); }

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

@@ -1,5 +1,5 @@
 import { r as registerInstance, h, a as getElement } from './index-CjVJoR6g.js';
-import { t as trackComponent } from './usage-m3Lae7sj.js';
+import { t as trackComponent } from './usage-Rs2JRIbr.js';
 import { g as getSlotTextContent } from './get-slot-text-content-MAoEg4ig.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{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -31,7 +31,7 @@ const GuxLabelInfo = class {
         return await this.tooltipElement.hideTooltip();
     }
     render() {
-        return (h("div", { key: 'db43357d497d76efd82ca06887ef09d3bbe38ac6', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: '0dc3807bbda86fb6d7e64a63d472ee15453ebdb5' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: '9b72afde81384717c86749e3ba79cd41ed18404a', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: 'd3cfaadde79764fd7e59720a26cce94f59d17cc6', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: '235981b74decd1e22ba4bc34f8cf41e826f71af4', name: "content" }))));
+        return (h("div", { key: 'f7937e5406f6742132d30055afc791b13c94d96c', class: "gux-label-info" }, h("gux-screen-reader-beta", { key: '5532218feb7a9cde93bb5472b4750b9b43dae10d' }, getSlotTextContent(this.root, 'content')), h("gux-icon", { key: '2ec2f0b0e9e176f458186c2340f07392f64ea12a', "icon-name": this.getVariantIcon(this.variant), size: "small", decorative: true }), h("gux-tooltip-beta", { key: '4301704aca8f39bdde35a743c5ca4889ff07c70a', placement: this.placement, ref: el => (this.tooltipElement = el) }, h("slot", { key: '08628050a3099e1512332f33b48f3915d8994f7e', name: "content" }))));
     }
     get root() { return getElement(this); }
 };

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

@@ -49,13 +49,13 @@ const GuxLeafMulti = class {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (h("div", { key: 'b695b25028c40a5332b8c8a4153e4431ffd71c5f', class: {
+        return (h("div", { key: '99a1c2dac0915217deed66883b81ed4e9a535b37', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, h("div", { key: '17b1cdba8590e16ef05fdaba718a2ea3df82010c', class: "gux-node" }, h("div", { key: 'f30b5f94dd474df8a3965237f4567a1fc41e22f1', class: "gux-selected-bookmark" }), h("div", { key: '1b444d520ba1689c7930f70ad725671e977a99d9', class: "gux-tree-item" }, h("div", { key: '125c9722458a9de9f846fc246225b82ec05c490f', class: "gux-selection-target" }, h("div", { key: 'd0f2b2b84a129f67fa7125725b92d2250ef91753', class: "gux-checkbox-container" }, h("input", { key: '57fea7519939e6a5a14c86121e1f682e5539a16d', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), h("div", { key: '1959af1d9eef9c9848ceb9b1a78afaa15a9d1342', class: "gux-icon" }, h("slot", { key: 'db2364e938e79a74bf7c39c68ff6f9bcc8b51e7a', name: "icon" })), h("div", { key: 'ab1aff2e8ee493a2a2008123c899a515f4b8b56b', class: "gux-label", id: this.labelId }, h("slot", { key: 'b7651313d0d08a25d7e23f03edcde4c21312edd1', name: "label" })))))));
+            } }, h("div", { key: 'ebbde1b6586d5e9702205a116039108e15b2fed7', class: "gux-node" }, h("div", { key: '238e7942d29f60b38ff3e7fde66626ddc8965ca8', class: "gux-selected-bookmark" }), h("div", { key: 'c775d1f2986c3420fbd41cb58a65afb8f9ffc6ce', class: "gux-tree-item" }, h("div", { key: '5eb8881175dc425be3dab7adda230a2b639c45ba', class: "gux-selection-target" }, h("div", { key: '0619831125828984d911af9c46bcbd0206577687', class: "gux-checkbox-container" }, h("input", { key: 'fc64de6a2279a875fc331490100abaae1377f144', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), h("div", { key: 'c8a32032c2a8cc87397d1990e77fd478a81364b5', class: "gux-icon" }, h("slot", { key: '8b20342e561990fd2e7310f4aa3dd66f3f87f5f1', name: "icon" })), h("div", { key: '925bf2141a05bc92a5cf590e72f32d8c98feb0bb', class: "gux-label", id: this.labelId }, h("slot", { key: '809ec1560a1aa2b38e0221818b03343bb247330b', name: "label" })))))));
     }
     static get formAssociated() { return true; }
     get root() { return getElement(this); }