genesys-spark-components 4.81.3 → 4.82.0

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch-item/gux-switch-item.js

@@ -14,7 +14,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: '00fb2c57bc8aac76293178267566815ca424a46d', class: { 'gux-selected': this.selected } }, h("button", { key: '1253f3f431a9e8a7aebfe33bd803850253d9ce7f', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '3a24e458b5f97833060acaf6c9b0d22c7997fca0' }))));
+        return (h(Host, { key: '0d97802edaf8aac2ad3ba0167ffc4b07731525ad', class: { 'gux-selected': this.selected } }, h("button", { key: 'e76b1585b52ab42b9b0bbf5e2f58cff9287293a5', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'f925baa7c140a48813cc94bb5dad6f806577872f' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-switch-legacy/gux-switch.js

@@ -31,7 +31,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: 'b22773f53c2513d1bee2211386c042013a7050bc', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '69c6fe16985e36c683e3af75c414078719bc0664', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: '25939b6377cd8cc9b99a8d245070f6b7d6809a70', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'b3f4d1a93741f5fc35d8c206878db37bfd090420', onSlotchange: this.slotChanged.bind(this) })));
     }
     static get is() { return "gux-switch-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion-section/gux-accordion-section.js

@@ -44,20 +44,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'e17ac6e3946d8140a03bdbb1639297f0d1ec0a7f', class: { 'gux-disabled': this.disabled } }, h("div", { key: '7a9a8f7cb7a21180f86ff8b09eab6010656bf340', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'e0d8c0b268c2b1f4c45987d482b31560a16a26f9', class: {
+        return (h("section", { key: '1ed07508ba53ac2d36123f0087ccba3d87e942bb', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'f003f9e6a03009e3de0e1f186fc1e62c5664f468', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '4c23181b16adbb94655928f6efd305502c1637a8', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { name: "icon" }), h("div", { key: '93a5cac45edac5440d775e0b1a14fd9a53dd2907', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { name: "icon" }), h("div", { key: 'd1805f9a33d34942c17361c0b56cc0149b852461', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '0c134faac685c4a31515e5080547adef9ae3bb89', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0e50e6b248a2b7365d179af6e47126e7fe7db4f2', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'c929a69cb3740070fa8f8bf55057deda84dbaa7d', class: {
+            } }, h("slot", { key: '4b6d507356307d0c2e632b80ba17304b093657ae', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0588e85a8612ec12e5f5675b83449567e43fef53', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '7046322c3d8adf48372be62318dd24466c30f81d', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'c31848c13ad3db2d95e6b9e0929d1707341ab031', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'cd1f4e7025c55c3cf5462645073bd59e2e79349c', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '9328fcf4913a875e79177e57efb2058edaa77bda', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bd84c6fc7e5a5d57c96b930d89dbe8abc56e6e1e', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: 'd7f195a2f41508999deec8ec6a546676756c115f', name: "content" }))));
+            } }, h("slot", { key: '1755b49c0f0e65af27cfe8cb3a362b63d9a92bf2', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-accordion/gux-accordion.js

@@ -36,7 +36,7 @@ export class GuxAccordion {
         }
     }
     render() {
-        return (h("slot", { key: 'dc56ec212bd493738002e610fbf5f69d4a84a321' }));
+        return (h("slot", { key: '6bdd42cf388b84db92ec30990e8ea77fc808b60e' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-action-button/gux-action-button.js

@@ -116,7 +116,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '7b8a68ffb2e706305658aefd814855664155da47', class: "gux-action-button-container" }, h("gux-popup", { key: '2dca9d921bf4f92931daa670f29912a087bcc172', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '766696676f6f6e897778267afa8e564829930a69', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'fd835729201a17ef130e7bab7f004c08bef07911', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '705b0b7ac3f92861e82a835b1f41fc9adb474bfa', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'c93825bb3e4e1be33b052d57625b0fb365db3981', name: "title" }))), h("gux-button-slot", { key: '91bef49962cb87f0a0339383fa69807b5b5c309e', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '5f6826f2c7f6a000078d92594466372f62392d61', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '3543b2b52902bdcd638702a5da089b8f991f2559', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '06ce9844ef0361861dd7c905d4dd37d772b912f7', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '6d90e1e0fbee89f56e96a724de0a0890aa8cd6d9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bf8354b32108b1c3ece7abed66612b9fff5ac035' }))))));
+        return (h("div", { key: 'c1408579edced9e9f3c1b829b4cb808d5e9b9b9e', class: "gux-action-button-container" }, h("gux-popup", { key: '7a4b2c56a76818ea8500ad12dba190b62c5361b0', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5b5e49b12415aa43eec4d682af9eb1d0fb03061', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '1ddcb367eeff792114d0abab3e36ffc53a592701', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '06ab70d274f1880c33d3a3c4af401123fd4bcbb0', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '97d69f03df222cdb90b88cb77e95940f8436e48d', name: "title" }))), h("gux-button-slot", { key: '76bd0c828dc11b94167e724891c96038366d2c92', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '9b6666d19923a4e98b8c6f20c5f892d775f9b4d9', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '6183de703a1a9439ff46c6fca659083fc52214f8', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f5125fbf4e74c7e253c435b5c056f3d048930955', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '67f19e15f9d44a30f6aa572ed0cc4959dd5c15a3', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'c47852567cb25b801a2a58c646b1252a24324c42' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-badge/gux-badge.js

@@ -33,7 +33,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '8686dd40d813d74bfc362e442fe3621040b1142c', class: {
+        return (h("div", { key: '121519b92ff5c32eb3a648016504c94c27d00946', class: {
                 'gux-badge': true,
                 [`gux-${this.accent}`]: true,
                 'gux-bold': this.bold

package/dist/collection/components/stable/gux-blank-state/gux-blank-state.js

@@ -35,7 +35,7 @@ export class GuxBlankState {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: '7e514e368c4267dafeeb7f1c6da8db6dd496ffd1', class: "gux-container" }, h("div", { key: '40b07cb4856fe789cb2f004cdaa94bee58ec9470', class: "gux-image" }, h("slot", { key: '34c73b345f050cf759202b45bffb2517aec83f4b', name: "image" })), h("div", { key: 'c13519b747979f6a449750896991e492948c57e8', class: "gux-message" }, h("slot", { key: '9265e265ff286653cd0205f2222d0859a131787e', name: "primary-message" })), h("div", { key: '329205bee7cf4be7315ec6f7ac63ee43285b30b6', class: "gux-guidance" }, h("slot", { key: 'e0a927b555b4b079fb927925bb5756c6ba93e300', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '60b9053b2eb12387cd682732a2c51711fd3310f6', class: "gux-container" }, h("div", { key: '9c0e56560bf5b8bdce0695dcab7378f1075b7c85', class: "gux-image" }, h("slot", { key: '2f8769cc0b2f3fe90ff5f1f6e5b0d3a91a6c7b4b', name: "image" })), h("div", { key: '8bbe882159ae9c353415e855317f6cead6a2401e', class: "gux-message" }, h("slot", { key: '17dab6997720511fb33b6fecefb6a94a6f8fd32b', name: "primary-message" })), h("div", { key: '202a1508cd888dfdd099da918230259b09d5da79', class: "gux-guidance" }, h("slot", { key: '7205e5f9deae1f1cee7670da7bd2b2951cee3846', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/breadcrumb-item/gux-breadcrumb-item.js

@@ -38,7 +38,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: 'bbc8f9fdbeb85138ed1127c77c8132d6d93134a6', role: "listitem" }, h("span", { key: 'a021d9e878b526c243d52adcaecd6dfc477fef6c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '1d5cae678a0b5d314bee36e6f458eac8e8966acd', role: "listitem" }, h("span", { key: '113d53334b25ade061f5fe86692cdf6aadb55554', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
     }
     static get is() { return "gux-breadcrumb-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-breadcrumbs/gux-breadcrumbs.js

@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: 'cd80398b510699e4106c23d9ff371d6cb1ccd7cc', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'fc9defd6e0b44c64c2d42646a01f5e6a8ab0f2c5' }, h("slot", { key: 'f7c68255a50ce75964be0e7ad9b3ff79f655a606', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '4a444456133b2f90801206796a869be5a08c398f', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '2c44164688e95237f3b41aba3dd5d623521e2987' }, h("slot", { key: 'd57a186a03566a8d76988e898c7ffbac25db5c32', onSlotchange: this.onSlotChange.bind(this) }))));
     }
     static get is() { return "gux-breadcrumbs"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-button/gux-button.js

@@ -18,10 +18,10 @@ export class GuxButton {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("button", { key: '3022bc5ad8034a69266e8fccbac8a0415574cdba', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
+        return (h("button", { key: '1feacd33ee60f68ae1d3a1ee82c469e6d8dd3518', type: this.type, title: this.guxTitle, disabled: this.disabled, class: {
                 [`gux-${this.accent}`]: true,
                 'gux-icon-only': this.iconOnly
-            } }, h("slot", { key: '02525623e91c00c0a57c3261e5f01854e4f4ecb5', onSlotchange: this.slotChanged.bind(this) })));
+            } }, h("slot", { key: '33834ece334ef1a11aac31f06b88f5a5f84422b9', onSlotchange: this.slotChanged.bind(this) })));
     }
     stopEventIfDisabled(event) {
         if (this.disabled) {

package/dist/collection/components/stable/gux-button-multi/gux-button-multi.js

@@ -103,7 +103,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'c5bff9ec22f1f9b87b45600f5654a1cf0fcafe51', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '80b6f9a032b040e47ae6d7f62c2a64273179b738', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '8ce0f7fb565580bb9db0df017e7ce39cc953654e', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8cb57fea5032cc6df4064b00f3470adb61361553', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '9cf9f66424ee42c4b1c265fc4fa73c79803b4cbf', name: "title" }), h("gux-icon", { key: '23e4f1982d77aa9cef3aaa3ec660444cd19fa83f', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '52a9e7902518c1e7668ffa65e725d80828389dcd', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'bc5c701390a617885cbd58a63b1c3c91609b50bd', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '3f8f51d4703fc878f72ffbcbbe81b789425969ad' })))));
+        return (h("gux-popup", { key: 'f3f420db93ea266a7aa1746e255d5bd7b004554d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '1a058d1e3e61c01e6631894023b0f75bbd924054', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'b70ff83cb6e5f88c5fb998cb025f8559f67840b1', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'cb3ec04ddaec97d2ed9cc027ed4f747928562324', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'd7a0779fc1c00c1ef1753da06673b68b845d5a69', name: "title" }), h("gux-icon", { key: '8ad04259c5d45b1460eb82dec7b0a580ad2ceb1a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bff9da84ee30ed492a44a2e5737af7fdf0d6ce6b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9a0295f7ad34362b341095912e12d087994654ac', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a7c09fb86803d390a21a106e9afd1555358b3d07' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-button-slot/gux-button-slot.js

@@ -32,7 +32,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '15befd891876930e277175d8194d081ea3982e92', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '6731523f4cd52fce0da588d7558ba2e100993032' })));
+        return (h(Host, { key: '03debb27057e7f2fe3514941e6e722c9696cbcd4', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'add32b27a5b0dcbce8e869f2eb3d5324a006f66e' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-calendar/gux-calendar.js

@@ -322,7 +322,7 @@ export class GuxCalendar {
         return (h("table", null, h("tr", null, getWeekdays(this.locale, this.startDayOfWeek).map(day => (h("th", null, day)))), this.getMonthDays(index).map(week => (h("tr", null, week.map(day => (h("td", { tabindex: this.isFocusableDate(day) ? '0' : '-1', class: day.class, "aria-hidden": day.hidden ? 'true' : 'false', "aria-disabled": day.disabled ? 'true' : 'false', "data-date": day.date.getTime(), onClick: () => void this.onDateClick(day.date), onMouseEnter: () => this.onDateMouseEnter(day.date), onKeyDown: e => void this.onKeyDown(e) }, h("div", { class: "gux-date" }, day.date.getDate(), h("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '9ab737ccca49fede337ff7bcad0e617e0553aa5d', class: "gux-calendar" }, h("div", { key: 'a1fd0990b64c72cf52ea46a2f44eedbc2cd9c307', class: "gux-header" }, h("button", { key: '1e1d001bcad30918bf35cab7bf75a631f3e219d1', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b361c20900a9cdd8161a2b0023b8cac62bb5673d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'faa2fc7104de023f321701f15a6faf3e6c60b338', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '5fbe742618df07732a9d86174a9b97b43c5bf235', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'e3326d9316145ec86a36efa504fd7457cb144a03', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '94034889201ffba0d8363e586289006765379c84', class: "gux-calendar" }, h("div", { key: '98effec54051bc215f1bfaa2cc84c18048486222', class: "gux-header" }, h("button", { key: 'cf98ee02fbb418293b3a8e8783369de575cb6576', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'bdc5af198f48fc901e67d441d3af397ee286fa2f', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '72f5ffde3b32dbbf143132223cbc049b3728adc2', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '48b21068c2e3e2f469a1b64a34bc5e9a78452419', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'e03214171b78be5413bdda71007368d9b3b42143', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
     }
     static get is() { return "gux-calendar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-card/gux-card.js

@@ -11,10 +11,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '0c05e098f388e13aacae17ad423b402099450178', class: {
+        return (h("div", { key: 'fe90963405a4c298b13c75c991a713a9dc840ba9', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '1d3d4dd1b4cbc6f731e15ee57da145eb05aec161' })));
+            } }, h("slot", { key: '0bac8cd24dc14bb4c9105e039ad23dcea60bab3a' })));
     }
     static get is() { return "gux-card"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager-item/gux-column-manager-item.js

@@ -128,14 +128,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '902f78713070a291444827e1181568de0212a30a', draggable: "true" }, h("div", { key: '902b3c834a5df69ca1aa578008b1153a03625e61', class: {
+        return (h(Host, { key: '2bb4ea21fc5012004432569cabaa49279967979d', draggable: "true" }, h("div", { key: '4799c5a26f38565b36307fef017f024fc210f02b', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '3356448b3902ca0407af3f579a890a02bbfe9546', class: {
+            } }, h("button", { key: 'a303cd9386a4d5a8e616ec192a709397e2da5b3b', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '06e5774368aa8b202ba002186e3fba8ce0ec4c86', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '6212b59e731edca8c314229f7658eb0cb66cf7d5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e3a3ce1c39a10160984f5bb931543f013cbbc8d3', class: "gux-select" }, h("slot", { key: 'a82b618fb073ca687886838b0271243752ffb184', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '46f91dc56c94ce70602c860e9a740536d3bccba5', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f207fd6ffdf402e157688c30444264dbfb53a1fe', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '0b2985784e3f1c9b65d71375784ed3c42154b571', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e632ea7e95a7a597b961c43f140434b046530ecf', class: "gux-select" }, h("slot", { key: '97d48b3606f4e03d7c44e1e386b95a5f328c3a06', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'a5c48efa350c3351cef3fcd324e5d7574c9e3cca', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     static get is() { return "gux-column-manager-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-column-manager/gux-column-manager.js

@@ -89,7 +89,7 @@ export class GuxColumnManager {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: 'a79f94223dfd05de4086c68a9e95a089597a23b8', class: "gux-container" }, h("div", { key: '8a5e5e45a677ee290644ab4fece23a70ee47513c', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'faa3b45bb92e71068bd7036be071a75461caf81d', class: "gux-search" }, h("gux-content-search", { key: '2638adad20f101d380e140b0b9c09489cb93168f', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b34328155244f85924d2f488a481b4f01607b1f9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'afbf7d485a17fd173f5d85024fcbae79c1095361', class: "gux-select" }, h("gux-form-field-checkbox", { key: '2909936c012cdb2372cbc4c2a3373d19549bf82e' }, h("input", { key: 'e5043db01ee15496864fb661134c7e77c77fa0ef', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'd2e3287f9b845184783af6f51b4d70f814334627', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '322428c1b9df9e375e757174b0993a607e9f45a2', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '5c6091ca95e652757781382bb371c44781406f06', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '3c851aa820d225f72edd28103d65b923ae19b50a', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '762fef70a362de118cacf114ed1324197d5f1519', class: "gux-container" }, h("div", { key: '6156e8ff80d6bf05faecda20ad4266e293ab062e', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '5fd3f746feaf290a5f151f5e1eb2bb98b557192a', class: "gux-search" }, h("gux-content-search", { key: '5417baee3b315739bcf52edbd4aadf9bfda1bef6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6e1ee9fcedf6be3dada4137604b67778a05a4a93', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'cae4df566baa5ae606c2eaae0f68e45b02203472', class: "gux-select" }, h("gux-form-field-checkbox", { key: '19dfe5fa43e4ef15b24a097eb41ea99bf45db0b7' }, h("input", { key: 'e093500e832fc9237105d4b5f0577ae79e0df412', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '35cddf03d313b075fe07815eac36bb07140d2691', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b3255d0dc4666be65fee8a0bcd95eb15bbb53856', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bfc566b3c891e0874228b5dd58d51dccf1292877', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '55776cd099a5121e983a5abcd914cddeec2de5f3', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-content-search/gux-content-search.js

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '379064dc575df48d6cf8dd7b2ea9fb872ab3fccb', class: {
+        return (h("div", { key: 'f2c204a5d97d25d321cfbea46261a28776c904d8', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '4d91c35178172878704367ac06bd8316086402a1', class: "gux-search-icon" }, h("gux-icon", { key: '975b3efd1088c3713735963790c7406cfdfd2547', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '8a497ae9c2165e1e7f4fa8b395e35e6e484ccb4d' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'c3c74ceb6543826009b8abf84f1cde3cd777db05', class: "gux-search-icon" }, h("gux-icon", { key: 'b6a103f01f86779bdefd0b291a50f02aebb8ece2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '56d95eb42952233f19fddcd22f3cd36798231f9b' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

package/dist/collection/components/stable/gux-context-menu/gux-context-menu.js

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '7bd4676ce89563db9af6381d86dbb99d7a3c7203' }, h("gux-popup", { key: '10b26375517aaa0c565b6ee3f0eaf6bf0f9d620c', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '42afaf086475d662a5b51827900706de0d7a6f60', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '3c1b34e246856987ec2b686d6cdd169010adccc2', accent: "ghost" }, h("button", { key: '677ecfb4b3ae5a55330c3c6483e8c9594f4eb1dc', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '6df382d6fd22e732c9846205a1579b08f6fd3573', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '51d4ad61c218d8622f2f8c5f7599004153b7b2f0', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '76a8bfa5a52a7c5316a576f13cd4e13d1dcff3a6', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'dc1b4c42a238ce71dc9048efafb6b22e4eafe657' }))))));
+        return (h(Host, { key: 'd37b84dd28ee2bd9f5f0fee1361ea15343b56092' }, h("gux-popup", { key: '8ebc1d9ef83b73ae4e65b9c7f347948d6bd36651', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '64d1d7d1734028e249c819277edb595013290b28', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'b4640a7b69b5d1cc54c94dd5732b604c2d77387a', accent: "ghost" }, h("button", { key: '4ffc0aad6be25418e8a856318c181424d53babf9', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '3abef42018f24fe63af299aa800070ae42531f54', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'bcf277ea0dd972fd9005feefa8564eaf866fb10c', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'a0f0fbe075e5d1c116a07e581d7d4c56295992ba', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'dc948842b7dd00d27d3692197377cd2430b08dda' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-copy-to-clipboard/gux-copy-to-clipboard.js

@@ -57,7 +57,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '0f359f58cd0ea98ff17daa26467b5d34431674f3', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '36af97357f9da1c29c4f5abcbb28d98e8ed36eb6', class: "gux-copy-content" }, h("slot", { key: '000d41e39725975e82e94495c7646e973d171480', name: "content" }), h("gux-icon", { key: 'c99f7cbec96cf644b36cfe08609765b79a61fb15', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '65ce96e454e69024bf0764b29a76d3eb763eefa2', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '423cfb853f553056b40d8c0e056e7402f674f565', class: "gux-copy-content" }, h("slot", { key: '38bfb4e3be3a1bec62a9a7a3b2827bf65257d78e', name: "content" }), h("gux-icon", { key: 'a3826f7118658d721fb8f41bc79e1eb5b26494ed', "icon-name": "fa/copy-regular", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-datepicker/gux-datepicker.js

@@ -510,7 +510,7 @@ export class GuxDatepicker {
             } }, h("label", { htmlFor: this.endInputId, class: "gux-datepicker-field-label" }, this.getCalendarLabels()[1]), h("div", { class: "gux-datepicker-field-input" }, h("div", { class: "gux-datepicker-field-text-input" }, h("input", { id: this.endInputId, type: "text", ref: (el) => (this.toInputElement = el), onMouseUp: e => this.onInputMouseUp(e), onFocusin: e => this.onInputFocusIn(e), onFocusout: () => this.onInputFocusOut(), value: this.toFormattedValue, disabled: this.disabled }), this.renderCalendarToggleButton()))));
     }
     render() {
-        return (h("div", { key: '3ada993636feec960011202c7d897ae16b88734c', class: {
+        return (h("div", { key: '53226594a504cd2ad660df5a0a4536b20e415b90', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

package/dist/collection/components/stable/gux-dismiss-button/gux-dismiss-button.js

@@ -11,7 +11,7 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '83378466334b72279df60b88cfe410a74f11ca02', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '02546ece8f67f304eff7b5855491c8e0ffe6a905', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'f9829ff48e74cbae901e06770430bf9683b2069a', class: "gux-icon-container" }, h("gux-icon", { key: '7018c674a3e0a9f225930e748e31239ed601b1c2', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+        return (h("gux-button-slot", { key: '072a9f9c10c220256fdc5ad105ade15d6c7e2824', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: 'a2d8829820d4c32485e9ca546884d6dd8389ca42', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'b491b6bf95e0ed06a0b395f88d3338065f22f420', class: "gux-icon-container" }, h("gux-icon", { key: '50c0336f7c2f4016d8daf5a374668f85fab5b68c', "icon-name": "fa/xmark-large-regular", decorative: true })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-dropdown/gux-dropdown.js

@@ -346,7 +346,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'aacaddf39c6082eb0b074849767eabb8c57ce75d', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
+        return (h("gux-popup", { key: 'd4bd47da0efa5780c86a2c3e6da3f17636f1768e', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()));
     }
     static get is() { return "gux-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi-tag/gux-dropdown-multi-tag.js

@@ -29,7 +29,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '58f492a8712961d4b490748660b768524b620506', class: {
+        return (h("div", { key: '4164c80fb74c3923bf4d6eacc0ace5aa86f200d9', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'c6398fd677209ff273a611b41cedee812bcd9022', class: "gux-dropdown-container" }, h("gux-popup", { key: '175d711a57687ff35de7778d6318a046d4cb9d24', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '252235b33caf2c2e8d4d5a83bd5928e08d2c3778', class: "gux-dropdown-container" }, h("gux-popup", { key: 'ebb0cb64b46f878c2bbbcf67a8c62eda2f443c06', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js

@@ -171,10 +171,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '96edfa3ebf5be5afe504e370c2a14cfd2daef2e8', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'e0d36d479bef1cbc9da0e256b99d2548ed333809', ref: el => (this.targetElement = el) }, h("slot", { key: 'b824bb2babaf66719c69ab878a9562ba17e59ac1', name: "target" })), h("div", { key: 'bf772250442e633fdd2334bb90beafcdf8269563', class: {
+        return (h(Host, { key: '98954d39709206fb3a688940dfba59e45e65f951', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'ebcc1d72965f1b589b892c17bc3cc564e448765b', ref: el => (this.targetElement = el) }, h("slot", { key: '6857f784f3e295d09544a57398ba552108846049', name: "target" })), h("div", { key: 'eaba7913c1f1d1233e05f22c9e73f3077c9d1579', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'c2cd14ed5b78d0a1632851cc113ffdc50528716b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'adfe1a13efbd5e7eaa58e5382dad50a7d00c99c6', class: "gux-arrow-caret" })), h("slot", { key: '1e90344b959b1bcfc73a4a74c7c61e50a65d4a53', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '0057297de59c8eb7f236034ef0853db443020120', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '30bf6af55aea626e56243f29a5c247adcb489ab5', class: "gux-arrow-caret" })), h("slot", { key: 'ce422d6f2c5ab1bf7c2208a0424f775eaede96b2', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js

@@ -28,7 +28,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: 'e79faabef6b54fe1009610ace99549a13917aa2a', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'daf0064c5b7692af88365aefd72bec4eda3fec79', class: "gux-menu-option-button-text" }, h("slot", { key: 'd50cd034a9df228ac3dd9a927a8b590ca2979012' }))));
+        return (h("button", { key: '06210e30af48e1ec177a495924670d20fe6875f0', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'cbd98af95f329343c88456cb87f1194001d61efd', class: "gux-menu-option-button-text" }, h("slot", { key: 'b5e6d021b9c66616f172cb1fb36e7c8d2a3a73e3' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
     render() {
-        return (h(Host, { key: '64297942dd3b8ce9c499e5007f93ce32d50b8ca6', role: "menu" }, h("slot", { key: '6e9dc876bd2373ea4134fd997960ed83dd848090' })));
+        return (h(Host, { key: 'd1cb1065ce1326e6381942e4b2946a2694449c8b', role: "menu" }, h("slot", { key: '814774738b4f286bb43d5b50cba6303dd20c2d9a' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js

@@ -140,13 +140,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: 'e79928cfa15eca05a24d130ad99b5b9f89580484' }, h("button", { key: '42659df349945f3db53dcb96cf0f639fb4d7fb33', type: "button", class: {
+        return (h(Host, { key: '785a7d7fc228431781f80e78be5ea27b6f922b50' }, h("button", { key: '2418bd71a19ce456a0826f43a36dce5514e2b9ee', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '900191429a7609cb68eb0485bab9d4ca74b4f0f6', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '14fabf28052644302b3de10b6e4ae01c37b5ba32', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '63aa954bea898bc1d8d6aff4dac812ac1f696591', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: 'f81b332fe3200126f7bf6f3024967e5015d39db1', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '5d64d10850e0d498e3fbb0d5597564e27f50db37', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: 'b359b5156857f456b6468bf6f2c515c690f2d9e8', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '36052f94b695f911f0694f43f3df8106f283d709', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '5f38cd07848f12849e79b82860017e4ed32f7260' })))));
+            } }, h("div", { key: 'ac0cdba4681a3cac1ecbee6e54576d4f4a961037', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '98ddeff3082445608c8827369749279e932205bf' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox/gux-form-field-checkbox.js

@@ -48,10 +48,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: 'a7ca2efdb4a4e118969b80ab231375f6c6891c22', class: {
+        return (h(Host, { key: 'f8e07dcdc6178dac8469a373e7fc9f1e8f89fa2c', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '3da7fb8b8497dcc5a22ce9fb82a7d7707f1c7cd3', class: "gux-form-field-container" }, h("div", { key: '351dccf78036564fe310039c7bf5261f022cfb60', class: "gux-input-label" }, h("div", { key: '78a47780fe436bf754b5d91fd6fa910d6bf0ef1d', class: "gux-input" }, h("slot", { key: '50487b7b4ee7041342533c375197fa3a3113321e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f4385aee690dad8ca6cfcf90c2e7071b15274680', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '63697b88b3146944265dd721221a423fb294321a', name: "label" }))), h("div", { key: '32fa798b6d4f631d4e1bdbaf53f7e63d2a176c38', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a6aeadecfa6362d7ca24abd0a157c8321fe098fe', show: this.hasError }, h("slot", { key: 'f1ff271aae103e60ffdc83da30b80f96818655f1', name: "error" })), h(GuxFormFieldHelp, { key: 'dc991534240a90b7dcf6a2a65165bfb6e9963ea2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a282c1a098973c11278a424a0efa357741639291', name: "help" }))))));
+            } }, h("div", { key: '4ae6689a6fc1a858590718119c487449793e024e', class: "gux-form-field-container" }, h("div", { key: '1ac2613ffcc3f0d36dda677bd842a4071428160a', class: "gux-input-label" }, h("div", { key: '1fcab62fb4fbee25db937968903bb210f9b5ae72', class: "gux-input" }, h("slot", { key: '508ef0139fbbdb70f5a8a24770bec702710cead5', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '130dbb64399341cec6646991555c556b32a9ff61', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'dab4781b5eb6f1a10ca162235d59bea844510642', name: "label" }))), h("div", { key: '34a2f5460c3a2d1eb54d87ce41d573ff066625db', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '59a2dfd40d166c56c1bb07b3160694b92d3baaeb', show: this.hasError }, h("slot", { key: '886825073dbbdaaacf6edf8fc78ace33a0f116f9', name: "error" })), h(GuxFormFieldHelp, { key: 'f8fbad0a38ebbb03ead3726c018cc365eacb4b1c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd798fe0c5fcfb93c616be39031d2b38abca1240b', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-checkbox-group/gux-form-field-checkbox-group.js

@@ -133,8 +133,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'b006db504824a85c90abfb6042d0bd5958bf08a5', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'e854af1ea68495d2346038af1292de3f1034a690' }, (_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: '5356ecf1275e68044e4122a1699df2e6bdc3f036', position: "above", required: this.required }, h("slot", { key: '0022a0d7590b6e8b4a56358bc851dc70047a09b7', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '722e243a103af447f754d73f069a9b6727def5a5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5d79146bcc1c5bc7083a513b5a120c672ab7b156', name: "group-label-info" })), h("slot", { key: 'd4ecd45f6a732fd17f0874a09c5c5fffa977eb36', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'e347cf038bc8334093b017281f70eb905b6b4330', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '68cc7685d0e79ae91333202731a245aba973fdae', show: this.hasGroupError }, h("slot", { key: '00d19a503b650f85a82a83e152e808d14ee312e4', name: "group-error" })), h(GuxFormFieldHelp, { key: 'bc4ac41063dc2a88f47a0eddad5cee001ef65a1e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f18a19d0817ac07cec5d0785504ade40098418f0', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'b96de07ea2f50db414428a1c0da6d7519dc63fb5', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '5649fb46d2ad3401c0f91cd6e8e889d01d3436c6' }, (_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: 'e762a3109d33b1ca19d6b2f5395b03594645dd04', position: "above", required: this.required }, h("slot", { key: 'ba73fb9147fa3d105c648a8e74556ed05102efeb', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0eb14d155d544de04ef8a106f7966f58bae81e46', variant: this.indicatorMark, required: this.required }), h("slot", { key: '32853c9e842657f9e083649fb420e9168ecb304a', name: "group-label-info" })), h("slot", { key: 'da729ba2f72b8159d3f8a724a2c6b595bc750563', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '42db37ca5abcb91df01cedc085772c75db3c66d7', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'ec47fa90926b5116b72d6d819795da5b0f54b6d6', show: this.hasGroupError }, h("slot", { key: '3ca8db2694e3f29318eaf00f940564ca8b7459f4', name: "group-error" })), h(GuxFormFieldHelp, { key: 'f95e241b6a334bde7aed19696a1c406a94c66a64', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '1c597d9b240c5f926f6b618d5ccf1634cb4246ce', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-color/gux-form-field-color.js

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0a39317eebc6d1b0b5095a05f9233f7a89119acb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'e6ad2446431a1a0e6ff3f7a35199cc6ea4f4ddae', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4d9e6dc69f9f59bbed04a78db47dc96a36941b32', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5467932eb0dbd4e62c9525f71826628be16626ee', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ce3f830ef46c878b08fb60f06b34635ea8981c25', name: "label-info" })), h("div", { key: '0cacee7d9692522a64cf92bfab8db70aa22b2ab4', class: "gux-input-and-error-container" }, h("div", { key: '7540aff1d8ee693387e5ff2f72ee0fd5a64ada7e', class: {
+        return (h(GuxFormFieldContainer, { key: '13d8df11f215ab673e3877a7e27b02dace4e5451', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a1703b8d1c64982145823f7af4eac4366a37cb7c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '62d91eff172f5fe3ad223996e2a67864999f0468', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '836d29db382f1b91795c28a038140f503c154c3b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ad3021b9c3aa48ebf9f0f41906bacf1b468f1ea8', name: "label-info" })), h("div", { key: '07164a69a9396d6a6829c11dbd2c033426273c34', class: "gux-input-and-error-container" }, h("div", { key: 'ace65a2240bccd0ddb7ce3a334bb8726cba8f19a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4aba3697be096dcf947a6cde9d06b963b31d4ddd', class: {
+            } }, h("div", { key: '9c3968ad741c91f5767a1767cff4a0b8f2192dde', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd94ad5e6147de68ce73d669239018437b505d665', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '4442453b96851a84d65571a4cdbd30189148bff7', show: this.hasError }, h("slot", { key: '337a8d583e109816ff9d69f57618c6e42a05c137', name: "error" })), h(GuxFormFieldHelp, { key: 'c3fb67cf3d2bad26c2847d2362e17420951fe963', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd6cc78440ba431d4796fe7559f60ba697657236f', name: "help" })))));
+            } }, h("slot", { key: 'cc917e7cc4678f4d60db7f586f193c665306e213', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '2ac291486589741d20d4f3d64c1081211afeb4a0', show: this.hasError }, h("slot", { key: 'a32fdaee781a0f06e75fdd3ab569545f1f71dd23', name: "error" })), h(GuxFormFieldHelp, { key: 'a6a05b82d95fe56d25ba275730a63c28f7a2e106', show: !this.hasError && this.hasHelp }, h("slot", { key: '1b1aa28ef3236bf8351f502dad47fda8253cc39a', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-dropdown/gux-form-field-dropdown.js

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'a250369da3c693575bcae560207c82a77982089f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a7ba0b81a9e17d73100927f11e708aab31338e0e' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'f2626b303a8ce77adc050107c496f0556ab56af6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '69032596a69268b426c43d8a370de1957adf6364', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b7ae73d2b1d4c9060fb81c6225222d55f0b9ba3d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '68ebf129d77c75e2bb565499ad8da68f85d7a37e', name: "label-info" })), h("div", { key: 'c5813f2aa922a7ece51a84fb2850a659c2694133', class: "gux-input-and-error-container" }, h("div", { key: '98bb80f662b3746c9228a099224c12fffd26e171', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c1c74c5bb31b6f97d9ebfe1db1258a812a21ebf8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6b0e80e8a464c0f4e5adff21d847e4e1b66c4b89' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '81f7da2241b8997d4008bf2321763b3ff6d0db58', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f42e82c18a0b7c9529f812e80a302e97f3bba3fb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2934265dfe189091fb2800c977d53522966952d7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '403c228edf1b4079cf92dde048a4d92fcc4f2dec', name: "label-info" })), h("div", { key: '7bc0892cd358d11a7dd7e153e060e05330e03d31', class: "gux-input-and-error-container" }, h("div", { key: 'e3170fc3c536f37ffff8c5c8f037f401e3e4777c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '14c6b0561f35234241f241a4150f98b3ca3db61a' })), h(GuxFormFieldError, { key: '6d6df40a7d65ded4f1bedaff9cae5e76ded6d70b', show: this.hasError }, h("slot", { key: '98b107a272159b89ab4a223fea9506b00aa3f304', name: "error" })), h(GuxFormFieldHelp, { key: '00c607f82c67a2083229171e130f44caf15dab95', show: !this.hasError && this.hasHelp }, h("slot", { key: '3bc4f90cecce9b35967d747e456565265c6a1e0f', name: "help" })))));
+            } }, h("slot", { key: '123eb80791e65217f2c8384bf05c0cd24399c142' })), h(GuxFormFieldError, { key: 'a43eb2cce1f8c80b321c111985d5468c8e4e2ce9', show: this.hasError }, h("slot", { key: '80d3fb9a48214610e6ebab1cc9e89a9c8208e401', name: "error" })), h(GuxFormFieldHelp, { key: 'd998d3b1685f86785595b34b51950bc4abf543c3', show: !this.hasError && this.hasHelp }, h("slot", { key: '9da58f97015a80e0d1cee3f50dc2000586b28c82', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file/gux-form-field-file.js

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7abf536d21c5c458cb5b21f33f1bd9396044a0b7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '13ed9bf6c351863b755077efa5566a5cd1e90a14', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '09575fed78d9ca655eb4b63722b6a82315c0a146', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd64a434050c1f7a1019aa089d6740683efdc7df5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8e076c976fd28f8f21dd4bc12b2d0896756614ad', name: "label-info" })), h("div", { key: '93a3c6723a0f4a305fa06630eebb4a74f6905f81', class: "gux-input-and-error-container" }, h("slot", { key: '6aff1d14f123368160df5ad0ff76f2730ff05eb2', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '4e20fc902a0f9faa6a2590edd16d7499f2a717a9', show: this.hasError }, h("slot", { key: 'da00c934c70ab2084663d46e7e18d53639668620', name: "error" })), h(GuxFormFieldHelp, { key: '5516d1ff98f2f1486b5e7a390d7885d6d2b1914b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dd642f28776f0bd7497d7d29f05b9ea74f811148', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '02b253ca15761a3f942dff46fee31701687b4448', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '874303c861645b74bca40a9081fa5c40bd663210', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6a6c8d788f7527304b40452fd7deab46e6c4500d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b787c16459b39df19e22f8fcd34d0c1818afc488', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'af84f811a6afed45f9a9837ce8676bd80efff91e', name: "label-info" })), h("div", { key: 'ddea7c195b46989b1b00527d92ad5bb382c432c0', class: "gux-input-and-error-container" }, h("slot", { key: 'd0c3ce56d0ccb4848f9a3b943cfe5f66163e2519', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '2612ef8ca6b34375be544e2adad168c040cc8256', show: this.hasError }, h("slot", { key: 'c99d71cef51302a13e421466752e4af684c7089e', name: "error" })), h(GuxFormFieldHelp, { key: '6b90f6a97692520a35675d6eaa0f99f3b2c800ef', show: !this.hasError && this.hasHelp }, h("slot", { key: '69ba3bc76e2ad3e56200a303b10f5db65a2d292e', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '785fec87017ff42abee831b3c624c217b41d56fd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8b2118c7b4aa61db406ebe9156b0b4662274a8dd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0bb97183776944254809140c67c8b4f95b7e6473', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0b567491a4dbb3332962621fcd06fcb7f260fbaa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9c788f5e5be22657879e04abec11bd4cd8a01cc1', name: "label-info" })), h("div", { key: 'c1395eeffda28e6618c0ed585f98ea16566db1e4', class: "gux-input-and-error-container" }, h("div", { key: '79ed7447b231810038ed4967f95f24625987a291', class: {
+        return (h(GuxFormFieldContainer, { key: 'df4b8a0d67f9346f94f919bae2ce8a89f5fe1727', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ff3557152601cab46977a21cd8e9a801d4add136', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7374695cd022df657d0d2b377cbda0865b6db6ab', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8f016e8a96739777af319345eba72b027a64bc4a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0c513673d8646dc7fb7d1662003e08b52353abe2', name: "label-info" })), h("div", { key: 'acde65f1e052116c5d25d823cfc8057cd7cc96c4', class: "gux-input-and-error-container" }, h("div", { key: '995ff2b1bf1d16c3f733cab26ecc0964af1372e5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'e2a946f4c05b1dd34fe3f68988da03fad88be780', class: {
+            }, part: "input-section" }, h("div", { key: '3314defc9a659839e2b5882fc57f97d96656ae2f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6f58481bf65dad53105af30c21e0cccf083ff606', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '7c321e86300923dda697ea1ed96f395f2eae5e80', show: this.hasError }, h("slot", { key: 'ea01b157b5c696b3243eb22da2e7e0ca6b7091fe', name: "error" })), h(GuxFormFieldHelp, { key: '715ba6fc83227e5c35452c709fc4b5d66c7d96c4', show: !this.hasError && this.hasHelp }, h("slot", { key: '4b36fc63670534b1e314c6c4e79b8ee4164e19e7', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'e69306c0f92b42aa3039b2586c95c1e55b324b29', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '3458e120ecd9db5467e3dada2735a52675a3b79e', show: this.hasError }, h("slot", { key: 'd4f8a9fdbe5510dcbbaf0cc540b3aefaa06d11d1', name: "error" })), h(GuxFormFieldHelp, { key: '0255c2a4cf5cc3e0f76aea89508ca6a397c3b4f1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f50abf2bbf55c015a1593c01ed47a46d9c696c00', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.js

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '56f12f972a655ae407c09f1daf04cc23c7de1bcf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f2fe6e36721035fb33bf7bcdd8d1650bfb7dfdef' }, (_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: 'e07e162217ab41732b4f995944c60bfa2d14a9ce', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e5f95f3ac47968fec7f0ccd6f6592cc868089be1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'da85988d13e8024ab9fe74d4056ecede0d6530cf', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'feb7b1e0d892135bda3257dd8bb8531771304359', name: "label-info" })), h("div", { key: '700833f9c865c82b40f49653a227cf5f0fd19aa9', class: "gux-input-and-error-container" }, h("div", { key: '5e34d7c821c11a0616902073d56052802264abf3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '8d7f86bb76e7c3ff4a798917a45bc5b2d42e646c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9e2f637de0442d809253042f9675a7dd51081ff0' }, (_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: '052b1a003849260bf9d24055dbb38ed6b7b5e927', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'af8d9f5a0685e29be66bfeb80d288f05db995307', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b1d42a9e55588cbf576c8bc5681481b53ad25393', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd283281313e4d9bdde10ef78ac9a212db58a1fef', name: "label-info" })), h("div", { key: '0e15d073c9f4c41f51d36c9686a3a01feee51b04', class: "gux-input-and-error-container" }, h("div", { key: '5c163aa47d9ba7b760980d3cc55cef37a7161b09', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'fddd3d42d84ec8fdcc2ea1ca525e88b5a684493a', class: {
+            } }, h("div", { key: 'fcfd85402c8eab92a35b0e9d37efd577b401539f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd58fa6a08698808604691bbc8e72c3792827ef35' }))), h(GuxFormFieldError, { key: 'd6faf31ecd47ef331d932162b719e67ea0110e69', show: this.hasError }, h("slot", { key: '493b1b0249f723205ce9cb7c32638d82ed625d73', name: "error" })), h(GuxFormFieldHelp, { key: 'c9efbe0fc5a1b79d6a0d0d7426491ceb69b876e4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'afe33f3ec89fa5246c12327dcb78346f4d7258f1', name: "help" })))));
+            } }, h("slot", { key: '7431b1ab677bdf5d7983f83618ef1411e607e411' }))), h(GuxFormFieldError, { key: '8e31c0f6bc1e2eef0aa387de006cbded084e62e1', show: this.hasError }, h("slot", { key: '5cd157c3acd3579757b1b09cf1b3726e2be7f407', name: "error" })), h(GuxFormFieldHelp, { key: 'df5cd3f96afb6afe80cdcbef5df5aefe2a2bc737', show: !this.hasError && this.hasHelp }, h("slot", { key: '51cbf62e1b70dc72a5a5773fd49acc95d6bc2dd6', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio/gux-form-field-radio.js

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '7dc1f9d2b6002960146602218bf0ef4023ab6920', class: {
+        return (h(Host, { key: 'b75d0ff902ced5a1a8cdb9966d8c6690503d0130', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '6e84121c488ef2bbec5458bde706455e73b270f0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'fd7d80734803eb61c1391d5063fdb1084fe47c64', class: "gux-input-label" }, h("div", { key: 'dabc615e2494c0eb41b6196706e9ad3d740cfef7', class: "gux-input" }, h("slot", { key: '5a595f86b59079deaf325916c32f43e1020b5df6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2acf844b9be3fd281af460054af6bf06ab45ba80', class: "gux-label" }, h("slot", { key: 'fe34d02ffe32db3241f5cd0f6de31542a963edad', name: "label" }))), h("div", { key: 'e8db7c74f32d014ca1b64dc77dd6bd40979ed80c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a72e210faf7c6a85b79f4bba55b4450ad0d2761b', show: this.hasError }, h("slot", { key: 'f7802fcbac90cacf10f78cb9a8e362b1d471e4e7', name: "error" })), h(GuxFormFieldHelp, { key: '027bb4efd13c8267c700bb1231873f96156d4ee6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a562df50f27d540e8d68d4b9efa5b23e4e96cee2', name: "help" }))))));
+            } }, h("div", { key: 'f5854c0daf214cfd159cf4d96e35794e9e609e93', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '2e4c86e4443d2c701400747f3f119752984b1a74', class: "gux-input-label" }, h("div", { key: '68c21e8b945ebfde73d97e368ee950b0ec97760e', class: "gux-input" }, h("slot", { key: '3476024fddfa218fa102044f02f0b19947b8997c', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '293aec0463e0f137d91fe606323f2689554f93fa', class: "gux-label" }, h("slot", { key: 'f77833ddca1595534c3ce5a2a63abb242b58e9c6', name: "label" }))), h("div", { key: 'baa6ee62cc4c0ebecd9b22366e08f6166a99242c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2bef63243a37098461d311f23077e962d750cbaa', show: this.hasError }, h("slot", { key: '7c74813d8cb1bf5ba6252872b6478b87764a8063', name: "error" })), h(GuxFormFieldHelp, { key: '495509e86a0e32a761ea2babcfc16865945d9e6b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b38a0df20bbacb819bae14fa29fa8bc235871e54', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');