genesys-spark-components 4.100.0 → 4.101.1

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: 'ae34392f0292d4d2cc8728911337e787d993b89d', class: { 'gux-selected': this.selected } }, h("button", { key: '5a04666a3758787567515f886ec21fdbaa6fec16', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '8b193776a94310ca90d3a1628f88fde7067a414c' }))));
+        return (h(Host, { key: 'dfec7f615a7355fdad50c1e5cd6e8c78a05cf3fd', class: { 'gux-selected': this.selected } }, h("button", { key: '70ca8f456fcfd5655cf46f34d64f014e000542a8', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '7b837c5be672d9323e5a08f4f80ef6f56d5bd654' }))));
     }
     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: '5867673a98f3970fba12df7e8e447043462747a0', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '014692f4ce3ebe92883d1db66869b00c5c9eb331', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'd31601a61d149eb26c14c6bc184fd33de5da5f6a', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'f743ee37bec5f414c7b06f9145dc42cc8fee4fee', 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: '004d8bfe8e4b4b5893a1139c1313d2ac2b781278', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'ee920ec8cb33d05e4e42ae0ec10f92436496fd5c', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '43193e92ce61aef0aba9eef1dea4f6f33a7b98b0', class: {
+        return (h("section", { key: '3924b85f31a66bca17c7f378567014f8078ff648', class: { 'gux-disabled': this.disabled } }, h("div", { key: '5c267b42b7d2ac73ddf1f6bb1e9638a7b5f52c53', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'b633f331ba6a3929cc25ecb16a36aee8640d5561', 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", { key: '9f7153eea96aa5d84824bdb1d6c60b09f524ec35', name: "icon" }), h("div", { key: '297fbc5e3bfaf05a2ced887999b7801e40d2a1e5', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '3aaa4cdf784767603482c5925fe5f4d2adceea58', name: "icon" }), h("div", { key: 'd3c4cb470b61c031b68076e5369e075a2170f6c8', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '1ff173c152f6c86810bbfe2fee97c742246181d4', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '462b59b9b3622032601d26a055f485fde266da33', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '464f784a9e9305eb2f55685baa0ca33053a92d0e', class: {
+            } }, h("slot", { key: 'd363747b9debcc3a64ed635c1f6b7f9ca21a3e14', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'f6de0e09e2b4121a96d543387628c1d0755a5b8f', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: 'c436794e348b57af52b374f0522fdd30ba400b04', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'fc3f1e2cb6c71c2735f91116d67062c8c8d0f832', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '5cca845a8f661f0528ce13db646d5bd7298506d9', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '2d21f68607c3768177e87d05be85a8e6460fb2f8', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '0a5bb8327a7ac65132c8c920509410630908499b', 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: '83ae687d11eccdb0767a72acc85647c9f46e2332', name: "content" }))));
+            } }, h("slot", { key: 'c8b8af566de38e258e6a17b49ffaa35926a4f890', 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: '905614240ce3096c84de9fb4f4e4fae9939a0564' }));
+        return (h("slot", { key: '4185a5f15b4c1aa8a98bc76e2f12230b09b714b1' }));
     }
     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: 'ecb21d18f959703ef11a3629010b5be4342c9a6b', class: "gux-action-button-container" }, h("gux-popup", { key: '33808b5af5d204fe34dc30ce2666908e16cb1aa2', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '81c0f63d7de85120a2ee81cf59bedfb9e3597523', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '5a69c36753de2e6ea96ab6016fde9f2e54e96840', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '6f253a2c575c2a2526cfcf1940820bbcbcf33428', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '7014754ed1e8fe3237bb3fa71a404eda46cf278f', name: "title" }))), h("gux-button-slot", { key: '1f649e5f4aa40a63a090361b40794f4857a48c38', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'df9c163e08b30c291f18b3956f9109cbc7dea766', 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: '02973eb6bdbf740cd2ee5de433a8c907863dfe0a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '8096eff3ac184ede6c86b9c194fb2fd6e713e5bb', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9746e480d72de3d0d1f8abd0ecad62c9e84f7bd1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '275778ed277dd0ad04a5b01edad914e59a2f0f9a' }))))));
+        return (h("div", { key: '3b3d36a4a20de345981d69fa2dd381ff526738d0', class: "gux-action-button-container" }, h("gux-popup", { key: 'ca936f4bdc087463d0084c38aa68798da52f3b30', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '4e77b6dfd56c9ab772504881dccd7ec7fb361a29', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '3b49bd8e86e1b1ddae53c0cebade1632da5fa04e', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '428d4485d4c400789a63d03d562241f8bac603a4', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '1a332eb224ef03d07f7375ae862a2f197e079cac', name: "title" }))), h("gux-button-slot", { key: 'ab0e02ec002cf95b805de1664328d1065b167cad', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '0d1f1f1f12ab724deaa2cc4db09d24d8ddbd2f88', 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: 'b0f3a4ad766c34e516a0b2798c659b8c2834db86', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2d663a85df56d364a998d8ea0ccb7e91603f32e3', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '730a2870a8f91f7ecd9a1bef7a9152f8b5e7afc5', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '81a1f17b77d7de92ce0f63c35363841ac2cda67a' }))))));
     }
     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: '5fc960eb430a50086414b163fafa6b83453ed906', class: {
+        return (h("div", { key: '17d30c6044045a4e59c920b125f8c8d12dc35e68', 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: 'd7a374fba7bf2276d60e757747581c3f678900a6', class: "gux-container" }, h("div", { key: 'a5ba82976c62b5f8a60f7b49ae3be6677e83c0f8', class: "gux-image" }, h("slot", { key: 'dd3e11431228fe7cc4fe6680aad0f4a31753830b', name: "image" })), h("div", { key: 'bb861a504449b3dbe91996c8e9f4cfac7d75d0ba', class: "gux-message" }, h("slot", { key: '0aa5aaccba5908523e8116c0bb25ee657d02d386', name: "primary-message" })), h("div", { key: '51ec1cbca17278dd5371810854c601f3b3541039', class: "gux-guidance" }, h("slot", { key: '14c903826dfbae78e465354ff1f59eb79971289c', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '720bf86660322e37ae260210e059e2f8d28c61d8', class: "gux-container" }, h("div", { key: '7fbcfe6ae42e0c2a57ceca368411ac24492a68e3', class: "gux-image" }, h("slot", { key: 'f4208f0968048fbdf39c5d75225d65814aaeb38f', name: "image" })), h("div", { key: 'adf383084fb748b77f9a27d06b9b5acd54f4bdb3', class: "gux-message" }, h("slot", { key: 'e552bd00acf6e4cf3bce6056632abf28ce411b49', name: "primary-message" })), h("div", { key: '143f1c247e9d0d83ea91025ef2ac9e34a4552072', class: "gux-guidance" }, h("slot", { key: 'a3e8ddc3599db6707a1192b7b6eba783387654b4', 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: '00640efd0fa323997da7831cb579d1e3e58579e2', role: "listitem" }, h("span", { key: '699f9836bf99f5d2e8c90e0171b85f386455883a', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(), this.getSeparatorIcon())));
+        return (h(Host, { key: '2cb194409dd8dd1fd0468a7596d0996e50de5a99', role: "listitem" }, h("span", { key: 'e991eeab845c8ad11a02eab64d895145a129dba2', 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: '815984d970d60bf73659738741cc5775a296a38a', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '58416920345d700a080713702db5c1e02acc3579' }, h("slot", { key: 'ef39dbc56031ac0ad49d7d80c6b9a77cb54b43c0', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '64ddce7ab9c013ab39b78a9627c8138205cc401f', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'd0a265a874c6cdce39b005151234e709f781a24f' }, h("slot", { key: '829365142e4830d91c2aaab34336751ce70b57ad', 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

@@ -21,10 +21,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '4ca1a41ea28337644473c23da384e2f77c72ff7a', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: '4c7f98866c71bd8dd65500cd9b33402efae9b58f', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle }, h("slot", { key: 'a7899a696b9e23cf9e5b7cb88565a7ff5e41c295', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle }, h("slot", { key: '7c2d98b8269a4ddfed2ea39270bfb8569cd60630', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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: 'b3fd44285760c652c886ca7c909dc9556ec5a2c6', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'f782a49b23e784139c96de9193365ced69d2a3b5', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'becc8aedfb89d28f6d57500231a7a006007a1638', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'aa46fa6659ec58213bd58d26ab0bfcc910d95d25', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'cb021513267a01d10efa2b7a4152df26f37a74f3', name: "title" }), h("gux-icon", { key: 'fe0a15ab86637a89d5426982aee605bdc2c2f84b', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '9b9107fbc13a0405776e0a9988e84ba1468dc6d0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'fa751c4d99500eb79c853d947eb7758fd56155e6', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ac8e1b00fb591dacbf330109da33bd6034619b57' })))));
+        return (h("gux-popup", { key: '2ec1b4831ef531a264595ae4ca2071edbc8894b7', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'cc0781657e5677ec6e076c0f48d13d417e6f04d1', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'ebae1099fb578a7e6ca485335fd7783ce08a1108', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '73be31a2cc3ca18af9509b51323cf08be54d7f0d', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '4517fc55e78f0649b62a3cada3cda6b0d092492c', name: "title" }), h("gux-icon", { key: 'a19f119bef84c8c1645e6cf3bc3444c4440b49d2', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e80f24a7bafa6cddcd5602bee42687f4bfeadfba', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '4ca094da37169ddaeb3ba9b8bfca908b98a95fee', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '8606f117436575f4b182f417ede3569276e0e047' })))));
     }
     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: '7b22aeb8d158c7e52aec372a3eeca1d8765b7071', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'be3cecab96bfb18dbf0bfa1c1b751f2a24eb912d' })));
+        return (h(Host, { key: '20302ae93bb33075aea394d763b0ed37d7426701', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '95ce95697b8a78bfe4dffd107ef6576863a305e1' })));
     }
     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: '8e20e6de7b55e6fbd6d569cb3fa7e7fe4f213ca6', class: "gux-calendar" }, h("div", { key: '8081d217943c18ab9104bdb2df84dedc5e1ba1c3', class: "gux-header" }, h("button", { key: '27befcbc963c3d769f1bd38e6764d985d049eb00', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'd6c29f6e6a130fbfda8d8aa1fba0e57bb52526e2', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'a19d7e3749fcbae78a8016bb68052530a9bd1662', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'a70ca94c7964c90976bf9dd4b35e9c1a2d3c52b5', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'b9f588b3774e837927dc2c44cc1a18f2f1bf066d', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'a7920619780239b450f56c9c2c04774eec648807', class: "gux-calendar" }, h("div", { key: 'af8ecec27ab49ad3526b88c822cb61cac24d2d98', class: "gux-header" }, h("button", { key: '1ee8c3b7d351c7fbee2935cad620077d69e958ef', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'b5b857a1e4979011c0280223d50e311cc75b6b7d', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '204a2f23232ae0ae600a7b2884da87891a59ff13', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'cf27f0b363a895b77cbcbb84cecac31d6c1b7562', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '6f3106adfbf43b8d7d79b0f1e9033ce3e7f5ca0d', 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: '7c23d8f0ca08b028335f7c48a340c1330de41a36', class: {
+        return (h("div", { key: '64303827daaae1f83871641536569c405edc41e6', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '5df0b315d67bf77a9b4c385f95fc46d4cb6a339d' })));
+            } }, h("slot", { key: 'd85770e5a8738c8a6b382c072439d3fdc6731c12' })));
     }
     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: '067d491ecdf86105eda6a7f721ace35dbf842ea2', draggable: "true" }, h("div", { key: '0fec664a64e8eceab56a96db9994478e7f3e6c3d', class: {
+        return (h(Host, { key: 'c19d1592c2c8ca8d150562afaf097135e7c2f38b', draggable: "true" }, h("div", { key: '88cc88a462da0d16e43b39fd90b14ae384e516e4', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '4c9c29d31f2bc89da627e4d2ee722b17c603e04e', class: {
+            } }, h("button", { key: '4181ddeb7ce21528a62324c5752a5f1ab74f92ad', 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: '4fa6ebf1c5c1b9744ea51f4857f2de5e781cdd4b', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: 'a2e1513d39c8f6239ba6611425b5b6c8ff344ba5', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '674995d6606e69f68acf4244991e0a8f4571b0a5', class: "gux-select" }, h("slot", { key: '8b75d052252a973cd2059d69d13ba7644dadb87b', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '28cf235ff87aa8c7bcb99dcb366dcb996095d6b6', 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: '72fb29f6727fc950318efc813a8b04f5f903f6f1', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '365cf6763ca55551a2c618d0e3a9024d89d6f06e', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '1df8b80774f7fcdf13a65286903ab30c9ff8b5c1', class: "gux-select" }, h("slot", { key: 'c262e35e4f2a5a8e090f7108c3fb68d1767f4249', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '7c966668dca1ff3da30303fc5efc307fbad18534', 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: '370da0d53ba19a3962029a84bd3e4403650fa16e', class: "gux-container" }, h("div", { key: 'b4b5af423240af2935fece94358cb81435b7da03', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '06a1115bdfd1e896b73d96babe64cd1b7b367f40', class: "gux-search" }, h("gux-content-search", { key: '40891b227f07691f44762da822a651302ff0c4fe', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '56444c1709807bcf6a10cca0257f4f8be502eac1', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'a08a0c08261932a6d3d79f0cca950dda8445922c', class: "gux-select" }, h("gux-form-field-checkbox", { key: '43d06ed614919b23855e576223e6ee7d51b62ab6' }, h("input", { key: '1bca66fcf1d0225a3c602a3c7a6512e60f5cbdb4', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'ae1433366f63f568e2ba19adaad99aa6daa64ba9', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '69841e2c8fcfbfc7ec523cec1833f3c19bd029d5', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '5651c3c5c3a958e1bb37d0184cde0e5bd6f30a37', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '82f8554cf144b56e0f0d5bf0f4008afd109335be', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '698df157fd006f40fee9bb5c2770c2e54474881d', class: "gux-container" }, h("div", { key: '8bfd775a613960a153829d86fc83eb42e711a494', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '465fa034b308d7df5590e22411a4c70436367af3', class: "gux-search" }, h("gux-content-search", { key: '2ac0d737a4ce2d4f33d8e5552166c05840bab681', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ba5f910324d18148c9da03bcb4feb8d430955fad', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '9cbe6311a85ebea73fb095c33966e154f164326b', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'c15ef271d2d03f64bf6da8b4f5af4a63b798c2c6' }, h("input", { key: 'a49bc04f50fdb36bcc877b04f7f2ce0a92cce803', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'a8adbc1a752f5a22c1f3a2c8f511d0378050fc1f', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '6c1d751144aa413b8f8f5d8baa6f17af2df74634', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '98e7a2e5b4dae8e49619f6f95bce9c457cff4de6', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '46e2041bb701cbdbd845a4e2dc751bb43af8989e', 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: '70fa2ec67705b1c6efa6d9e03a300637cfab5e87', class: {
+        return (h("div", { key: '151163e5fa2f4c807b7e9c91cdabc2bb417af3f4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '166de23a57ab17100aa5fbe5405bbf47a32d2b00', class: "gux-search-icon" }, h("gux-icon", { key: '94f504f42b6c86a498c7556f2e40b95d5640dceb', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3d26220534f78971587071f2ffd5112970bdba13' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '8fb62e249a8bcc22fa5a865ed1f8416f2a497c45', class: "gux-search-icon" }, h("gux-icon", { key: '24bf8049f8ddcc491f87d4a784342e1a5b0fb3cb', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3d23a628a514d700c6f93c9c679f50460ca639ba' }), 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: '38be5a145ece46ef106d958cd344742ab113ccda' }, h("gux-popup", { key: 'e35c3e51bcf49d4018a10e00198082f81e31d43a', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '0925f76f39d7e9feda8913f52a06303f864fe9c4', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6a36c3e7105928634dc5c4b81da9ef4629451e01', accent: "ghost" }, h("button", { key: '7b1f32cc9adc0bc96bf176f6e75c10ff6e7ac72d', 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: '37ff1e28050e20832a06c70008b6491aa33d0cec', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'e0e1ea634fc99b892dabb1ec5c3e5c064aaef5ab', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '67f51f74515cf53bc0a972ac66e5eedb4e6ac877', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '480973e3af6eae12ab39d6015bc8d5c5e7af5cc8' }))))));
+        return (h(Host, { key: '3e609c9ab34af745384ec9a39bf8a2044ca33dea' }, h("gux-popup", { key: '6957db56d9e5925278eec225885b5011d11c3158', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'e5bd111a1a1cec9b0eeecc9f439c8b91faefa323', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'c3a49d518cfb535219bd9e2d1094c911357186b0', accent: "ghost" }, h("button", { key: 'c9603e026cab5c6b7637b396711b3bf108dca898', 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: '4f728ee43be3f78a62432edd8d3c33d4a52c64ef', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '385a691fd2b114f8cf57893e73826cbf01bec147', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'b9272daf9b61dc860ebb11fcabf80f2951b9d29c', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '85a9f0647367477016f74f09fd263fc40c0d19d7' }))))));
     }
     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: 'ee0725581dcd843b2cda8c70fadb114e74d2b088', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'ca283083449ba5091db249331a77eba68223058f', class: "gux-copy-content" }, h("slot", { key: '060eca2849611996b01f506fc6c9e1a2ec1c60c7', name: "content" }), h("gux-icon", { key: '2422107ddae26934620f39a9713bd54ef75d5fc5', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '8857dc7be33e1b0e1e1ead9aad01f8c26bd74863', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'f09bb7a4b6849f474d3d259139e50cf44990172c', class: "gux-copy-content" }, h("slot", { key: 'a796b5bcf17b0affdfb1e83f723cafd91d3a8315', name: "content" }), h("gux-icon", { key: '07f2010207eaed38718c4b1e1b02b966d80b0b33', "icon-name": "fa/copy-regular", size: "small", 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: '948f4ec8fae414cefda6fd372ceca25706f02cd8', class: {
+        return (h("div", { key: '6b32330a26541288a70a14080091566d8fdf0ab0', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '4e8ebe278ad9e5304af781a1f5c4e2c0bf7f272a', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '57ce580a71a847685262fa75de02cf6bfdc8e1d2', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: 'bb4cbb723c8b3f807d54bcc59802e93674dbb97f', type: "button", title: this.i18n('dismiss') }, h("div", { key: '1075bed042fe32044bef311f00c3dc348e06001a', class: "gux-icon-container" }, h("gux-icon", { key: '96ea41cee8ad232ae4e6f48df9e83de9c313b1a3', "icon-name": "fa/xmark-large-regular", decorative: true })))));
+            } }, h("button", { key: '2cf06bcbdc331384c332220a8a0558d8ab16f0ee', type: "button", title: this.i18n('dismiss') }, h("div", { key: '8160a49a288b917831da77be341dfa5bea236c1a', class: "gux-icon-container" }, h("gux-icon", { key: '9fa80faaf90d89c1faf6eb8aa178329158f43e1f', "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: 'c28981951152a2a85876cfb8ba57aa0ba30e4d54', 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: '0aa3974a5aee506f5df8b3092fb68d293a8feb7d', 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

@@ -11,10 +11,11 @@ export class GuxDropdownMultiTag {
         switch (event.key) {
             case 'Backspace':
             case 'Delete':
-                this.removeTag();
+                this.removeTag(event);
         }
     }
-    removeTag() {
+    removeTag(event) {
+        event.stopPropagation();
         if (this.disabled) {
             return;
         }
@@ -29,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '01fbdf29eca021829a83da21aac987f7ebde2840', class: {
+        return (h("div", { key: 'd58058bd98a28c2e0892e6324ff257ce0a1cd4df', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));
@@ -60,7 +61,7 @@ export class GuxDropdownMultiTag {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "Tag is removable."
+                    "text": "Tag is disabled."
                 },
                 "attribute": "disabled",
                 "reflect": false,

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

@@ -374,7 +374,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '773ac07c744d9579a3dc854949e2ced537fb24de', class: "gux-dropdown-container" }, h("gux-popup", { key: '0b7d1fdbff153bf7f58b6c217566837d8daec643', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '3565d39bbc9a0066fcf5ffedf823995a155fdcbe', class: "gux-dropdown-container" }, h("gux-popup", { key: 'e0d5283b397f1349486b5aa37b1ee702d1d31505', 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: 'd86d4c442d946c2fa9f5cf725ec39dc10419a6d4', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '92d3f356b45a15c73249e205bf694d79420576c3', ref: el => (this.targetElement = el) }, h("slot", { key: '8e25f72c9ec985396c7f176bce82a5c11a85d791', name: "target" })), h("div", { key: 'f0bfbf68c0716bf3e8ba906cbb59e3717df7f508', class: {
+        return (h(Host, { key: '88ed53b522a66b55f020e3c6e20d507526928b7a', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '683b9f2a45dd2ca74c50c3b5d288323bfb8b9978', ref: el => (this.targetElement = el) }, h("slot", { key: '7c53405c911dc369e372ef683b2d435add478ad9', name: "target" })), h("div", { key: 'ef0844f1c0650f0824ba0aa8b5e96ad75c342502', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'bbb86b05d87ed0ea5cbf0aaa54cbf87a8d09ae0e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '9857e64331213769ef13463c908a70c24f6e4d24', class: "gux-arrow-caret" })), h("slot", { key: '7fc0218dd92d69243861aeb864695ae4978cf5f4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '19ae22ea5360bb795a781df450b1591452dc00ec', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '88280de18d9134958d0e8e02cccf7f223b2384e7', class: "gux-arrow-caret" })), h("slot", { key: '0e8f47e3938416388e171e521708da4b0ccecc39', 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: '58b39fca81c74ee7fc14386324b2f19a19168cb9', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a09ddbc672e40ea94709f1298653067a2ac35e51', class: "gux-menu-option-button-text" }, h("slot", { key: '3cc30136309add7f2735efda0229e3b169d2ca5b' }))));
+        return (h("button", { key: 'df908d4f161e3d96700f7a3ad03444080c0a21f5', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '1907469b9746b6071ff57bcb71bdca674ba21e51', class: "gux-menu-option-button-text" }, h("slot", { key: 'fd34cd0135dffdf900a87567a3a451af8f6b7b89' }))));
     }
     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: '7505ed4e4b1b399ad69e231862100a9c006246ef', role: "menu" }, h("slot", { key: '092d7d38155896885e7cc93c4ad6cd5f247b4fde' })));
+        return (h(Host, { key: '6a3f9c9bd91af32ca7e5499fbc87fc6a5b37e431', role: "menu" }, h("slot", { key: 'a27049f78e258c114eba09b0cc408d771dfa25e2' })));
     }
     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: 'a4143a341b3545327854eaf11c6397ca7fd7d48e' }, h("button", { key: 'bd9f07eb13501fc00a581168cbe98088a05c8704', type: "button", class: {
+        return (h(Host, { key: '3bf5bd2a023b20151c61bc3760e2acb74763378a' }, h("button", { key: '6243e772096b2add4600fa8021707106386c5de2', 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: '135c5bf0045d6a46a1a19903794c659a15e9c2c0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '878d00043d57e44acfa41de49851519a9258d291', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '4585cdcee9c9c0613d5dd363d134ee4891655fb5', 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: 'c108d3332766be36b480ae807ca2efe92e8e5b79', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '0eb542761f30daef77e56e2b6de3a24196414fa0', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '9f7e7d13a7f526abbbed057b292c41928bbf0e76', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'b846d6aa7ba96e9bde27b5608d8849c8a0900f86', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '9bd601e3eeed7e455195d438a1c68632f4c69693' })))));
+            } }, h("div", { key: 'e693eb0aad3f58230f3783063b788612ea623171', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'ba7183759f74accc328c7f028ebab4525a9124f6' })))));
     }
     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: 'f4a1e6de33d48daa5dad312da21e819eb51acd4d', class: {
+        return (h(Host, { key: '5d767953bbea3206abd4e9f781ee5b64a0d3979b', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f89c4233354957c8bc9fcf92f4e29595de1fc2ad', class: "gux-form-field-container" }, h("div", { key: '652ca624ca6edd629b697628ffaebaf301dc3724', class: "gux-input-label" }, h("div", { key: '088adb1eba9c9de950de4a155406a678f23ca29f', class: "gux-input" }, h("slot", { key: '00b38b2cff1939043f43c1489aabef07b7fcc86a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'df090f4c8ee6661cfdaee8eb6695b7b1d015b984', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'f39c6ad73085d6941a827cb0e98e284d051c9df1', name: "label" }))), h("div", { key: '47e866420e629df1b8aec82f77534fe5a6164785', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f5263f5b0cb31b093d9edd82a5fbcdaf04a0111a', show: this.hasError }, h("slot", { key: '0af4cf4479560b95419ff03720c3b7ef40b1421e', name: "error" })), h(GuxFormFieldHelp, { key: 'e467277bc989a37d7894cae7be7c9fb50d8544e6', show: !this.hasError && this.hasHelp }, h("slot", { key: '8898d7225da96d13847b56d3fbe5d4b29735ad1c', name: "help" }))))));
+            } }, h("div", { key: 'a25f8e6b1c2682c7ad12f5814cf7f2b43ebc6209', class: "gux-form-field-container" }, h("div", { key: '988f8be912e5c9588a39ef4ae011b14051e8fec3', class: "gux-input-label" }, h("div", { key: 'e62fd47fd4f8867e9ac86e0dd099fb4bd8854604', class: "gux-input" }, h("slot", { key: '13f18635f260fdedbb9119f28959b7351fc2afb6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '83f7f54c1b38fe2a9757276b53a92df5b291a95a', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '83a136b533be53ad7c057c0d61daa6e7df331927', name: "label" }))), h("div", { key: '872a455218617a53fa79f608774f9458da8cde8f', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1ce7ec5e90dd590fdc397002915cca18e9cc8670', show: this.hasError }, h("slot", { key: 'f8742184329e27006a2b0bf8fcb0b277e2ba7236', name: "error" })), h(GuxFormFieldHelp, { key: 'e12b2c8dd23429e5509167634ea9c3c5a7fc7230', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f29f12ab0b460a13e25448fd8881e7d10e08cfdf', 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: '8f55ad1173ccf1d605a535e70af9bb579adfa530', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'de316ec0c9ebf54fd1e8d48d79076a47bfbd3351' }, (_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: 'e8cfa0e5d18a5d456048832292c7d1c59fa00ba0', position: "above", required: this.required }, h("slot", { key: 'e783d4e45723b8333bc16f9da40a6ccbab451047', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7b03b21b6294b30401e70b3b10535fac431043f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ae75490c17d708d2c0e99443882d33f0a4bdfd97', name: "group-label-info" })), h("slot", { key: 'bf90272aba606ba0e52f748609a4df420ef2f2bb', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '997837966dbf62648d6565f99bfca4f199659c6f', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'fd337dcd075fca6e936570ccf3013cd6c23e094a', show: this.hasGroupError }, h("slot", { key: 'e2c6945534e3e6803af195f78a54cf19b1566713', name: "group-error" })), h(GuxFormFieldHelp, { key: 'b6f7a4f12ac3629060690e8c7f4c050cd7fb2719', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cb18a32eb4313288f6033073fcce2fc085268f1d', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '9b8bc7a99b6b4822796ebd91a62279e54a3bc174', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '7a6cf434494473dea5522c7e9d4da18ff97353ab' }, (_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: 'bbc61c65ca1d55bd46697c61440960e8228ee465', position: "above", required: this.required }, h("slot", { key: '309a663c1461ff1787f45db5b6f2ff0048da4293', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4a76e19fa94d4f5893f87ddf8e6ea3e393cbd7c2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '43d5fdd86f44ed2a1146371cad4f1ff9343f806f', name: "group-label-info" })), h("slot", { key: '51d6be4a336b89ed00cc9694f949cf329d67af96', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'cb1275193515f7e9da80758ef077ca86b2675dc9', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '35d9b5301c2610aacabb00e5254e7decb53c9ca1', show: this.hasGroupError }, h("slot", { key: '268af956cbfd18cea2c8430bd2af1ff27221a729', name: "group-error" })), h(GuxFormFieldHelp, { key: '4b2910bc223218ce567ecc1b66738acbe20382c4', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cf0a77d9df22e3785dd0d44d890429f949d081a4', 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: '804d8c6ddc4e627829a50b9cf30c835c206d1d4b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8b4d024b7c766092328dbf1f3d696a217ee7b142', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '864f6cfdecb9c9031480006e41119921335b4cc0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b8343af6b4366c448981c6ce06a4472398085277', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'df6e214499509a59a5d712954d7667ee1b158f94', name: "label-info" })), h("div", { key: '589acda62dd6477198a6e870560d316dbcccf88e', class: "gux-input-and-error-container" }, h("div", { key: '0ea8b90d11a47dc60164a31d1de8259683b58896', class: {
+        return (h(GuxFormFieldContainer, { key: 'd5e26e4a4745cf37ef3c9a64c314c8afa3955611', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '67e3e73ac9c34591ca05137a7e1a7e787b9d9dcb', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1bdb99d26aee0272b5f73a6ec6d0620167edfd0a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '22a6d1301b6c5e1daa17a9f81f7bb04d88f950fb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9ed89620ddd703c7990af9031df2be93053bd7d3', name: "label-info" })), h("div", { key: '711a6cca3de99a609c94075383c50c8929c9b1d7', class: "gux-input-and-error-container" }, h("div", { key: '726d0d6e8dccf3c0b70f4c69bdb43e5cdd4fa569', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '5167a28c3d19f903b35d88bc1251f9a1ba65a2ed', class: {
+            } }, h("div", { key: '192eb1c1199868a6fd28bde0254680242e53e17f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4243b68df6d115b7cfdaad76abc8d807b12e3066', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '47f6e0787d5b76665f4f06167ca46fe902ec52eb', show: this.hasError }, h("slot", { key: 'd24918e34727bcdb643da7f06e7cf384252fcf27', name: "error" })), h(GuxFormFieldHelp, { key: '96b93264882515d13acac05786f9951cb8836c82', show: !this.hasError && this.hasHelp }, h("slot", { key: '6d4b36aadd5979a009c0630dcef5119f4aae902a', name: "help" })))));
+            } }, h("slot", { key: 'ec91c8193cd7edd8a7cb55216df2ac736e7f89a4', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '88f7af880c97797a18a46c8338128e7fbaa40576', show: this.hasError }, h("slot", { key: '6f84acacf443616d713d979e3cae0a6f1cd36215', name: "error" })), h(GuxFormFieldHelp, { key: '402383fbb5e625b074f5b85bbc3d73dfbaaff9e1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ba6ba99fd6daf6e4d032ed8d2e372172fd11c852', 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: '71d122e7f63efadd0177ac2d5115307a7ca55655', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '128d9afb9cd4bb99334ce1553928a2fff4e48e5f' }, (_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: '46249dc3f4cfb3f8850f6a4dea6279124cc8d97a', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'eb1d16840148a2ce1c3ddb57612ec87a9c238977', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9e514be44918e06a3c2c2a9c2279ffbdad83f934', variant: this.indicatorMark, required: this.required }), h("slot", { key: '85b57a28545124662757cfec1eea3098e68584cf', name: "label-info" })), h("div", { key: 'cca308d129104e98001fbf676f42f9f871032fd7', class: "gux-input-and-error-container" }, h("div", { key: 'f5647350f001915b57b19e2cf77e43868d4a2740', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '113246095f4dc28340db42b5032299c1426d55fc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd10c94782bf256f3e15fedd6bd9215259ecebfd6' }, (_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: '101746ab3dda9dc30ad23a457afd806cc88ecd0b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd203457aed8fc4abfd2eb6d7d11188a6c3b1409c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1c3cd3f833984cda0984ab48189c7e1a0a297d30', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e2d99d73109f4c9b58cb7e59a903d0838503df66', name: "label-info" })), h("div", { key: '5cc9a661055aac3b1576ec2c4677c68f0f2e916d', class: "gux-input-and-error-container" }, h("div", { key: 'c937399787b435baf1a7dd21849f7dd373b1e940', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '48476a28744c71b6607f25d324e4bf72a69a20b7' })), h(GuxFormFieldError, { key: 'dcfdd5dbe07d422e00809468d060f1b26cae9733', show: this.hasError }, h("slot", { key: '674cdc408c212d7b41f70c3c413b07d04ac755d5', name: "error" })), h(GuxFormFieldHelp, { key: '16ad4cea0bf33f07fbd19d16cb6a3b8b2ca17a24', show: !this.hasError && this.hasHelp }, h("slot", { key: '579ceb927dcf8bafa7543fd69c639faa1131f2fb', name: "help" })))));
+            } }, h("slot", { key: 'c332fcff933af2dd9eae2a8cada13060da444bf0' })), h(GuxFormFieldError, { key: '0d522953044def2c9bd098f7f279a50ac64bb98f', show: this.hasError }, h("slot", { key: '371acba14d417d47ca9fa71a1860a745c03e4980', name: "error" })), h(GuxFormFieldHelp, { key: '893141adf545f159df5e57f9240e49c0c9f84f87', show: !this.hasError && this.hasHelp }, h("slot", { key: '8f67a962550c84c71678d4021965d8924c958133', 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: '371e24052a1873479a10e87a963060e4a8b27e0e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '06bb78edcb73e72bdb115843c90215832b20b07b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6c962c3e36a3ecce7748455a59c2f34a4e5391e1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6d27acaf1b331ffe527474597bd4d10eb90cde40', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ab5ddb29daa89fa4fbf4787669f545919671b7b5', name: "label-info" })), h("div", { key: '271c47964a416a3b8a6cf8bcaa5415cb6dc0c098', class: "gux-input-and-error-container" }, h("slot", { key: '7e669e609f173e8e08985b44be1db0be9f28da40', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'ae27696df89beb4b432da276eef4350cc7e283e1', show: this.hasError }, h("slot", { key: 'e30df293b32215ae4eb7115e562a42f65c5d880d', name: "error" })), h(GuxFormFieldHelp, { key: '7bf9b1da25cf6d4ac12bfb79a7f5e30695c2e753', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e7c1cdccfe5335d5580522e4356e13efcbeb9b07', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '9451d8ecb59956496d9cc72e9136b008683dde4a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f363bfd6317a166db42d0988f06dcfc07be20c1b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '10df30d1f5317f45608f197d32bc63579be4113a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '77c7abe52e133f91d6c44b411ad78e2ad14aeb02', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f6b72a8257742ee205ca99a267c0037f25d892ec', name: "label-info" })), h("div", { key: '798e0268101b6bcadfa48530e6bfbdc8bc657808', class: "gux-input-and-error-container" }, h("slot", { key: '69615aadbfdd300bca2908133b4aeb8380b07a6d', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '0ec4af99dbb3f882790ae135dcfb6be0f8102036', show: this.hasError }, h("slot", { key: 'ad8e7176b0f36a4a946b3010bbc3f390e4bfa73d', name: "error" })), h(GuxFormFieldHelp, { key: 'e9d8fce3e8e2b08794dede59ca0fa9db568a406b', show: !this.hasError && this.hasHelp }, h("slot", { key: '66170d1a9dcacd07680df3227711bb749d844b03', 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: 'a6975f2ccc9ebc627c1bd9834610d959927470a8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'baaf4824a30107d90482bcf45ad325bb1fdfe6da', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b85cbfd083bf6333544f8996dfc37d85bff78823', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '74cb9e08c6398568e4e1cd335f1c6f69628b698d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'db10a5a9bf276c8eed34e7ea0777d979bacabffe', name: "label-info" })), h("div", { key: 'be3460aee46864ef603b03cc5f6bd08a003067e6', class: "gux-input-and-error-container" }, h("div", { key: '370f44da6ed92c76d6b5d527345d72637ba6cdae', class: {
+        return (h(GuxFormFieldContainer, { key: '4dc1e3ba9094290cabb43a2a48d2cc2d3ff7bc05', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8164ea0e950c684004dfd0e3b21e1939632c3734', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '880ff53d3ccb61f4eb31ff4e4a27629e352ca38e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7874ddefe954b2b440e8a3c58ce9d0020f353edf', variant: this.indicatorMark, required: this.required }), h("slot", { key: '36079c1ff80dbd53a3bdb42f8f71f63fb85ee424', name: "label-info" })), h("div", { key: '07322b144c9b64d357666a923725ecec9c799b37', class: "gux-input-and-error-container" }, h("div", { key: 'fcf36ad925dd6dcb6edcb8fc9f7626d3c5e0d945', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'e328018753240e3143fe0834783da8748be6a535', class: {
+            }, part: "input-section" }, h("div", { key: '0a51011cfceb704785e05e2863b932eafe6a6346', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8c84afe164de2d35f3a850c22f74f2d73d2bdf76', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '755b3bf35889dcbe7e2330decd8c7d987368d7ec', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '5acece33b9cdf12d462c25d72340892003f798c6', show: this.hasError }, h("slot", { key: '41d08228d4aff1ae43bcaa136156e7555b80f2ec', name: "error" })), h(GuxFormFieldHelp, { key: '110a9d65eb368f6badca06e500dff312a1ba1530', show: !this.hasError && this.hasHelp }, h("slot", { key: '40a4d0d3357a0b0715688c53fc0f29bfeabec84f', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '4e4fa1261ae2e22b59dc6aefc317caa4ecfd56f2', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'bf6ecf242841fb008f11a5daf3771e287474ca9a', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '8d22fae051f8b0eb4765319822cd34300f7e4a15', show: this.hasError }, h("slot", { key: '85183deabf7afcb81b85dced7854ae81f0daf252', name: "error" })), h(GuxFormFieldHelp, { key: '30e115c3fdeb72d50f670d57f6bc87573d1b0edf', show: !this.hasError && this.hasHelp }, h("slot", { key: '4631ffea76d8068e578c43b7540f1a9205de9c18', 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: '17a915b5df63da75b1ff79a4572b9ebbfccb9e18', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4b34382d9fc9c945e0d511e89659853559925999' }, (_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: 'dd8ded591e4e26de9fcc19992eb614d563ff5c94', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd41179a86ad1a444fb11ba988a0976c8a4e2f15c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '077b0c3b6940874faf744e1a34492ffa22a53219', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f5be6e2a547875d953b78bc84522e08b887d7688', name: "label-info" })), h("div", { key: '9c20375fbb32cf8db35481bc751494f9f992a793', class: "gux-input-and-error-container" }, h("div", { key: '0af3a7af66dcef5bee06303435b6a46ac9ff8594', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '568ee3aa1862c56e0c33017a9ae167cc48877bf7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'cdd14d13b5a358320fec2c3774a36a60c40cdfa4' }, (_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: '2de3cb7b2bbe608a509664c9bfee4a7e17177a86', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '469245a701a1a88208f322a8188fafcd1fd9f231', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ea21e71660d77fc22e0961b66e8ed9415e0887ad', variant: this.indicatorMark, required: this.required }), h("slot", { key: '251428310e381b82ff2239c48bedefa92f9f9b8b', name: "label-info" })), h("div", { key: 'cf3e7de8738c6d8ca888e914af1f2d735ff726be', class: "gux-input-and-error-container" }, h("div", { key: 'a21d06d59675a8957f9ef363cecc3d7447b3588a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'f2af70610e53ce198a589a934e770e110471304a', class: {
+            } }, h("div", { key: '8f4ec255bf6de5fe11c2703d87256e9b58b93010', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '35be2c5d111161cfcf20046a66312f9f7e03476e' }))), h(GuxFormFieldError, { key: '5997f3f3b7fdb44ee8bb4a30d33094f232c2d72e', show: this.hasError }, h("slot", { key: '94ea6b8fbaa3027893c5b3bcb9e5fcdea2416ac0', name: "error" })), h(GuxFormFieldHelp, { key: 'ed1c1485c38cb052b06e69c66a1c07d6cf462872', show: !this.hasError && this.hasHelp }, h("slot", { key: 'de3602f05399f4d5881eaf01b85cacb60e8e3fb1', name: "help" })))));
+            } }, h("slot", { key: 'e2bf69cf5b855739f96ae2d7be8f54b97422b74f' }))), h(GuxFormFieldError, { key: '0c760c4501dd287d261975cc9bef76226c868622', show: this.hasError }, h("slot", { key: 'dd956d62a9aacb7a746fbbbb86122d7e3651233e', name: "error" })), h(GuxFormFieldHelp, { key: 'a92b1b3d0c9d362ba4ef6e8ff7a4ea238291dbd3', show: !this.hasError && this.hasHelp }, h("slot", { key: '70d0d3f8da103d4635b1e80b5f9ce3bb776d8e9c', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {