genesys-spark-components 4.81.3 → 4.83.0

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons.js

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '1ba9d8787e480c7021c17300467bd8439cfaebb2', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '1ee5bb3e2077867292f78d04a62fa9e1e7a31305', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '45ceb944e2c801b924c83e10ff9877cf7656278f', accent: "ghost" }, h("button", { key: '4abc9326de1c1ee2e61425a6c7af95812d1e0f99', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'bd76234d0a1624fad7f573aef2db43a7080ef810', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'ddda5017fa14cab941d75134a7b9afba2151173f', accent: "ghost" }, h("button", { key: '641d7f306ce8a1b6a4ec27a98c46cbc5db21ac11', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'd1dd39d206038d611a4c3ddc4ad057f9a2544964', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '940f377147a7e686d497145caacff2bc8230deec', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7014ee3ca1e09d9e696f933559d4b392dc396733', accent: "ghost" }, h("button", { key: 'b49f45246377101d3a2cd8bafb5aa81791ac296c', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '6e865485f7294c4514ac0acdb0f466af1f333029', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'b54fe3061e234266558b6819bb0f46ccd23988d6', accent: "ghost" }, h("button", { key: '049fbe63c206697a3d963229260d36672b5c3e1c', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'efa7910f4c07919e48505d8f3fbf97dd60591790', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'a6243a420c5cb05109f686297d3990267d5ef619', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '8480be886e567ca8bf1e66da80549d6a0d3b6f1e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '11acb2de2fc86deee8ee16dabcb7f67ae9a91cdf', accent: "ghost" }, h("button", { key: '59d9ba8074617e133b9dca156f4610fce776996d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c41f5fdd2146462eb63ceafdf0571a3814211770', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '971950a291ae5007e21948f4aa664da0c5c2d20a', accent: "ghost" }, h("button", { key: 'f7c1e1e8343599717b676869c134618e9ecdbcd4', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '583a8b5bca736dc5e1dac6a42deed97f0718b796', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'bc3c6cfb6eb78d95262251ec8731a4f35947faff', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ae68c4d3cdd00ca47ef28b9c0a300a8a7446f3ef', accent: "ghost" }, h("button", { key: 'f963831002dc9db82ef074ad1b55a023ebb00333', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '4da4e3848ef2215163bca0c98d824e2ba3b5107b', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1b8df17972a5ba207c26c4eab99020c64867d819', accent: "ghost" }, h("button", { key: '32667238aa61ff20875b090eb378b7f60e68a921', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '487abfc5e2170b1b425da0ffe7e3ef64886528e2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-item-counts-legacy/gux-pagination-item-counts.js

@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '9304ff0a9db8b65d2511944cad916bcba67d4376', class: "gux-pagination-item-counts-container" }, h("span", { key: '3da01bf6c035582d09f55a8d92d00da25ce4d175', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'd86fede5303f992abbe1993e2615e00d3c2afe87', class: "gux-pagination-item-counts-container" }, h("span", { key: 'a09a49a51bd9fc5854ce1713aeae773bc3387ed1', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '1350e0c3bd2a3511794bd2deca9d7a028406a09f' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '001714a94d3c1a15c1a77c437fa14db431992bcb' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
     }
     static get is() { return "gux-pagination-item-counts-legacy"; }
     static get originalStyleUrls() {

package/dist/collection/components/legacy/gux-pagination-legacy/gux-pagination-items-per-page-legacy/gux-pagination-items-per-page.js

@@ -19,7 +19,7 @@ export class GuxPaginationItemsPerPageLegacy {
             }) }, h("gux-listbox", { "aria-label": this.i18n('itemsPerPage') }, h("gux-option", { value: "25" }, "25"), h("gux-option", { value: "50" }, "50"), h("gux-option", { value: "75" }, "75"), h("gux-option", { value: "100" }, "100"))));
     }
     render() {
-        return (h("div", { key: 'c3377da39459bbc3d6004183e9d89440da52cc9f', class: "gux-pagination-items-per-page-container" }, h("div", { key: '0b78effdcc262e2a36ed9329f704e2166dfe2197', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '481648a816b2fb47f80c3991e1937141e06b2965', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'eb1a61e6515125191c1a6c66c14c6098f0c2ae94', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'c88d0d70133cc286975cd3aa1106691008801d54', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '56a32da0066670df6fe3c5b99aaa6a329aae6138', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page-legacy"; }
     static get originalStyleUrls() {

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

@@ -58,7 +58,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '3abd9cd00f35121bb9d6b54830ad8d022fdc585e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '61b560aeaba8051bd9db516307751245a58dd9ba', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'eb450dcca3fda823374277c3e0f93c25fa36ac39', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'de0374ec2dadeefb7b844379b450418b2e15a5a1', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'ba96e938a25970cc5d6e39d3809889463d2851ea', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: 'd0cd37007ff5f8e96adde03166bd81edd244b114', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-simple-toast-legacy/gux-simple-toast.js

@@ -12,7 +12,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '552a467ee600a8568d77cf04a85c88bb6617197b' }, h("div", { key: '03a52eb88b0d2c301b6d3305cc79e25a3a65683d', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '73eee5be7add47429c4b602121807e37249f6e1b', name: "icon" })), h("gux-truncate", { key: '14799c29f059d238523c8d938912f80ff2c51d4c', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'd247671efca8f06989f6effded3878ec93db7d48', name: "message" })), h("gux-dismiss-button", { key: 'c8f2b116e2d53355ac89e54f80e8dc0c98538bac', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'faeb7f140b5a9907f15dc7abe28504e65539bdc5' }, h("div", { key: 'bee42f5ab2cd9144be530bc45bcba284ae56f2ce', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'ae8f3a59fdcef11a263184a810b3bef6ad9bf039', name: "icon" })), h("gux-truncate", { key: 'd2d38f4bef47de31b02858be6100456d26e1cf46', class: "gux-message", "max-lines": 2 }, h("slot", { key: '31b94f13bf81b1c2c591c8ada7a4b6a275da35ec', name: "message" })), h("gux-dismiss-button", { key: '3b1ae0022e06b05f338719649df7524832247d5d', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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: '6e159ebd8385899b265f72304b322f30ba67eb24', class: { 'gux-selected': this.selected } }, h("button", { key: 'a2944357aed5b638b72773cfa61fc4a0403e88b7', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '36ac5c60669149a2275c990280354275b58065c0' }))));
     }
     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: 'd31f1b985746e46fa8070c14b044c2bbb448b2b2', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'ee7c9df819373616eaa3dd62c183571a70954d79', 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: '74b6698435d09c5e2edaa317894edec8a530611a', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9a66466592d0a8d6fcbdd6d59f176312fc588e44', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '7993a5161d82b7ddb9de1d15d47f7586c5482ad9', 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", { key: '25713267cdb169a5fe0d824fde324cf082aacfca', name: "icon" }), h("div", { key: '6add7215ea7104353c6eddc5ba05fe3bcd5c25a0', 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: '0956d79b0352213f9e42828d551850ac8473fc30', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '8059013b1895be1f76bd1c021ce16ec4c116aaaf', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '2c5102f896a089c1e53bca2bf21d3bf2dfcb7736', 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: 'e2ee822f08fe9f4247896b8d9a3a27fd23ee26c6', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'a20da5b716b908598a2d5f50a3b8cd1d0406301f', 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: '09a5895fcb817f30838c16bc975464569150d6f2', 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: '72852efdafc204b706f7efc44b26b7b187eefdf7' }));
     }
     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: '6ddcba4924dfedc3214c34ff2b1b0c02b896aa89', class: "gux-action-button-container" }, h("gux-popup", { key: 'e0ec31739c588fd5406a250fb1dd55926debb322', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '78d08a590d6a22d5c0bfaca1d05f6bfbc149e4cb', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'a49f468fa8b7e5942cafd1dfd5930cfb0270299f', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '93b1c251d3ca226ac809f47100ed211c48313980', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'e688794838173c12210ed0af28c216544f7e7158', name: "title" }))), h("gux-button-slot", { key: 'ca63abb681212fb721eaacef3831a1945a05a26c', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '2b69b963ac164128df0dec4de997ae1e348b49c9', 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: '89819f60a6f61d35ca2668cbba60d8b61a1d838a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '6733338ac23a0f88a3d31defc9e17e12fe57d5ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1e649cf1a770bfa59dde175a8bbcd25857a9d3d7', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9eda4b80054a2fd335d4727e526ee8a3d02e7d03' }))))));
     }
     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: '3155274a9d8cb85f35b0b4b02095cad8b0025afb', 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: '254441873ee0abf26d07d86c0ff8d5088e20af3e', class: "gux-container" }, h("div", { key: '20407d4a5b30eb1eaf708fca4e2ff88c42b675ad', class: "gux-image" }, h("slot", { key: 'c4cf1bf58136803b63dd1a5b84a4b2be0fc54f03', name: "image" })), h("div", { key: 'eff3d73f052dc07a3102b0b135d2109cc39c7d6d', class: "gux-message" }, h("slot", { key: '75dc59294d001562307f4cbd9989fdbb34acfe3f', name: "primary-message" })), h("div", { key: 'c886609987a4837739b4de66b8300b107909328f', class: "gux-guidance" }, h("slot", { key: 'a797a544aba20ad2d3c123d9c746f3a004dff711', 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: '62b04f1d5f6081415b79e232248b56cf5bb138f0', role: "listitem" }, h("span", { key: '32486b4280826d41e4397c0452683038c011aae5', 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: '3263182d9af07fd63e2103fd1b075d404d109c3e', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '887ad432cd8024d589449252c07d575c2d8362f0' }, h("slot", { key: '3f8b7efac73e4f54b741cc95bb2788033069c515', 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: '3040bad442f39bc2809fe0cf4d65b321a3d80e56', 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: '59907df8032ac3ee4fa0021e80511c62d63fc755', 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: '8e419baad644a9be505b21e035aad20bc12329e0', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '42661fad38d139edcc9a1047295f4585039a92f0', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '075dcab6ce9658ff658e3dbda228af8d4be7467f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '1977e4a4b32038b7865a314146ac62daf56fb928', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'd3d2fb4d9234fbee37dc305bb9fc44f95d80b18b', name: "title" }), h("gux-icon", { key: '8375ddf3638ff596d60bdec30b64c74c1234d8de', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2e892d919b075cd97e45cdb7c39221b111de29dc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '347bab5c297ccf54baf433e5a9fa5d882056faf1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fcdabae8844cfcc18a38d100d7a67e87ba7947a3' })))));
     }
     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: '97327f6adb2afbf3f3964ac7088fe5144252f852', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '38f6916560f245944646846aa9e9e2cf78a9fb1e' })));
     }
     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: '50e4c8fa12b58729f64382043e68142b2a6bff39', class: "gux-calendar" }, h("div", { key: '79524dce607d1a2d8e63cd9ab85d688493afb547', class: "gux-header" }, h("button", { key: 'a09787131208775edcb9e670f2c0aa1ed6ccdf1c', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '217f95a36e44378abaec97921f2851708be77648', decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '4b484360c1d4c905d6c24f1eeee2a201e72e6fe5', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'ee922f97949c7a2897bca65fd7093eb1224d2082', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '7b3c7da612a2aa066ffed6425c982502dededaa2', 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: '5e84b027dcff30a7cbdf502f0266e6ce1fafa063', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '1d3d4dd1b4cbc6f731e15ee57da145eb05aec161' })));
+            } }, h("slot", { key: 'c4b5f89a0f7e66c6a29da8f295972b0f8d04fb6f' })));
     }
     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: '5f78448224d699382c613e4967793af115acee53', draggable: "true" }, h("div", { key: 'bfb206922c32cfc86e1ab9d58bbfbd964993fe38', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '3356448b3902ca0407af3f579a890a02bbfe9546', class: {
+            } }, h("button", { key: '29f9dec15ed10934894afba83f66f0fba94d1ba2', 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: '8a86b73119466abf7b9bdf44ff6d8cbc6c07fb44', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '688e1ee0d67223800d062c6f0a2782e527e63968', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '4c915195cc11d21d657ebf4f76f0e30cd20e7f3b', class: "gux-select" }, h("slot", { key: 'd5e0e53225d2c9264b3acc1c4c276e69eb54ba47', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '3a3a5d6d8167f3000d248d9ce4de9fb084bc5080', 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: 'daf90d23ce5f11f2d370bfc9d83fbdeeb29a0889', class: "gux-container" }, h("div", { key: '8fd77ca38f5903d81897a705a4466edf676da481', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b5cbabcf5999a3f566b0425bd0531713bbb671d6', class: "gux-search" }, h("gux-content-search", { key: '59a0b2c694434ce42b3a193a85966942e42a5848', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b741c081072bb2a0576d1dba0d24729d0e5ac85e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'eadfc9285283da226b33cbbe039e33ead748e030', class: "gux-select" }, h("gux-form-field-checkbox", { key: '3de970296c09ad4b0e5b2df9f494189083f82d39' }, h("input", { key: '45825441d53b786122917f935c8fabc0aaaa5347', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '985cb6788363595904c56e444abf96458da5e4b6', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b77c01091b9ea5792bd772539b3b80d1100f8def', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'e79a7e4c9609f4a776f73391661310294f9ce77a', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'aab5f007f481e3c158ba3c5f677a1692dcfd5968', 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: 'fef06863d22d958f0f8f480676e367f12318b19c', 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: 'fb6d1378037b6afe85c8308f1c627e87a692b66d', class: "gux-search-icon" }, h("gux-icon", { key: '7b4a0a4c06f32a5f5a6745ae7d389263aafdb011', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'c2025793b2211750d0274f4f55d20f7de9fb6b3f' }), 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: '77a15f64c03a59b3b1d019fcafd38ebcbb5e530d' }, h("gux-popup", { key: '29475f2535fbaf1bdb4b6cfbbfcc7543ef16b8aa', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ce880d5a7ab2da29687748cbcb63a4076496dc22', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '0cedacad52253441dcae2b26859c8c5640b35750', accent: "ghost" }, h("button", { key: '542c161191b5d5057af2f0a2b49d4280a2c2293f', 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: 'ff66a2c99687cb244b443cf1fc4646904629f843', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '121c12498c435aff8a99a4a2858dba22876466a6', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '9982173f4aafbcf12780d2a46aaa2040695839fb', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '46dfd69b18277889c391bef912321aba190ba51e' }))))));
     }
     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: '519aef0cb46320762e2ef6e094159f095e7cf6af', class: "gux-copy-to-clipboard-wrapper", ref: el => (this.copyButton = el), onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: 'b5eec192b1774c16aca02bc80e0dbb1fd0e27b3c', class: "gux-copy-content" }, h("slot", { key: '56a5095cba2d918ce70c24afcc6d2c033f50f795', name: "content" }), h("gux-icon", { key: 'f000e295eccd5e535b5793ebeddee58063f6fba3', "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: 'cc656645e09bab453bd0184d5b0cb2f127a914be', 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: 'acc049d31e2efc63d4ece892ffbfe77521e7230d', accent: "ghost", class: this.position == 'inherit' ? 'gux-inherit' : undefined }, h("button", { key: '81425f02a895318c7290a2c085f6e079701711e5', type: "button", title: this.i18n('dismiss') }, h("div", { key: '6b617d141e15b37bffc1ad5602f3be95f3b04266', class: "gux-icon-container" }, h("gux-icon", { key: 'd00b410f511675117b77199f48ef1e33454a895c', "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

@@ -306,7 +306,7 @@ export class GuxDropdown {
             const subtext = option.querySelector('[slot=subtext]');
             optionText = optionText.substring(0, optionText.length - subtext.textContent.length);
         }
-        return (h("gux-truncate", { ref: el => (this.truncateElement = el) }, optionText));
+        return (h("gux-truncate", { ref: el => (this.truncateElement = el), dir: "auto" }, optionText));
     }
     renderIconOption(iconOption) {
         let iconStyle = null;
@@ -317,7 +317,7 @@ export class GuxDropdown {
     }
     renderFilterInputField() {
         if (this.expanded && this.isFilterable()) {
-            return (h("div", { class: "gux-field gux-input-field" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonClick.bind(this), class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
+            return (h("div", { class: "gux-field gux-input-field", dir: "auto" }, h("div", { class: "gux-field-content" }, h("div", { class: "gux-filter" }, h("div", { class: "gux-filter-display" }, h("span", { class: "gux-filter-text" }, this.filter), h("span", { class: "gux-filter-suggestion" }, this.getTypeaheadText(this.filter))), h("div", { class: "input-and-dropdown-button" }, h("input", { onClick: this.fieldButtonClick.bind(this), class: "gux-filter-input", type: "text", "aria-label": this.i18n('filterResults'), ref: el => (this.filterElement = el), onInput: this.filterInput.bind(this), onKeyDown: this.filterKeydown.bind(this), onKeyUp: this.filterKeyup.bind(this), disabled: this.disabled }))))));
         }
     }
     renderPopup() {
@@ -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: '46113b9a83f7ce1f2342d1cc869178ddb6e889ff', 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: '0bf042a664f27a0729b708a8d204453ca4da7234', 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: 'e9204d3c0e513dc95e4b4d8b4a19e3a6fdef6e57', class: "gux-dropdown-container" }, h("gux-popup", { key: 'c7c579291174ea2eac5e16e93aea1235a296a584', 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: 'c2f6001232d954e29726684f845d8da1d451a76a', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'a0ef27fd279fe08b50feb68e45d4bb2d1c7d7d9e', ref: el => (this.targetElement = el) }, h("slot", { key: '3c6e1bd9354790eb35522308ee7533ee04d2b4f5', name: "target" })), h("div", { key: '650eb47121ad269379dcc9c6acb6bfac55373b56', 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: '3a1f34289951371763ae63bb2bfb8df3e0077560', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '30ec61b70a778dc2de7fa694c340e16404dafdaa', class: "gux-arrow-caret" })), h("slot", { key: '8b0fc1b85e7661dd8b8aeb5b42d6ead1abfb65e4', 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: '084c6fdf56b4b99b20c82ce5a9109fff82bcc355', type: "button", class: "gux-menu-option-button", role: "menuitem", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'f417a73295ab8629d57918729beedd1fd3bc1961', class: "gux-menu-option-button-text" }, h("slot", { key: '82de312db527b65536c4a823e4797a73bcae58a1' }))));
     }
     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: '8e868c6ed7b6030a102505a823fff51de51e565c', role: "menu" }, h("slot", { key: '3cb6a3d1e31b7e420a58a509759cade453520d55' })));
     }
     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: '60ffacb6efa8bd471369be0f5b56a9f9a8e59d10' }, h("button", { key: '57cfa9e70d5f9f9a23cf9caa5c6cee1172879cac', 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: '026be3ad33cc8fdef5091ad3ae29e50db46552f0', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: 'a758c574032419801685c806330cc71cc7b72b06', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true })), h("div", { key: '11bf82ac8147d7c060c0901f12a12d1ec7fc4a59', 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: 'b7e9829f0803496eb71f992fece9f6661d21f015', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'c3c69ab551f09b0ddb05c39786cd2caf2ed90c5e' })))));
     }
     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: 'f5d20d98c22ac698bad67693c5db7adad45fc484', 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: '29ba725d2864d6e740d6742ee9f2fc2a85f4d026', class: "gux-form-field-container" }, h("div", { key: 'fd809950de0a938ce2ac03026786d858d1bba2f9', class: "gux-input-label" }, h("div", { key: '67b905de811d7723de96b907df7bf152fb92c608', class: "gux-input" }, h("slot", { key: 'b7d0e493e505612196dbcd99479caea0da6f0e79', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2036e55553e13322760add08a4edabd186b0cbca', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '32eb7d321e15f817b53b09101a17e7e582ff945a', name: "label" }))), h("div", { key: '7fa805fbd8c0d74e56450efe6bb48d05a69629d4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '4b1095674129a10ce108bcdd32dae5715546c788', show: this.hasError }, h("slot", { key: '5c93afe494e13b9634174899e9f38337bfc1e23b', name: "error" })), h(GuxFormFieldHelp, { key: '4f9bae1bccb704dbfa21404c18091fd4094cad84', show: !this.hasError && this.hasHelp }, h("slot", { key: '7787802e47891d074c87a0a750c337852fc2352b', 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: 'eb6d5e1264e56e8a73a4356d623aba7c6b60b62c', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'e7ec8f166db0159eb0b6a81ae9b45e7fdc96bf63' }, (_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: '02e7158a843ee19d2908abbe13bf2f9968fc6a10', position: "above", required: this.required }, h("slot", { key: '369538468330536f02de1b417b3fb08cc40fc322', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ca1f850095b8a582d70c761887e8de424786d54', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1100f9634cfcc3ca55060e2101ac2d1db34425d7', name: "group-label-info" })), h("slot", { key: '98981d04dc1b5a369755ac1ff1ac4d75e178a623', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '852c9507202d6964939a42e63ab688d3b9895fef', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: '14aacf9247177a4397c34a95ffb00c84ba5b88d6', show: this.hasGroupError }, h("slot", { key: 'd56702ee50afa28e0ae42ccbd35dcdbab214255d', name: "group-error" })), h(GuxFormFieldHelp, { key: '8877722e11c20246e99c41844e541cc1a6b8be9b', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '5e17244f6bb475afb21645b4a7c6d169ab4e825f', 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: 'bffb48ffc891f5ee3f946aaa98ebc113e455911c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd797d8a95fb9746131a5a30ca8697a3496d3840e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8a87981c5ae36338bcf92223f781d9381d4d3435', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd88e939341d482a4550268a421cf2dec8325beb2', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f8e5c7fe81d2a0b7931d781c107959851e9d0c56', name: "label-info" })), h("div", { key: '0fc3b7df8694740a7f8fd56969034a8e8a8c89f7', class: "gux-input-and-error-container" }, h("div", { key: 'bfafbb89e81b05187f7ef5228f9d8d9a22472509', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4aba3697be096dcf947a6cde9d06b963b31d4ddd', class: {
+            } }, h("div", { key: '6287062f02784c6999acb35c9c4bd7bb9e097a17', 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: 'db22af17d7e9f8b094773d94aff017cd0725ce53', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'c8222e8eba56fb15ba02f359253bef24fbc02c6f', show: this.hasError }, h("slot", { key: 'c39e694244391d5480058c97b61539db03ec29fe', name: "error" })), h(GuxFormFieldHelp, { key: '5038c1d3b848f41a69b1293731b5c2e91576de41', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd310790e690634a236e014c7beae3ec7f14204db', 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: '05f743f8b31c5f7be63ce04a1af696019f62230c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '96a4f9f605ee7a9349d5903195ac8e19de101a84' }, (_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: 'e5bded99855de379d8c87aba28981fcf10047a1e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'd4b9025dd894cd533f1a8a1534b4c467c1c7aae9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '17817b36c0761e616b63ab59ab317dc6342d7ccd', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bbcdfb344232f625f7e6c029b2b3412ff28162f6', name: "label-info" })), h("div", { key: '35666437eb110b95d8ca01b3c727241aa98c827c', class: "gux-input-and-error-container" }, h("div", { key: '4ea57170359c454f33b394d4a6afe7f486b922e8', 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: '94ac4b6cf8a9282454ac19adfa04261fe670d1ce' })), h(GuxFormFieldError, { key: 'cf4bdfb6bcfd6edd214b65fef47900460c199b4e', show: this.hasError }, h("slot", { key: '4196d3ca2b92e3c6b08ac7f745b335b5fd0fe0a6', name: "error" })), h(GuxFormFieldHelp, { key: 'faab07493e51e3736d2fdd51c0e42109efc42411', show: !this.hasError && this.hasHelp }, h("slot", { key: '3ae9f6495a12c782c29cc255a76c66d3697390a5', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition