genesys-spark-components 4.135.0 → 4.137.0

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: 'bdb856142d130ef4f66c11222fc2d7c20955ad24', class: "gux-pagination-item-counts-container" }, h("span", { key: '8b2fb35cd6b4dba518efa45efce46a1eebb795f1', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3969b1af65c90c8567a902566de629ffac63d0ca', class: "gux-pagination-item-counts-container" }, h("span", { key: '0bd93fccccfd9f95c077d1ae7a0088a9fc7b4022', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '26096d8772396d8fd2c30652869b0026a228a4ce' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: '7c8ab21a8206d034d482dab298f225bfb6bc1efa' }, 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: '85e1a42192338d6c7247f597b10f4ac5cfaff98e', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e9cb98b15f3fcd716e2905dcecbb8459b25db2e6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '3c5ec76bde947bbc2433cdda1caa758f69a80280', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '454327fa8b75606eddaba6090d2761a27b7c9439', class: "gux-pagination-items-per-page-container" }, h("div", { key: '9cacb03bd2d17176a1ae60b970d600fd3c51957c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'e345e541a007cff06b04c4cbcb8180ab4f99e097', 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: 'f16832269d2f7c04dada306f5909c72f85138b7c', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '5f7d48a8bfaf4f8b9507d879bb6c2d90c1fc7d2f', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '8f53a84289263891436e5f12a6e7e8cc198b60f0', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'a58ffb8af89a9a703d06e4d71eedace7124ceba0', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '36447ac1277e986ddc5d8ebd63b5b45c2173a803', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '99ec98ab5d28bd4507fc71e694dbb888dc07f9c4', 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: '82f85009757bcc21d848dca74a964614e54559c8' }, h("div", { key: 'f20f31689ddd942b860850bfb8dd86bfb0bad6c5', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '438bb5a8e7519e5c7958b7bd367055671aa52fe1', name: "icon" })), h("gux-truncate", { key: 'b427404316a6932acc86fbd4f19520554fb4f061', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b9606055a5a381873758f71a9f9b10a299c4c9fe', name: "message" })), h("gux-dismiss-button", { key: '16f9821411d888f54c08f415bbb6f5bf324cdc83', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'b022fe27d1a0c806917115667e200a58468eb474' }, h("div", { key: 'e01dd34b6461873c99e06cdfd5cba65a15ea9d67', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'e95707158b85975f307e8f45e4fa5d2cc1d2f05b', name: "icon" })), h("gux-truncate", { key: 'cf410ee970d02de03f41404e3a8877e28f07f0ea', class: "gux-message", "max-lines": 2 }, h("slot", { key: '7c0492f7df9f8fc0b45b6a9f9dec3e32f7a00da6', name: "message" })), h("gux-dismiss-button", { key: 'ff8560eb767a83c595c5a66b8898f9fd4653ef0e', 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: '7c5bc3c4690b48218f7ad715737d9e4de00b30b8', class: { 'gux-selected': this.selected } }, h("button", { key: '04a98058c99bc2b6fb313a1c9724b2503f948292', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'ae4b1a79a25920fa128c199cfae1e749334556be' }))));
+        return (h(Host, { key: '4a1ce4e5241f9120e9b6da06110dbdbd784c5569', class: { 'gux-selected': this.selected } }, h("button", { key: 'e6bd6a36882d873813cdcb3f038443b5ecc28df6', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'f96b1f1c3078030a2ef6c850376dc036cffcf25c' }))));
     }
     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: '26364b85e73b59ada54be43698464e4d74f43290', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '86f3b7ffc611620911a5bbc63cc1ee3efe30cc7b', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'd2608a24a8392e1a7e2cbbf58f84143dfd3e2378', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'b40570f18b9b91311fb9399538b2ff28c85a8e05', 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: '60458f7c684a01e90b2454d5d7db37a3eb3c9209', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'db177914ed36c1f76345e97772c9a5d678318fda', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '4d9c2fd33726b9a7a2d387ca5940fc87a71098fb', class: {
+        return (h("section", { key: 'd74bb7f49c3f8ac0fb931304f83d2d8d1838dbfe', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'b04ad7633ec4be364bed7af485e91bb36fa7412c', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '1102cea708fb4548ffff6b73fd5b58e17b28fc8e', 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: '9690ae130c9edf3ec733045e10567d7e74fbb1a3', name: "icon" }), h("div", { key: '8549a4179094c09c7933ba09a769b5d469744733', 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: 'd53dabe0c1df96cb3f9876a66f1be6005fe8379c', name: "icon" }), h("div", { key: '6d145ce1dfa650476f3ff44afd47bd074619c29c', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '6909cf18bb06c44c80e5e32374a57211b71cc58f', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '42484e23bb53040264f120fccf95f66f488d8230', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '579e2d84fa1ebe31d56f9fd325638de81c72b0b2', class: {
+            } }, h("slot", { key: 'ea11e0fa8331421c639b2a0aaeb7935fd7543131', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '170f202b3b8eae037c0ab99cfcdf8d765e2ae257', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '0b7a1648b9332ed9b106f495c3abfa9cee3f2bc3', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '4903f070983b83f8bcf6a4bc1cc237829e2f3fb8', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '14f66b95d1d1d57b7e0286f78987a4af29c8baea', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '150517ea773647f93fe9cd277c499d719a374245', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '580444ec143bf76324dc24cb91a26a2d2204792d', 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: 'e0d382ad9cd6fa4fa780f38706df5750ba34c656', name: "content" }))));
+            } }, h("slot", { key: 'ce97c9adc5006041d0a10c100e70a93a496d4156', 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: 'd8b360269e10ce8ec48dede3c7789fac31be8582' }));
+        return (h("slot", { key: '9801714d16ec945beb1e8b281c70256a0fdd750d' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -117,7 +117,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: '255a522fb405fb5c940775bf079c3ef8952caf7e', class: "gux-action-button-container" }, h("gux-popup", { key: '6c705bb9c682defc8003547e8ebb80d75fb13431', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '402af0569c2776cc6f82e8a66ce5cda5591bf279', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '0f99908a0469de87ab25d55d04ea1493e2449f67', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'c95d2befa817719b0f87002bca795e2a8f718c1a', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '2e0e9adbf753bfc5f5c3581f96993a4cdf4e3471', name: "title" }))), h("gux-button-slot", { key: '5188f5b2e5c3d4cc910b299e32d8f99e6479eddc', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'cdc0a14b97292c65a178acbde2556abf14d6dd53', 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: '1b438103210dcf24ff0561c27e127b38f8e6fba6', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'f939d948a7d95c32f982ddf4295fe22d8072e4c8', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b6ecef22da0049c06d1a214507cfbdee737502ed', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '4b65d9dc0b05119092f97c96b187fcde2fe99db6' }))))));
+        return (h("div", { key: '60e6ba201f6691e08ebe1da1252a97e72864a8e1', class: "gux-action-button-container" }, h("gux-popup", { key: '866efff3c05a3d4f612b2c74d536238cc3264297', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'e20b0112f79b0700d5c7567d8fb6985d8e035dfb', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '7221b87e3724d1ea6b06e923a473a0e9ccf41507', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '90274e235d06e75c663aca5a03795132b9aecc64', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'eab1bd279f0d667a60f11864a1f0df203dea4b49', name: "title" }))), h("gux-button-slot", { key: 'f87256bd44c8d62971d81378bc4037c30dc83ced', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'af506526a9290aa10f0303aa92d47dd064f6ebf8', 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: '3f0f0bbc3ca1114db2954fdc63de0992dbf65832', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'ddf1b38a44af1dddbab1396b7e968a80a46e2111', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd7311835e3fda3f633175b1b97dd96d24a94c099', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '578aecad619bde2cde65a62e1a54af3678810e1a' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -43,7 +43,7 @@ export class GuxBlankState {
         this.hasGuidance = hasSlot(this.root, 'additional-guidance');
     }
     render() {
-        return (h("div", { key: '761e3d38781b7f10c444b52f16feefcaef7591a9', class: "gux-container" }, h("div", { key: '9e166ea09c11c2c59193da15521d63a3461651e5', class: "gux-image" }, h("slot", { key: '0c5762d1375451f2c8528721a04f319fee03cc81', name: "image" })), h("div", { key: 'f1060ef6636b673d0e55d105b2a425f4ccc49987', class: "gux-message" }, h("slot", { key: 'f377b70b59ff6520667d9efa4c70196187931fc2', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: 'a7b78e7de725c2254eca7baa528ded06a1c9a5ee', class: "gux-container" }, h("div", { key: '784ba6ba685d37816d7d5e7d6da206de70d6fd4d', class: "gux-image" }, h("slot", { key: '41d7935ff9c9a69ea618d627bd96d620f1367e4a', name: "image" })), h("div", { key: 'cef74a6fedd5780c8de1b8b5f93078a34c11f9c3', class: "gux-message" }, h("slot", { key: '6c604b77f9049900c2f921ab2de984ed9de6de9f', name: "primary-message" })), this.renderGuidanceSlot(), 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: '4519a8262aace9389cab8619fbfec7f49a84bbd7', role: "listitem" }, h("span", { key: '11bc7d9e5e43d91d1a90bf4aff0477c914f0626c', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '983f0148c4d8bb17f1ca13fc6e838a46e8a717fd', role: "listitem" }, h("span", { key: 'c83c8b53d378bb8405b32ceebb41f7d0b7fc89e7', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), 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: '338ef4b8908f8d4432dbfb87e2336f21f657b2ae', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '812f622e42591e0c12729aa60abd9417e69a8984' }, h("slot", { key: '08ab69eb7af7bc2ec611e98f058d8c549be17a0a', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'af4678f44fe594fc5028a94d602bb2f24a7acc87', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'edf49f7e855f2318fe77af91fd4428fa0abb386b' }, h("slot", { key: 'f5851d22b06bf995062fbbee1f3b0c5488d07ed1', 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

@@ -22,10 +22,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: '24dbbdfe3e039dea0cbdc2d452cb0cf5da7f9d9b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'bb8f1bdb849e1d65957f95e9def0251929afc02b', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
                     [`gux-${this.accent}`]: true,
                     'gux-icon-only': this.iconOnly
-                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '3cdf6222d210ad14536037885d5d6b54f684a209', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '4040a4ee4754711f157db46b44c9cc8060b14d75', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -96,7 +96,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'b93c218e443b7708675aecf20b5d4b2965a4ae0f', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '71544f057474bfa38d99eab121ae7873f08d0c9c', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '52cd56065cd383def92e7cc56a852707360e5ff5', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'cfac597b81a709fd3be4b439414a116e4abc4f5c', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'b33d0ab04060158058b68936c1a1b3414814b5b3', name: "title" }), h("gux-icon", { key: 'e33e7b198e6e5c5b9a64c3a562ca66c27234a18e', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'efaf834bfe079d12f87726dd891fc5e0ba466b21', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'bf3ece40db97ea59634fbdd73a454ea10d59bdd9', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'c3bb4fb2aadee21dc89a5968130a3ffe1af7c648' })))));
+        return (h("gux-popup", { key: '37d3a840914a457cfc41be16404d46f2e87d1914', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '261cfdbe101f17ddd7493f11c33f49f3b39eec87', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '4d074a5db751c1969d4d1826aa046422cc64950a', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '0aacd40c9e4e469c6fe7ca725de1974e6d61f90a', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: '892695d6b5cf16b035b67475a9908220af1761f0', name: "title" }), h("gux-icon", { key: 'ca3d7ea120bee12d21efb83a85fd5da372c5d033', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '66d97b939e4692d380d44d8a1bea3300b654434d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '18a890500116e6bb8f808eefbd384de161bd5b6d', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '693bd27986f05edee01e9c346d4364b1ec1b01b6' })))));
     }
     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: '427a1d34e7b47ed888ff59ec452655c1fb40f468', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '333a16b4e6b114ba5ab7ef50ebd348661c73fe18' })));
+        return (h(Host, { key: 'd4a087a28166a6762c5dba93d6db6b7943b188d6', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '1474b37d951f1311b3b778e1b9549c3085d331c3' })));
     }
     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: '8c2735faadd06a9810b3b0f48abc0d2be8c29c6f', class: "gux-calendar" }, h("div", { key: 'ded34ebeead1c0a4df65cf51906e9c7d514fa93e', class: "gux-header" }, h("button", { key: 'cedfad47d44db1003806ed47a32b9fd4327751fc', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '36e0f9d505339ae11bbb6b7f2548cde68abc7741', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'f56e6ff0c1261e7c51e0639b26680a70f5205e3d', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '959ebaa13f1a7e435782d38bdde87e4e4f56a2c0', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '4c63e229090bcd6eab870ea8dac3bead564744a5', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: 'af6dd3690b06c19240a626487b8b416ce278ecfa', class: "gux-calendar" }, h("div", { key: '89b901890c7c1f00cf94b9e9773ebe46ec9f81e9', class: "gux-header" }, h("button", { key: '67c40070fc2227d8b79e0d6e2e21d77380b9a5d0', type: "button", class: "gux-left", onClick: () => this.incrementPreviewDateByMonth(-1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: '2bd8edc3755d8d3783be87b49d8405cbc197ef2f', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'f3a75968f96e3f475503c6fe56af5c7534aae4f7', type: "button", class: "gux-right", onClick: () => this.incrementPreviewDateByMonth(1), tabindex: "-1", "aria-hidden": "true" }, h("gux-icon", { key: 'e5c8e7c5af77082d5cf6ed69ebcd38ef5b0911d5', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '148e5592ae9a3762d2195c51119130fb1e0f87ff', 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: '1a85dcf2fa992904b3e187d0bd6f3f6d5219db0b', class: {
+        return (h("div", { key: '95cc3325babcec3a310c5a80188a7e878769e99d', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '1675843012bddd80e09c7e5adcc636609fb7465a' })));
+            } }, h("slot", { key: '71af33737da9ff5c4f2b5d070455bdc4ece8ebde' })));
     }
     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: '6be3063ad0a69ae45e4682c1b9c5bc66ff574bd5', draggable: "true" }, h("div", { key: '5a273f0517b5bdc68d1ec2cd418a5c5eee1ef869', class: {
+        return (h(Host, { key: '6c8e5fcc8db5fef7206d9fa0ef242193510176fd', draggable: "true" }, h("div", { key: '6a86294a3967b055efa4f7941cb729ca2ad6ff38', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '2c7b628ce020d2e7e6005733084c81fd5749ee11', class: {
+            } }, h("button", { key: '263aee0c0b8ee4ad206d2379d5d49f434ea08de2', 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: 'a683ab3efa22a3824d025407fd44883e98cac45e', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '7f3295e9287a273ad7811d4363fd982743074460', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'bb4c3a8d0dd4631ae3266255e7b6edb6c138292a', class: "gux-select" }, h("slot", { key: '722f5b21b773c98142af421aa1a95e3870b77089', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'de641c2e91df2d8932805051bec285d2090d54ac', 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: '61a93f4d8e2a4d44087e784f35e50d54d944f1b1', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'c4b716f92af579583dc68bde3cb03af6a7af6f82', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '2a9c592fe0b6b01353c7ccadf2fc14d006e7323e', class: "gux-select" }, h("slot", { key: '4b564b91bc4d749dff4f88562331a225a92c2970', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '33826b1c83dd8a0a44bb88045f628f5001078d70', 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: '588a7749ceb5225beab4e6f6c8854e7206dcfb62', class: "gux-container" }, h("div", { key: '2577108819c7e2b49e888f43b34be71a9b79e5f1', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '41dbb2f7e5ca5aead3d2494422881ca8c047bc04', class: "gux-search" }, h("gux-content-search", { key: '586507db8dbc9f38b366251a571dc8bf4e79b051', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '67f962601312dd05c764cff58504b5386349e6c9', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '217124e4fd40398e23af83e1262c1b4cfbd98d02', class: "gux-select" }, h("gux-form-field-checkbox", { key: '66508f1c526387454feb3ffebb0b42b75ddad617' }, h("input", { key: 'd85acd01ea437964e19a4147146f009844bac744', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '8cceb8729d69f32c9f5cd08935956eed977ad0f9', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '4c34dd2fb5be20ff366b13997a489ad4a6abb825', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'ad1d214cffdbff873d219f8da6d9ecf0a2ccaf5e', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '42a0dbcb02a631ea7bd7909b35aef127e7c3f53f', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '09b07ae08433a4b54d85ce32a9f604a7c3f8513c', class: "gux-container" }, h("div", { key: '34fce7dcd5dcb133b71559ebe4e5c75f42c60700', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '0e058155fa679758afd9bc879f75934bfe122df3', class: "gux-search" }, h("gux-content-search", { key: '6fd3f75fec6c7d956889c6fbe81423fe5c9a21a4', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '2066c68128ad535f2cb5c589937e1f1e4b50dab4', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2b7cb63207a14bc61b881e645c4e1fd199b79be5', class: "gux-select" }, h("gux-form-field-checkbox", { key: '1fe46fa770293ac507cc98cba574889766f36b5f' }, h("input", { key: '1dc07407ee41dc8629589b22152000a9dd2d0b57', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '239356e4df1eb0099debfb1188ccbe3917a39984', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '3b4b6d7f5eabad6a287a4b22e7d89bb09316ae7d', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'c3366dc4c09a86c926850eda2335068ad50f7b67', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'ee671033f2db7f3afd644ddf77880ae120d121d5', 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: '28ec59442bce21b9a8aa6e4daa02f6dde82b79ba', class: {
+        return (h("div", { key: 'c5ad299cf0e2f1ed000be6ffa40ca104633c8df4', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '9244399df101651725be2f5b9bc709b23dca0fde', class: "gux-search-icon" }, h("gux-icon", { key: 'fbdfa696f3adfc2635d447ad439212ebf3f45a76', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '3c23110a115935660ae418a18d100776ca841099' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'b95c53ba01916a6c1f99c62cdf8d8022ba6eb01e', class: "gux-search-icon" }, h("gux-icon", { key: '37ddbf8a24c5aaa01340420860105bc85a7fec42', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'f1234d5ba895dd9cfffa59fa9ab91a9cc7ad7318' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -108,8 +108,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '446f10e68dfe34ed330491db4821e76011e8d92f' }, h("gux-popup", { key: '93ae8993045a368f0f21f279816861484bae0094', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ee3f6fa47d348711311e3a0efa21bf2bd9defd0e', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '266a52f7bcb4f7382f3d54230db7129ce43ff9d8', accent: "ghost" }, h("button", { key: '02646255c00803293f83bb24a895ebfbe2532745', 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: '6df1d65f82ff48ef940fc4fbefc352603a650ccb', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: 'a80a79000a616a4d8007f70fda9fc07b40ef7a4a', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'b0dd7d5f41a613552303ec52db02eef128f55551', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '060a9a39885458945b9950b5065201e8054dd443' }))))));
+        return (h(Host, { key: '5a4c210aa7fa86899cf70f1a49f46d06e475cab9' }, h("gux-popup", { key: '5454cb497b689fb2655d8b18c4c7175b95d6f1fd', placement: this.placement, expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ba4d809aefe94a5861163e088c77642d7b9c6928', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'b22fcb340fd9924ea7ced201368bb980e216bc42', accent: "ghost" }, h("button", { key: 'a6c637e941d95606d50fb13b22e6115e17834f7d', 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: '4c204be4799f8d81430c74cae579f05ab2c5443e', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText'), size: "small" })))), h("div", { key: '304ed678c9ef75e5e29cc2e4b6d23077b4bc900c', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'c7b0411d988cb0f8ce0301dccf813b107955a982', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ceead50c5d2b03d2bf2341ef775f81b0fff6afa4' }))))));
     }
     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

@@ -51,7 +51,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '37bd43b34710ec3d226b0c8607b5822c02b530ec', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '9d6c196c3b96fcb2473a7df3caa450ae637eb16d', class: "gux-copy-content" }, h("slot", { key: '73dffc9fadfcc909e1fcb997c78ce5c13cedf44d', name: "content" }), h("gux-icon", { key: '2213aca0c23c555a0ff8ceafa64191798f5b3b14', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '424ad51c007871467bf2be7ff12afb9462c97744', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this) }, h("div", { key: '7b16c8ef23bd1b06d6124b7a7c68a68706d29127', class: "gux-copy-content" }, h("slot", { key: 'e99aa86b73857ede7899146de32060b0ff13b530', name: "content" }), h("gux-icon", { key: 'e869de2c6b8ec78049577e97ddf7bcf24947986e', "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.css

@@ -20,7 +20,6 @@
   place-content: flex-start flex-start;
   align-items: center;
   inline-size: 100%;
-  background-color: var(--gse-ui-formControl-input-backgroundColor);
 }
 .gux-datepicker .gux-datepicker-field ~ .gux-datepicker-field {
   margin-inline-start: var(--gse-ui-datePicker-range-gap);
@@ -59,6 +58,7 @@
   padding: var(--gse-ui-formControl-input-padding);
   color: var(--gse-ui-formControl-input-populatedColor);
   white-space: nowrap;
+  background-color: var(--gse-ui-formControl-input-backgroundColor);
   background-image: none;
   border: var(--gse-ui-formControl-input-default-border-width) var(--gse-ui-formControl-input-default-border-style) var(--gse-ui-formControl-input-default-border-color);
   border-radius: var(--gse-ui-formControl-input-borderRadius);
@@ -98,7 +98,7 @@
   line-height: var(--gse-ui-formControl-input-contentText-lineHeight);
   color: var(--gse-ui-formControl-input-populatedColor);
   outline: none;
-  background-color: transparent;
+  background-color: var(--gse-ui-formControl-input-backgroundColor);
   border: none;
 }
 .gux-datepicker .gux-datepicker-field .gux-datepicker-field-input .gux-datepicker-field-text-input input::placeholder {

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: '51f5d5465d3d81d697aa26e3e92cefcaf6c1e5f1', class: {
+        return (h("div", { key: 'b9214b306a78a2a6d49a36a14f716271f314ea2e', 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: '1c0ce1c07eafb349ebd9925f5203137b25b62578', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'efe5ae1b6c0250e4bad7130e431b5a92814f6bd3', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '272a80ad0a6e07d4891aaf8fb2ed0f8978808b4d', type: "button", title: this.i18n('dismiss') }, h("div", { key: '85283d90b727f3e6ef41feb67bbe29c2445c62c5', class: "gux-icon-container" }, h("gux-icon", { key: 'f149a50e90db2e764bbccd8236ec65366804b334', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'f83bc1ba475a57223afeab9d92d75ffc3cb13870', type: "button", title: this.i18n('dismiss') }, h("div", { key: '2f011eb4ee09def0c15859b4ca22c341abc361b3', class: "gux-icon-container" }, h("gux-icon", { key: '3765fa6ea27c572633c5cbccc610027c4089f762', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -352,7 +352,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'ad0ad9c7170ebf2d0476ab4c70ed76cfc430609d', 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: '07ede31225e8012a77bf595a3069962c9a872434', 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

@@ -30,7 +30,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'b20feb6b46d6ab8e29609173bc08673214a24bee', class: {
+        return (h("div", { key: 'a8269209ad4d42f5c60d8f9a10b754dea421536f', 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

@@ -392,7 +392,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '938c8a5253936b73d57e4c3ebf6509485ed7c775', class: "gux-dropdown-container" }, h("gux-popup", { key: '770f4fc2bc9a62ae940889dd2e0689eb37a30b0f', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '9cfe34b91370f3444eb1463ba30a932996b2715a', class: "gux-dropdown-container" }, h("gux-popup", { key: '3a4263eaa05d2909904e93f10d60b0fbf215f850', 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: 'e0e87dcbc0e81430953a35574fd9f862b07c1101', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: 'b7b9d8fbe2098856e11018f5ceb93b731805997c', ref: el => (this.targetElement = el) }, h("slot", { key: '57d0d57f5d0eb0d04ae134becf5bffc328b197b7', name: "target" })), h("div", { key: '8276005357e605c2d6cf44bfe06114ffe873dd48', class: {
+        return (h(Host, { key: 'c0a99b249f62a659b82e12a95b3a8d0aafba87de', tabIndex: 0, "aria-haspopup": "true" }, h("span", { key: '54129363fc206a7b4e0d50cd57fabd02a8456dab', ref: el => (this.targetElement = el) }, h("slot", { key: '3df58d730adcbf46197c2add6020edb107e41320', name: "target" })), h("div", { key: '36eb0e806f69fde8bfe30a6bb7f2e7d4305647c9', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '594abbff53dd689c7b422e8e7259e4d690c06399', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e8fc80d09735955dba0aacc945165a785b2c749a', class: "gux-arrow-caret" })), h("slot", { key: '70cfea075556e24c7052aeedf08160725cd19a4b', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'c336ce3add65a8972f2c59d5883d65ec69b84ea8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'fb036aee8bc4baffc34e2e644a4c0096fb44ed9d', class: "gux-arrow-caret" })), h("slot", { key: 'c1c6db91ef749880505d454c26cee5be6649ef17', 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

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: 'd23ed2b18eb1c5d127a5f9178ac0615bb899de51', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'a405173bc016c8f415128e9868445627a660bd38', class: "gux-menu-option-button-text" }, h("slot", { key: '67b4798b8a4311acaf9dd2abcb8fbbaeb3f47053' }))));
+        return (h("button", { key: 'eda74dd6106bbf06c9520a586d6f8f94c1296942', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'c996ce6c6ac54651dededd7650cc00261e0f096c', class: "gux-menu-option-button-text" }, h("slot", { key: 'dfa4c8bece9414e6beb454da738e862f47354084' }))));
     }
     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: '219a89a3774fb80a2b19c57f890e2883b102a668', role: "menu" }, h("slot", { key: '28c1b65a600f42ed8bf78ae2f8b824301f11453a' })));
+        return (h(Host, { key: '548a8f78fd7533f6063a6d1cd1883e6630e8f30b', role: "menu" }, h("slot", { key: '07efb8534d740683b2853655b6f2b0b44ab8fed4' })));
     }
     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: 'd7590509ad10bf2c0f8944737a209fe43e3c85e4' }, h("button", { key: '3b62ace076911820bc389dfbe28a352041045d93', type: "button", class: {
+        return (h(Host, { key: '944786bfb452e929858d201d39ceaef33e7e1982' }, h("button", { key: 'e1319df128d267d3989f15c9cecdf7105e1dd791', 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: 'ca6fa4928de0b761df7ddd1c1ab3291489a124b6', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '17ca191ac71e0b58f8d1fd83c75363d8be686a18', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '452c90ef8ad7aa767a0da6a9b8b8d50ff0b3b942', 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: '76f0ed798a5fa6a213dac1d872b956fc72e34e2a', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '50f537d884b7ad8e79fa6b29e7104b8dee38ec30', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '3b68278285fca560361099a74117a0de31bf26e1', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: 'd069a15a1b61bad3425947077f4ee76fdcfe0770', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: '94cc1d3aaf4556d6a8456cda30e60227bfca4b35' })))));
+            } }, h("div", { key: '16c12cca8d1c3331e9d9e9ca658db3f6fb90f933', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'e6b37eca1c1c9050dd4c8721e894b81699724882' })))));
     }
     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: 'e40400dce6b34387deee6b6244aa527877532230', class: {
+        return (h(Host, { key: 'b50ef075fe3518e381b9e96f2ab4dad6706882d8', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a0aaca6ebd8de03d38e4d3ab28487d8b98e4c14a', class: "gux-form-field-container" }, h("div", { key: '39ebc72af0115c16b391f178d14c9cf108d048a6', class: "gux-input-label" }, h("div", { key: '5f60fbe50d21b90b39e2110ca3764d0fd495964f', class: "gux-input" }, h("slot", { key: '83549d1dd5cac6cd3e5b1f96197635a7bbde25b0', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'dd82b4c70ed37e156ad8ffb71218aa811296f8d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '4a88b290a5de26a75963cc637173a39026ac1177', name: "label" }))), h("div", { key: 'aa8a2a00294a6d7131d7073eb823a1685bf7a4a4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0f49ae8b132bc53cd850ec4eb31752e4ed5f754b', show: this.hasError }, h("slot", { key: 'd61465e5408f9ff62397e250259049432ad19e14', name: "error" })), h(GuxFormFieldHelp, { key: '9bca8004303189e323b5288eacaf750feeb7339a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f58224e0319a71ed4b8dd45ec969e5876a728007', name: "help" }))))));
+            } }, h("div", { key: '8b190350ea28db072c104036709f65f86f8ee7f2', class: "gux-form-field-container" }, h("div", { key: 'a5e8941b463e227dbde7cc56f4ce53cdcff397de', class: "gux-input-label" }, h("div", { key: '7054952122bd9bdc8ac574b5bb1a25ca9accbf2c', class: "gux-input" }, h("slot", { key: '9f3b321585f6067d8b4014304b783369e4f2bc98', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'fa2e3fe91a20b865c4f4b87815cd53fff1fc06f2', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '52bc35532eb8f3a2ebc745f459324688a497c178', name: "label" }))), h("div", { key: 'ed5e839d314d483e3e3cdd6e3dfe2f2540125d11', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1a45479156c57be2c6a131e5fc60651286aea53b', show: this.hasError }, h("slot", { key: '9e2f8f13fdd665d5fdbbc52582c984d7488ce2cf', name: "error" })), h(GuxFormFieldHelp, { key: '799d78bafcdce6c6dc269e296625a338ae41c193', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bd60f8b646e36ac3e1dfd33beee4c45902f6e217', 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: 'bdff584bfa28838ac5f22ee2fb56eb99b81586fb', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '4f2c5e0564c03e61a3be4b9cb4b8a334664875da' }, (_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: 'cbc565eae0e217a3b3b367be5192f077d5b3958d', position: "above", required: this.required }, h("slot", { key: '6ed37e9f4d9af18cb318c66b6bbd54191977424f', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ddfc3f8d09fc4b2eff492368286a99f179ad7451', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c3e34134c4aae83e750b02976348e8b0e2bf2c55', name: "group-label-info" })), h("slot", { key: 'ee29f1f5648c53dc10de5a5ded9d023b4a89f193', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '779914da2c3068ccc19fb4b17b2ac5d36e3305b7', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'ba8cc3662f98291a26bd1259cb35ab04213eaa77', show: this.hasGroupError }, h("slot", { key: 'cd9eae0f6bc250dd85051b54f12cbb4ef72727e7', name: "group-error" })), h(GuxFormFieldHelp, { key: 'b695f5205b39df95fa7be9d2b9126e7aa52ca419', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f004236fb164c2854d961b8c40280f85a62719b8', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '2b688ef5b43bf5ae957f8bdfbc8f7eff58011c7e', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '20402cfcc442d3c6173d5ef27094849c41f60a85' }, (_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: '672e11ccc7213a93673e44175f46f435d18f108a', position: "above", required: this.required }, h("slot", { key: '1f4b628852e3f2d403e0ab0eb450a87a224651ec', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1231ada7c7f84d70fc172659cf59fa5c2c99b5b4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4b891ae4996f3e604c82986208b4dcdff6e80983', name: "group-label-info" })), h("slot", { key: 'ba2729cb4feea24fbf35cae13d5cb1792bb983ac', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'eb0121b5ba00f3ffe084571ca56f6a1011c5bb6b', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'f4a63bae223f931d659194932d0b96d93b41f651', show: this.hasGroupError }, h("slot", { key: '406399ffba0dfc810e699ffd45b4c8e82dde60eb', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c68edce36ca0fd6292862cd161b5182a208ab319', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'db1320fa4ba0c1137585f1825d2824a8c6d264b1', 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: 'a1254a49bdd604a780ca5b763f02c79688e9992e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '32161cd724db17bef0bf705da6f3c5eb8ac19d10', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ed670d24f28a5e574c0167c0ad5d81c9217e0cce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7a65e197887a516aaa1211593a1b3fda759a7fd7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6588bd1ea2438f820792a375243ccb018b3f1171', name: "label-info" })), h("div", { key: 'aed16d69981cd73f533b3a18441da39fffa6e342', class: "gux-input-and-error-container" }, h("div", { key: 'c4c39122edd56132e5af7c654bd5537853f4daef', class: {
+        return (h(GuxFormFieldContainer, { key: 'a1abac99f9987c8c9ec8b170c0263a6dc6fb858a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ad5e1415cc2fce44313e4226bae1184d939cb166', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd99f872271f62a3890992d4bbfbbab067b004dac', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'af675e82fc0cc79c1f91399855ba1a05792f90b6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3d5c5a2fa8fa17c42ddaf8e74505278e9b2811a6', name: "label-info" })), h("div", { key: '8f9c103ce1c08c656c2ede3bdca168769a270aff', class: "gux-input-and-error-container" }, h("div", { key: '4b730244582e6b92e011d5b91fdda4b4edf7909a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '879870ea86f8dec322abe44459700174a96ace39', class: {
+            } }, h("div", { key: '4e91a98be9dee52f5a5ec3d2ae9bc1bda29d4d45', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9836fff073443e27d583abe07d2f067a62e9e4b3', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '0ee00f0511f21cf535469dda23f13fd48fdae4cd', show: this.hasError }, h("slot", { key: 'c619397a5468f3b88eb54d0cf29c0339b0c187c4', name: "error" })), h(GuxFormFieldHelp, { key: '61cc149f1b2050615568908e3d6222941eccddf8', show: !this.hasError && this.hasHelp }, h("slot", { key: '80803b18f1530e2ef41f65f98f5a84eac7319c8a', name: "help" })))));
+            } }, h("slot", { key: 'b48f16c281011415b0743156e0b104321d9b785e', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'd0e61d8d14cb5ed23b07e3659ad72ede73fd65a0', show: this.hasError }, h("slot", { key: '717deea7a203590366bccca8bffc9137fdf2a757', name: "error" })), h(GuxFormFieldHelp, { key: '81da66b21ab922e3af1d96d23674ada26ef8e311', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b3859aae1522dfe81c65a72d32d7b6e6d38560a6', 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: 'c347276833025035bd90243a90ad27df0ba46afe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '68c9b0694e33feb3135dbdc798c9bb78d6e0700d' }, (_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: 'c48026033fbb870564f74f6547d63a6c66cd0a03', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f6f514e63bfa5703d1a5a4242c82fae77933db90', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '56b87b0b1c5c042b59842ea107a52a391771ecd9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3625460474664c9aae79fd05dba547855d5d9a00', name: "label-info" })), h("div", { key: '6491fcf755e265f03885759d30d5512f4c32dac1', class: "gux-input-and-error-container" }, h("div", { key: '4cefae842dfad33fa668311567f69acbefc6d51f', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c13c59959080bf1b47237f726cd85413fbe8fea1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd17cf870ac1ba7d66453626cbaebf85468ded335' }, (_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: 'f3090303f5561ab32f1f4287c48cf37882787c03', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c9d35b40c798f4d11b3c6ff02203eea538e069c9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61220d59ca17068f66e02bacccbaf9908b1a068c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6fda0eb253ae60502a4cb85efba750cc237a4234', name: "label-info" })), h("div", { key: '9d9f1f0155bad09e169ad158479f81bf76f2577d', class: "gux-input-and-error-container" }, h("div", { key: '971e8d486fbc6312de11336020103a668d8fa58b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '11b191191dca3d285e419a3a5ef5d0ff6198386c' })), h(GuxFormFieldError, { key: 'e431ada8c3e1c1793b1551c19caf70509065bb8a', show: this.hasError }, h("slot", { key: '298268ccfae738d9d0caa9b4c9dd4f450fd8040b', name: "error" })), h(GuxFormFieldHelp, { key: 'f5be92964411367c052ea9617e5b7d5f6bd3ddc4', show: !this.hasError && this.hasHelp }, h("slot", { key: '8eb333fa890b97e92906210ac68a34b5b6db3697', name: "help" })))));
+            } }, h("slot", { key: 'f2b170a7089530b95d2a882b73fe66ff695df3f6' })), h(GuxFormFieldError, { key: '2ef3b063873723523af52043e53101479caa1564', show: this.hasError }, h("slot", { key: '9f8f7abf0e255267a1d2f779a33753aaf078b358', name: "error" })), h(GuxFormFieldHelp, { key: 'e5d07a45daca87084120681b62ce8407782bedb1', show: !this.hasError && this.hasHelp }, h("slot", { key: '1c77a99461629206fe50a3aeeb2dad80a649c853', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition