genesys-spark-components 4.187.2 → 4.188.1

package/dist/collection/components/beta/gux-tree-multi/gux-branch-multi/gux-branch-multi.js

@@ -50,7 +50,7 @@ export class GuxBranchMulti {
         }
     }
     render() {
-        return (h("div", { key: '7fb93c4bb639bc5ce887fc0222c966a2cec077f3', class: {
+        return (h("div", { key: '5634bdffd41fca1916e576d9491e6b799f37e2de', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
@@ -58,11 +58,11 @@ export class GuxBranchMulti {
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected,
                 'gux-child-selected': hasChildSelected(this.root)
-            } }, h("div", { key: '0da397c4b327ba4ae1d0b74a1aaa10d2cfa5ac11', class: "gux-node" }, h("div", { key: 'c126fe7c1455a0305aee5b9d8c9065990c76dd64', class: "gux-selected-bookmark" }), h("div", { key: '3ff32f1bad50173a71461ee0f3b33dcf42b0a4f0', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: 'bbd5fa067cae2d16111ea51d35bed39f7adad7e0', class: "gux-selection-target" }, h("div", { key: '2df1326a07287e7aa3f51fe417470021d5b76550', class: "gux-checkbox-container" }, h("input", { key: 'aa2e61da2f553e157635772a185eca90110ffbb3', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
+            } }, h("div", { key: '91a8599620c2fed9285ff798d286dd12b5f78c45', class: "gux-node" }, h("div", { key: '6747cd4538b7bca324e03880416329569a69bf23', class: "gux-selected-bookmark" }), h("div", { key: '5ce8397eedfdae1879adbf619cdcc3d48450d208', class: "gux-tree-item" }, this.renderBranchIndicator('start'), h("div", { key: 'd743354aca188568d6d52918372fef931c60d8c7', class: "gux-selection-target" }, h("div", { key: '38b88a7b92fb0e669be9fc270f9bcf09f74acc9d', class: "gux-checkbox-container" }, h("input", { key: '036531960070791178465202366c4d66d60bcb3b', type: "checkbox", tabIndex: -1, checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId, ref: el => {
                 if (el) {
                     el.indeterminate = this.indeterminate;
                 }
-            } })), h("div", { key: 'f8f2a59d37a813aaf32c8f46411c08980c1645bd', class: "gux-icon" }, h("slot", { key: '5a79411d11cd2bbc88404a32bcd3a87b62890792', name: "icon" })), h("div", { key: '282980c8f071d9dd170c4948fcc5fb77aaf65a8a', class: "gux-label", id: this.labelId }, h("slot", { key: '293cd9ca47e447c01817c77bf48cc7ed47d648d6', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '9f69a61b11c8a9b53bea3a19a6370569bc5f7c7d', role: "group", class: "gux-treeitems" }, h("slot", { key: 'a66ff73e7527c020fa33bebb1673d54702cff19c' }))));
+            } })), h("div", { key: 'af91283ece0b84ad8b038fe7565dc1c3f8eda62c', class: "gux-icon" }, h("slot", { key: 'c6323912a29b81fdc52c760825edc449a59a64d8', name: "icon" })), h("div", { key: '520313d3a7e6bb596e082fd0a53d4b4c946605f4', class: "gux-label", id: this.labelId }, h("slot", { key: 'cf2c9eb51e4ca6611c55255e94f0894dfb1adb0c', name: "label" }))), this.renderBranchIndicator('end'))), h("div", { key: '8c96792771435035899a40978bdf6563f4dbb7b4', role: "group", class: "gux-treeitems" }, h("slot", { key: '2cce5e687911dda5c77f64a41aed65e1c43aeb2a' }))));
     }
     static get is() { return "gux-branch-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree-multi/gux-leaf-multi/gux-leaf-multi.js

@@ -41,13 +41,13 @@ export class GuxLeafMulti {
         this.root.setAttribute('aria-selected', String(this.selected));
     }
     render() {
-        return (h("div", { key: '99a1c2dac0915217deed66883b81ed4e9a535b37', class: {
+        return (h("div", { key: '6308560a33225fa4856f42427cd1f72896f9d5fe', class: {
                 'gux-wrapper': true,
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end',
                 'gux-disabled': this.disabled,
                 'gux-selected': this.selected
-            } }, h("div", { key: 'ebbde1b6586d5e9702205a116039108e15b2fed7', class: "gux-node" }, h("div", { key: '238e7942d29f60b38ff3e7fde66626ddc8965ca8', class: "gux-selected-bookmark" }), h("div", { key: 'c775d1f2986c3420fbd41cb58a65afb8f9ffc6ce', class: "gux-tree-item" }, h("div", { key: '5eb8881175dc425be3dab7adda230a2b639c45ba', class: "gux-selection-target" }, h("div", { key: '0619831125828984d911af9c46bcbd0206577687', class: "gux-checkbox-container" }, h("input", { key: 'fc64de6a2279a875fc331490100abaae1377f144', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), h("div", { key: 'c8a32032c2a8cc87397d1990e77fd478a81364b5', class: "gux-icon" }, h("slot", { key: '8b20342e561990fd2e7310f4aa3dd66f3f87f5f1', name: "icon" })), h("div", { key: '925bf2141a05bc92a5cf590e72f32d8c98feb0bb', class: "gux-label", id: this.labelId }, h("slot", { key: '809ec1560a1aa2b38e0221818b03343bb247330b', name: "label" })))))));
+            } }, h("div", { key: 'bc19e0df8fb756c40b8623685ed8fcaa064979fb', class: "gux-node" }, h("div", { key: 'dce35e2451f5b49b0cfaba90f0d1948367d2e34f', class: "gux-selected-bookmark" }), h("div", { key: '180ef03aacf13bef370ee831f784b62a04ab235b', class: "gux-tree-item" }, h("div", { key: 'b5b06a5d8e329b6c79f8e71a526623081385f021', class: "gux-selection-target" }, h("div", { key: '89f77c7c28583c05bbb880d95e2e969835898abd', class: "gux-checkbox-container" }, h("input", { key: '780d8d6eee47163a372963672571a3d8db2bcb73', tabIndex: -1, type: "checkbox", checked: this.selected, disabled: this.disabled, "aria-labelledby": this.labelId })), h("div", { key: '0883d745f36516a14b76e4a7fe5fcdb51e391515', class: "gux-icon" }, h("slot", { key: 'a9a0804254fe4e2403d5ffaf5439c2de501d996e', name: "icon" })), h("div", { key: '34144c1234b6a2546b3d6d13af9049b214db6be4', class: "gux-label", id: this.labelId }, h("slot", { key: 'f21adda7014ecfd2bee9cd574af88ba63d76a428', name: "label" })))))));
     }
     static get is() { return "gux-leaf-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/gux-tree-multi/gux-tree-multi.js

@@ -176,10 +176,10 @@ export class GuxTreeMulti {
         });
     }
     render() {
-        return (h(Host, { key: 'd254777b87e5b3fa7b59cd04c135f20b4033afd0', class: {
+        return (h(Host, { key: '5edaf56dfa82d2d0f6f0fe0b1e250a9954f66ceb', class: {
                 'gux-compact': this.size === 'compact',
                 'gux-end': this.alignment === 'end'
-            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: '24354642f49671bc41d8cfc686717ab4f9fc94aa', onSlotchange: () => this.onDefaultSlotchange() })));
+            }, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'b2f6ad72b2b3caa953625e95de1b3c7b7cb35819', onSlotchange: () => this.onDefaultSlotchange() })));
     }
     static get is() { return "gux-tree-multi-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -12,7 +12,7 @@ export class GuxActionToast {
         trackComponent(this.root);
     }
     render() {
-        return (h(Host, { key: 'faee7b43469366ecf4b83bcba27d479cb05fdf3f' }, h("div", { key: 'c5c9b50195b74006837daf9ed21bafd702251b1a', class: "gux-header" }, h("div", { key: 'be68c6ba461dbdec636e040f7ba16f500ba8eb81', class: "gux-icon" }, h("slot", { key: '518cfcede722f1e5753ec85ed443ab2ea486a10f', name: "icon" })), h("div", { key: '66d154fc40b4f348146085b52eff5faafa41df6c', class: "gux-title" }, h("slot", { key: '9c1d66e2755c90bc8129efff9865f1f0bcf79a81', name: "title" }))), h("div", { key: 'c074aa998579e8c59f03d7e01e36cfdcbb53d2c7', class: "gux-message" }, h("slot", { key: '9767c4a224dcd5c4b90514daa4a98dd5613ad9cc', name: "message" })), h("div", { key: '51fa5ff9a5c615f5c91576e17230e1415d70620a', class: "gux-action-buttons" }, h("div", { key: '3a3c935f9dd5f8475d98071942d413316554133c', class: "gux-positive-button" }, h("slot", { key: '6d231257e47ab583d144d2460d58605b64b25810', name: "positive-button" })), h("div", { key: '4736b7f9e1b545da719614fc6cc45a32fadc08c0', class: "gux-negative-button" }, h("slot", { key: '75b8fe9e5a393043b43bb708c2c72d1b00b3058d', name: "negative-button" })))));
+        return (h(Host, { key: 'b2d2d5b7d6908797b78510477a44489be36486b8' }, h("div", { key: 'ea00fe15430e23dde12f5e730077f41aa5539e59', class: "gux-header" }, h("div", { key: '53b12739e5f3b9f42f7963fccff9b42931d2cacb', class: "gux-icon" }, h("slot", { key: 'c921ed0fd86d8457460dab6657691bde9757a1cc', name: "icon" })), h("div", { key: 'bf4a0d6b8672a9f6bafe5d958222724f823cdb9d', class: "gux-title" }, h("slot", { key: 'f6527f6f4e5254fa30db6a3a74ff7746224cb634', name: "title" }))), h("div", { key: '16712144c652b4081f037915919360609a7d4c58', class: "gux-message" }, h("slot", { key: 'a3362fe2896085ed0ad5b47892cd6d820116b84a', name: "message" })), h("div", { key: '3189432e0b9bb55e2d0b61412ba12b4e59ed0c36', class: "gux-action-buttons" }, h("div", { key: '991f87ffdc184b1356f7026c8ac3b1128aaf8c6b', class: "gux-positive-button" }, h("slot", { key: '301453553cbe7a6a320a2063e6cec478d2267b74', name: "positive-button" })), h("div", { key: 'ada103c63518a594ea3226c380f15c77699b886c', class: "gux-negative-button" }, h("slot", { key: '2452964749507b41181f5eceaf49f5719ef9b39f', name: "negative-button" })))));
     }
     static get is() { return "gux-action-toast-legacy"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/dropdown-option/gux-dropdown-option.js

@@ -46,7 +46,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '9604ae8bdae08b96511463f5eec869b1c86ba892', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: 'cb92fe1fbb98f14600e6d026b3c4af8fef644327', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
     }
     textWithHighlights() {
         if (!this.highlight || !this.text) {

package/dist/collection/components/legacy/gux-advanced-dropdown-legacy/gux-advanced-dropdown.js

@@ -77,9 +77,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'cd5396732f01957e55faa308412846b7289bde60', expanded: this.opened, disabled: this.disabled }, h("div", { key: '8c6656fb47908266bbc26faf2f404eabac93dabc', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: 'bd392c0aa7731c2ca9b2f25c8cbc24d31301665e', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '391b17a90d213d3bb8d07231b1b010a67e9bce4a', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: '4ee4fdee1a0221bafefa466b82ff80e6829b3ba4', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '071ac2333aa5b5fba6c0e2b3496678ba24083850', class: "gux-icon-wrapper" }, h("gux-icon", { key: '492041ba667e92fc8800e157873230b2a1f72ede', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'f716ab1605d773aea6b530aae98d51796882135f', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'bfe8b85ed1ea8af9d80ddc5eee6737917dfcdff9', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '3b70d81787b4bb03475a057b0d1cd09f662b069d', "label-position": "screenreader" }, h("label", { key: 'ad7fd81d730f8736006e49255d7eaf483fea4549', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'a817985baa7fd6457fb55d8c5aa3a3a02019d624', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: '9e537b87fa50a8e0852e6c7a81e988394961d432', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'b9e78a1bb5fc5b17f57b966848930d2e0476adb4', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '8b30e0b88fa01f47b97205682f79f28c6b478a3f', ref: el => (this.inputBox = el), class: "gux-select-input", "aria-labelledby": this.srLabelledby, tabindex: "0", onKeyDown: e => this.inputKeyDown(e) }, this.placeholder && !this.value && (h("span", { key: '75dbf5dfedc143855d72e39a6cdc228c84dcbf01', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'cb9c1007a7799677e7fc4bba39b8eded7cff3c5c', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: 'a9fbd8d978d7a9358471234c636bbcc92d39afdd', class: "gux-icon-wrapper" }, h("gux-icon", { key: '9346c46125bcc28ef46233b09cfb34e84f9eadb7', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '53ec8d5ee5ad8f48caa8dd83eb04e1d54b1a1975', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: 'f774aab70724270cb26ae01e489b8c38077066ba', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '5145f76b57e7b037a87a1d5e77efc529995634b2', "label-position": "screenreader" }, h("label", { key: '983169f2a3ef6a24509c63c1a0754cc479cb6f41', slot: "label" }, this.i18n('searchAria')), h("input", { key: '78bc8dd62fd445bf279121bf71cf7f4c9b3cd1fc', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: '2d597c591245023d023dc546dc0081cb38a36c54', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: 'fca9b5e96fa920ed3e731023fade5ff4ca2a776c' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: 'b2295503d9b527c1cba6ba2a7e1ed921eb36b776', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '7aad1432692efb3ae42033464b985d3367cb919b' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

package/dist/collection/components/legacy/gux-disclosure-button-legacy/gux-disclosure-button.js

@@ -46,10 +46,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'a7410d4fa5ede825a8f1e61c34ac5bacbc02eb1e', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: 'a8fa8bf56bd2d49e855e648364361f9464f696db', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'ed5a0689820e9e4b5f47c7a7432754c852dd8724', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '0818e00d7ad9c6c1f36c2a8a7d8597d58872bf7a', id: this.panelId, class: {
+        return (h("div", { key: '0400e29e3587a0d533c780382bb71a5f20c61eb4', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '9c75cd6901e022aae1d181e7570d37e003f93860', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel'), "data-testid": "disclosure-button" }, h("gux-icon", { key: 'f470ff60f6c92217c4eaa05ff379c5cb99318c0e', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '58ec3442693aa9b1b8975ae36dd82fb878236514', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: 'b61f079d42f1181695802085b9b0af1e8f47c488', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: '429b7953402c191e03cc7e8861ba53181e120ad2', name: "panel-content" }))));
     }
     static get is() { return "gux-disclosure-button-legacy"; }
     static get encapsulation() { return "shadow"; }

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

@@ -44,10 +44,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '09677b7cf41bee98c7ff0184ca1d7d3de947b065', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'd7e30d3d3d160f2dabc97e3ccf6ff88949162be3', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'bee9e01d63615d8ea0647d2da71e1d7df357b0e7', class: "gux-modal-header", id: titleID }, h("slot", { key: '34e260a499780b3a3bf5ab6b7251e38984e9291c', name: "title" }))), h("gux-dismiss-button", { key: '423eafafc2586e5f2f30597b1331528256c10b5c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '9203ea19d1521a22264405bdcb5db76185949f8e', class: {
+        return (h("div", { key: 'e453b9e4b68c4ad9e489ac4a6e8700754fc6cc4c', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ceeeb4b5876b69afe3d3d93f4d0750fedb57d77e', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '8aa8aa694370d50413cc4a943b2bab0cba6daa5a', class: "gux-modal-header", id: titleID }, h("slot", { key: '7482ebd759b0844d9704bb6b259ad8e4d49fd73f', name: "title" }))), h("gux-dismiss-button", { key: '4721737b9b90a0e93e54e62e2f02fa2bce302e0c', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: '330d2e8f6d3eb9d8d64217fbfc1a3c5381520d50', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '1136985c490e15f37e003179013accdaddddb244' }, h("slot", { key: '86787b100e7fdf0c0139757c9130a5f370a63942', name: "content" }))), hasFooterButtons && (h("div", { key: 'b22a1f4a55e6e6f9b3ff30ee579ea5011a0679e4', class: "gux-button-footer" }, h("div", { key: 'f5549d2c59b859c77de44fe79833f0a28e05d89a', class: "gux-left-align-buttons" }, h("slot", { key: 'aaab9e8048cad7c6fdfd348255e39d0aa7931848', name: "left-align-buttons" })), h("div", { key: '38dc02d96f3fbf000e4428cfc13e6ec88c462f1d', class: "gux-right-align-buttons" }, h("slot", { key: '47b8d970fb1845ba32f261874e82104c520b4477', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '615a572550359a68a212fff83f9c250230ea780a' }, h("slot", { key: '1f06f6de3144e0f6d06646a8a8a34264735df5ef', name: "content" }))), hasFooterButtons && (h("div", { key: '0a908b3103edd743256f3baad58cfa445e991b15', class: "gux-button-footer" }, h("div", { key: 'd2527dc6e184693edef8e338182665e745547056', class: "gux-left-align-buttons" }, h("slot", { key: '3d429d69c5659beeccfb96929bd10b3b9fd004c0', name: "left-align-buttons" })), h("div", { key: '3912e750570efaac011094ebf21eddfb6aedfc9f', class: "gux-right-align-buttons" }, h("slot", { key: 'f3584a23eb7c200d8ae71c2f7249e34deca37a1c', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
     }
     // When trap-focus is enabled, focusing this element
     // will immediately redirect focus back to the dismiss button at the top of the modal.

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

@@ -16,7 +16,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '1d9eba40bf31e3ae490d566dffff561ab99aedc8' }, h("div", { key: '97f9d50a5dae89aba7535ce701cc8d5ddba70510', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'eb9905ee590e42bea289e1d328d891dce97d981f', name: "icon" })), h("div", { key: '20e7b94095d57de978c8213e5d072f5cb8b46d79', class: "gux-content" }, h("gux-truncate", { key: '7bffad6540cdf3838bc413531ffed05365455539', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'f65be1ed293248b5570e1d84e236ec2f5931e5cb', name: "title" })), h("gux-truncate", { key: 'badef07647bd0e9a78cd3f5faf5e5d10bd41f195', class: "gux-message", "max-lines": 2 }, h("slot", { key: '3eb5337bcd8a74083f4207fbfd4b7e37be379639', name: "message" }))), h("gux-dismiss-button", { key: '21a319ef2009a14b4c976b7d971a4bcb7d73a726', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'a221f52cbdd76900b3d0b842ccaab0b0e0e5e2cb' }, h("div", { key: 'a5036ca56b766bc8d7e211f7dbe566962dc23531', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '6242df94becf0366bcf68735edea9c74765637a7', name: "icon" })), h("div", { key: '69751b6854c89e655042dac0893561a5ded058e6', class: "gux-content" }, h("gux-truncate", { key: 'fde336b4dbe5ffc5c04c808c72502a7dda278b35', class: "gux-title", "max-lines": 1 }, h("slot", { key: '593a538ec9ae40f9f2722e94ae9742e6b1ad47ba', name: "title" })), h("gux-truncate", { key: '0f03a4ea727a8af1dfc0c2668a8e604ceeb4f0be', class: "gux-message", "max-lines": 2 }, h("slot", { key: '36b1eb5a8344b9646afaa5d87d30d7e60bda479c', name: "message" }))), h("gux-dismiss-button", { key: '301fbbdebd695ed5d6333ee06abc11d7ce2af3f3', onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -69,7 +69,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'e10ff6495caec5d6f94dacf4a044594d2d5fba2f', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0f15b8c7f8486f2026836df95844461b5346b046', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1ab52d175852409648b69b626f32b0c58c54a808', accent: "ghost" }, h("button", { key: '56a3329614c7893a6732d3bde5b18ea26d2fa397', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e57919be9bc22c57c21d93ef35222d223c8f912a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '800c3639e7df44f7e96ae7e85a3d2d6718c8201d', accent: "ghost" }, h("button", { key: '003e0bbaab8c042bd2a4973a564e0d9b3cca06f0', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '0397c970b54685faf2e72149947a66e266193b37', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'b656fccbf1d87a93ba19356d66408aa82e72f197', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '72e1868f9f4b6c07799a1fb19a4d8fcf63d4cb8a', accent: "ghost" }, h("button", { key: '74d2bb9859b346fc3a7d5e5af9772964eef75c04', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '12889771d4fa03ea86c741f996807ca1ae77111a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1cf1f234785cc25750434d7cdfe4738782e7e2dd', accent: "ghost" }, h("button", { key: '1efdbb6713036a6c5e2aad3ceaa9ea68133d7f2d', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '509c0a1cf0eb608e14568191870db5aa27a27643', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'e3faabee5e8e880f5bfe9eea087c85b9fa2c42ba', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '1d96d1b3cf2b81d33c61b7cd2e765db2cc29ac4d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dbfa8e746f5ac9b3b31c23215025e0f594a90f8c', accent: "ghost" }, h("button", { key: 'b15fe7d08e8f0b852528809fd3ade8f4024d34e9', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ef9771adc372661909f19ce41c093b9ce0d06740', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'ce0439774fab6b63ee3a8b5a9fd4278bd09d6193', accent: "ghost" }, h("button", { key: 'cdf043f203e6484c3496d701e6af1ecda766f097', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '283e6d6a9613123b7807bba196bff5e4292fca1e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'ca43e9a548fe9147a7e2ef6686e71d84b2ef0321', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7f51262e055538554fc6e6a337f1092530a55081', accent: "ghost" }, h("button", { key: '0224f05df4c0e85934dc338525350967ea4ad6e2', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '2d0cecde3f4383a088a5ddb2156e9dad49ea50cc', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2a824efbe5d17b6e29aa812e4c62113e7a4fdff4', accent: "ghost" }, h("button", { key: '63154b2cd451174c898abd82b6207d22a1678c44', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f324930cf28765fc4290278cda6c99c169c68488', 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: '1beb3b6e6e210d5374dcb46459a8030395b26d0a', class: "gux-pagination-item-counts-container" }, h("span", { key: 'efd6edffe57319123ee8ab74aad64824c94fb38f', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '5dbe6f63bb43355669e7af36a9481f4e24c552c8', class: "gux-pagination-item-counts-container" }, h("span", { key: '8a8f4c7008cefc1a323e9862ed724b7559629e97', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'd8dbf880bced10cb910c729d86995c87572a0fb6' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'b018a62d4342291ecdae998da3a98db1999defb3' }, 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: '4e93c651544efb9368fb35f9d6287d97f1df25eb', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8ca7cbe3394b0c8f5da236cf1cfc855623dfd9fc', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '86439f986c1b18f45361d82c4d8f4d8045aa8958', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '0076638dec6caa48e7260352ff6087d1e23f5783', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd026e4825745de42ec932b645a491c271148357c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7aac18b184e558b3c2b08894bc8fdb5b4620b602', 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

@@ -69,7 +69,7 @@ export class GuxPaginationLegacy {
         this.currentPage = this.calculateCurrentPage();
     }
     render() {
-        return (h("div", { key: '79664b75a81f2a830eb54787f05433bcb0f3cc9d', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'b7de73a8371a5f5a6724206790bd658c13bb985c', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '7cdc619f47134e8336c3d3ae1188699d03efba27', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '5f1ec22b17f814816ab18650f2416b1567a62764', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: '8bff6c7a43c107e0bc725d6905cb74db7ad2db7e', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '398ab316f018c6123eac60a4288e2e022447de7b', 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

@@ -15,7 +15,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '72cd1e408d8eb9d9e41ae41a7e326e5780a9f605' }, h("div", { key: 'e9fc40e2d8d63761cc6bf9f64011a20482d916fa', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '30553267731d6cc8b33e36f27bc3187926393e78', name: "icon" })), h("gux-truncate", { key: '6ddefb0e3f05e36dbdbc04caac8b52ead0a955c3', class: "gux-message", "max-lines": 2 }, h("slot", { key: '1b15ff48c4c9b42b6c6fc50f4c82f3e019292a0a', name: "message" })), h("gux-dismiss-button", { key: 'da4535b6aeeaf19171a172d4f464074e5603eb33', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'c659c7d838759c3d2dbdd6f1fe1ccd884bc59f36' }, h("div", { key: 'bf34bba7dee4667f42946383c305177de7528fc3', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '007fc17078e1686468eba1a122b8f182f3ceb1ce', name: "icon" })), h("gux-truncate", { key: '580c1ac9573b7d8500325495df7bb911add5460e', class: "gux-message", "max-lines": 2 }, h("slot", { key: '8cfb04cb1afe8bcc5816e5c82c4a42b6c1aaef75', name: "message" })), h("gux-dismiss-button", { key: 'afcaa350f45c86702ce67976abc366c85f8b7e6e', 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

@@ -13,7 +13,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: 'b0d511710c019c0d4f301441badd3d0efe135d09', class: { 'gux-selected': this.selected } }, h("button", { key: 'c6ff5212f59e245d3a52f721dc653b36a6145419', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '9fd47e740e607b3452b7714fae8d2dac5779bebe' }))));
+        return (h(Host, { key: '6d988f5b2c4df5b0611b4bc67f59242712ad1ea0', class: { 'gux-selected': this.selected } }, h("button", { key: 'd54319e54862f47a31a972979dcc737a7b1b2ed6', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '1fd0c43c5e394e383412a0973bdac80aa65873b9' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

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

@@ -30,7 +30,7 @@ export class GuxSwitch {
         });
     }
     render() {
-        return (h(Host, { key: 'cadae4ff1985a824ab6a7de2d9ae2339750230e3', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '17846926943f0a67a3a8011e6793fa0245c4a031', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'b1a6caaac5bdfb42f1016a8d77e5cb9e2e05edc4', role: "group", class: `gux-${this.layout}` }, h("slot", { key: 'a08e30d37e0a9f01d18111bd128ba318ff1ffafd', 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

@@ -50,20 +50,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: 'c4b039bc5cc0a57106ecaf26c82dce25c9bcd339', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'c45aff8ec8e925027e368e74e17929e058241243', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '262174efc7f45d319810426e848b8a8ecd62743b', class: {
+        return (h("section", { key: 'b374497e0ceee45209dbed4d39febd573c0cd0be', class: { 'gux-disabled': this.disabled } }, h("div", { key: '6f4322cacb5e5b5ee2af163bf1e2334e5022469e', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: 'a92d246a81bba4f1d9929c7e8b268ccf50af0c98', 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: '16d846e883ea57253830c604d9d08c1b8a160c30', name: "icon" }), h("div", { key: 'b328a55c8f20da3e54311e675b3d3292357af43a', 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: 'bab1490521d84ae80528d819d1e877258bfe6113', name: "icon" }), h("div", { key: '8cbdf0514910e0b12f91292cfbd72a2f864b7d2c', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: 'de834d82ac2509940dc98620bc40804e20bab73d', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '6ca7453190db5338cf891e824bd62506917681b9', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '2bfa8c33df9d6dd4e7caee266832b76c56192f04', class: {
+            } }, h("slot", { key: '816f4e1f44f2f858e29dfecad0e4cd38dc0e31fe', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '7bbf3a98b27e5419e78519c80dd92ee3fd6deb7e', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '19470636e36c8b16df37356c6376621e16128f7d', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'e526276fbd861e90bea609a42fd6490bb977d108', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'b28efbee5ae891bc74d4b7ab81ae5389a4e0542f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: '512c012c6ffe1ecc6ffd98410cf6e745256d4a96', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: '0a32f02f73792fb204f728006fc9f9726722e99f', 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: '25889f1139543370cb28628a8aab2c54d6b95ef9', name: "content" }))));
+            } }, h("slot", { key: '02e2dec94565f5ba3b84ad21de8403bf60b8a97f', 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: '9724aa3ad7ce254c77444838134c40e1d2ae0cc1' }));
+        return (h("slot", { key: '717e4ba52882dd91b842c1630d2bc402b7dc4117' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -138,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'fb822145ecba35ec0c5289bacd3be03df3ca6e0b', class: "gux-action-button-container" }, h("gux-popup", { key: 'bc35e449284fa1c3fac6a542ca4bcb2abaa4d685', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '45c7e35216241551fab811ff692b66bbae67e329', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'dd965b62c26cf58240d5626f9541045385db0b76', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'b5b2ad634828a352f314a3208baea1d74e42e4ba', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '03f3892c9dc694c64f43c72275a3905566f827b1', name: "title" }))), h("gux-button-slot", { key: 'c68d7ff8884a1f7f2a212ecda296f597e2c811bc', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '80bb3769c67f5420adb4398c2e20f8a7e2e190c0', 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'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'e0cb3617ad8b86e93d2edba74d56047e853705a5', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'fc9cc62f17f46662e79459d085e80644e84f6b3d', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'b5a5265ec1d399f405225e5299f829c16481372c', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'd473b24f6317fc24e025024a91fc6b533dcde244' }))))));
+        return (h("div", { key: 'e3e1f58714572a4cbf8f13c532498a7b3c331e2b', class: "gux-action-button-container" }, h("gux-popup", { key: '7d0aad36c614d5e16adeae24840a5c1904b4b43f', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'b46a80b6cb8526333dd9b344416ee6e1c003a64b', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '1d57c027889d717d47884b33e77ef2faddb61838', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '446c05f5640fbba081eee9eca781a4d0443a4e8b', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: '47c67c1a5c4ec59776cce559bed2d91831951774', name: "title" }))), h("gux-button-slot", { key: 'e4e60c315e37b46a0aff461183a50f7d42d241b2', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '47d94aa4fea744c41917d6c384957735ca07853a', 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'), "data-testid": "dropdown-button" }, h("gux-icon", { key: 'efb58a73e063cc28144851d806246d9a08ab177e', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'e0daccc34af424e95b49fddd3d193c70c52babc7', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'c25ca540d02426cedd6577de0e1dea043c4c1584', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '642210713ee3359616804bc99dfb786c80d5d643' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -52,7 +52,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '9b42ffccb50cdf0259c3f6db19ec508a9dd9d7e7', class: {
+        return (h("div", { key: 'e15f9973903d14c812e4ff6853452fd7d7245a87', 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: 'e0b4592db9432b7d81863d0dbd9f5520d3b695dc', class: "gux-container" }, h("div", { key: '4f7c1f730096c27c0e356d92976f78a499f2cc74', class: "gux-image" }, h("slot", { key: '4c1a86ce0c49c0a17688bec2f26e61952ca0448b', name: "image" })), h("div", { key: '2ee832ec2d5d5a299582824617264e77a84e3dc0', class: "gux-message" }, h("slot", { key: 'eb97d58adfb206c09360028a81b49c75dc224447', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        return (h("div", { key: '683a0c3934e93944a33c99970a4fa7318fed26c0', class: "gux-container" }, h("div", { key: 'bb343ca67e3944d32fb329feedaf81796740c099', class: "gux-image" }, h("slot", { key: '45b9078d202038b7b7ebb06950c1616ab10e6b21', name: "image" })), h("div", { key: 'b294647eac6f7d2a8cff4b5223a4f3ef85963ffc', class: "gux-message" }, h("slot", { key: '8fa259f3fb3aa7b9ab2407082e40197a63b4024a', 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

@@ -35,7 +35,7 @@ export class GuxBreadcrumbItem {
     }
     render() {
         const accent = this.getAccent();
-        return (h(Host, { key: '84ef978533d902cabc1264d4641a17a52da1ac61', role: "listitem" }, h("span", { key: '7afb53b4249c8c194a65472a50b817265351afc3', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '08a2ab77825d9b7e8dc635f2fc219824a719815b', role: "listitem" }, h("span", { key: '931a6a0215b4f2d8e1a9114c50ebf09631a3811f', 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: 'ea6b93a54c1c8cfcf21365dacb4fc8bceaefff9b', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'c1a44ca6cbd884ea4713d06135d31643821522a5' }, h("slot", { key: '8adc5d5a7a336c40548fe5ae7975953eac36fa33', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: '4f155cd06ee821c6dfeac4eecb72186c19456995', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '69868d13dedc6854e220531b046074de108fad1f' }, h("slot", { key: 'ec6cc7fe5f828ee2a19e5077c83f20b38b165188', 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

@@ -26,10 +26,10 @@ export class GuxButton {
     }
     render() {
         return [
-            h("button", { key: 'a655b1884a2e2114d912ac8af0310d106c546a80', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'a20c8073f7148b0c626153e8e16470e9d6d69131', 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: 'c5a9a2400f8cc04a2074e5e76cc4a2f7fe1dddbb', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: '88dd609637beec3f7eb1008dde3876e63d26f64a', onSlotchange: this.slotChanged.bind(this) })),
             this.renderTooltip()
         ];
     }

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

@@ -126,7 +126,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: '81151ec4803c66a856f2ae63a4abd1fd914e9c18', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '763aa8765d6456ced163b16392f28152cdfbec5b', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a0d770793d6a522e9d11ebfe4869bb9fc2166f06', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '16ed22bf8400f1813c205bf690b8527e10083243', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: 'b8a1d7d212b3aa69b9d2707a5f268d4ef047f68e', name: "title" }), h("gux-icon", { key: 'a0c2d0ffb219e64bcfb5d9cb89a75e489a322619', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'c8df9601b7a0ca07a6a66688ec7f5b8689d96533', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '58768f2f58d1d1099c199efedf94aac619617077', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'ce515bb2d9336172e274e7fbcdf8930a8032322b' })))));
+        return (h("gux-popup", { key: '5a81a67cffefdeb82aa5237f1b518b86a20015a0', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '4b177bf7b5a3bfe97c51340c4b3c9a4cdf939136', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'a8d9b7b16913346bf9f8c89d108a0691842d60b9', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8f96eb500ca6848b1159eb0ef8e3270e228d9f8f', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.guxAriaLabel }, h("slot", { key: '3b219746c2b37f9ef93d5dfe02f3c6acb7fad5f2', name: "title" }), h("gux-icon", { key: 'c4f1926e05d996327424b9d9669ac863d9b1b4d2', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '3db9d56b02ea2446796f270af5da05b8d1c1755e', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'add4f255a32ceb2b7c12ef86b898bc476ba6a940', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '83a4ae7d4615e2c38b6c9d899a7ae3f47092eb7a' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,7 +31,7 @@ export class GuxButtonSlot {
         this.validateSlotContent();
     }
     render() {
-        return (h(Host, { key: '837210124f055e9ba137a070bbbf62f9b6546e73', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'eccd0b293d0b86e1733d8abff4cb07f6e37b1600' })));
+        return (h(Host, { key: '516d620dbc99148e7162537a5a5059b26ed117da', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'f43b4a24c07bcd0ac2e603e9ca07246c7590fe72' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -344,7 +344,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("gux-screen-reader-beta", null, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '032d8f640205190a50accc0e0ec207281837b192', class: "gux-calendar" }, h("div", { key: '609ddea253dc5519d475e5f76dd19662fc9a088c', class: "gux-header" }, h("button", { key: '5417571dec9cb6807408d0d86ff850026632792c', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'c64d3e6fb3778e17bd9519af36a818cbf5ea8456', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'fb7339b1279e90a81f1f941ddb99f5b2edc718c4', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: 'f3a51e4365bb254f3ef4a0f58ab72115282b231d', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '64769c9c22d6e7bc60efdadc33302d820b95eaad', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '83e2bf1d63dfff98fb1abc5e248fad40953be775', class: "gux-calendar" }, h("div", { key: 'f984561485cb8df8a1cc795cfee175dd1950e05a', class: "gux-header" }, h("button", { key: '8d79c3c1a1ae551943cb2c10b631f254ede94f32', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '12db13577479867f4b67aa02b4875736a3828b3b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'de27bc29ec593f78579d08162be1462008c846e7', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '5788924e9fdd6ce8c50d0b7c52218934df0a447f', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: 'ab6209cdff81571ac9f2ed21bf2895bb75202d83', 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

@@ -14,10 +14,10 @@ export class GuxCard {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("div", { key: '551f8cf1bdf66e559a5d5b69e0f81f9b66781efe', class: {
+        return (h("div", { key: '6bbef26e9e9ca15bd440c8f02a03375a89425237', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: 'd5839084d0fb89fc99a50a9edba6395deea8a455' })));
+            } }, h("slot", { key: '124428d20cbd2a341b817b1df4d5146f38cb4032' })));
     }
     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

@@ -124,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'd55753e1cc651b73233dd15ace2ecb8d346a4574', draggable: "true" }, h("div", { key: '9298c144266decf9799879a20fa0c134036b3ce0', class: {
+        return (h(Host, { key: '5458ae3a58afe2441d65d8a7d42dea8912baf9f7', draggable: "true" }, h("div", { key: 'e5c1bc702a475b54d340dbfb5511788f1526c4b4', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '239abda7a6ea866813fc28f1483883a5d1239957', class: {
+            } }, h("button", { key: 'b1f2ea7ab19bc6e45fdd28bb1e8fe3888335725f', 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: '905538a42e996b039af53f9026cdc5286f623303', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: 'd5447c3b82ff2813e44d335d75f74dddf1945c23', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'cd39ac1aa9e7231a885c8cb5a0122943761fd631', class: "gux-select" }, h("slot", { key: 'be1b15c377b74c09e40eb32fc2cbf7e2d84394ba', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '2f1bbc3a44a26a2b32717471a06b306d4690fb34', 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: '1c73013a7a2e092617d04689bc15dc3e7010a3d0', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '12fd2660372338d4d149388aa3332a5670214eac', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '216c0a88517ba5a4dd167363dba7b4e9bcb1c6af', class: "gux-select" }, h("slot", { key: 'ebce045e7812aad5aad2d92491f5f28bb4a75be5', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '7f6d10667962cd4a6f22aafe5bcd73794ead4c35', 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: '86ea203d2bc59f262613c1343a7d67f0873e624c', class: "gux-container" }, h("div", { key: 'b5df3967d80cb060dc11fb5792d7f5fe3d3bae87', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '36f262c62b4b29973b672f5ab914977f49582716', class: "gux-search" }, h("gux-content-search", { key: '8364d7aa5299ea32fd0e169fcceca1025e486e05', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'f4ceffb69a6360de9b2977462cae932357f9b04d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '84755123168c385dcb54ee82f1fc607350bf3133', class: "gux-select" }, h("gux-form-field-checkbox", { key: '12784281b13bd165fca5c5098ec53c13bbfa28fe' }, h("input", { key: '85b0f7fe1d879141797f50458db8084d5e357fe2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: 'd631f892e0d2e5d11d106db7476e27d0021f2374', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '793a77429a1d800764a0ee52f464642615d7d05b', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '66ebc2049c3d05c66874f12666ea0376e9d52381', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '7def738d9531f86410cc17ba78aa5443105934ed', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: '745ad6b0f7c7183994d85c187d938563112fcd49', class: "gux-container" }, h("div", { key: '92ef46ad4ce5b1eff3f5d2e417e06fbca4f7f072', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '835b3fe8ef95b3ab924821452cde75c6f46cd208', class: "gux-search" }, h("gux-content-search", { key: '8378e7af68f3958120b1b35e4029845870a38faf', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'ef2f3805bc855786a4f8cfbcc911f8664f61533d', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '551a3c2f477e8cdb976994d30c0f2cc47ee7c537', class: "gux-select" }, h("gux-form-field-checkbox", { key: '5faff47522f0b775bf1d12aa7376424a7f3d3f13' }, h("input", { key: 'a72e514759b10d454ddf22e377601d08197a1575', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '76ad520746c69e2ab377a124785fefaddcb4aa94', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '75b6348fa3c03a2b8533ff0a6e907d1faca40eb8', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '079e2e2cefac3290c9de4705e230ce0ae74a19f2', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '325662b008ef07f58fdc22a6911fb3b3d3a64b52', 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

@@ -50,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '73e492c9ba5084ab4a9be67042f9e2e6f9ecd2f0', class: {
+        return (h("div", { key: 'cc9842daf419bb3b94574f6f4303c2b9ca27c7a2', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '178f17dd1987bbcd12b610777ea84060de86c0ca', class: "gux-search-icon" }, h("gux-icon", { key: 'ccdaa14da8cf64122b5c736fc9cd16c7fc0a5a58', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '4d853841ba463423b737f9d9976d61902065a18a' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'b66801cb421066d3f628fee37363b3767580a6f3', class: "gux-search-icon" }, h("gux-icon", { key: '6fbc9231fadec9aa7d9bcea47a05c01d5e094f15', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '551094d373c87c63424bb7b5de1545af3c3b922d' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -124,8 +124,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '6bf1dded894b9382b71146ae5a0465308f68ad24' }, h("gux-popup", { key: '27adba7de5bb4a24c2ee5fc6390776bf70862484', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '0c170d5c4880e3727dcf25c06c490dc34390baee', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '732c1cc18d8fe2ccf719b2bd01c39c1204cbc61c', accent: "ghost" }, h("button", { key: 'ba31c6798868884b53e5517b4af1a1cc0465a54d', 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-screen-reader-beta", { key: '72f174c5762a0fb71a416c46dc49b5635028f068' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'ccbb8956af52d338731ad4fe3c2954d4df6eca78', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '392bd0f492eae53922c1c8117d826be892e03535', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'e9e82dc1deaabbce994df45873ce4fdc5a557712', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9a7b3defb1fd59b6dad1e969ecd658728d18a2e3' }))))));
+        return (h(Host, { key: 'b293086fd9606996f1441f5795ce3f2c0ce46502' }, h("gux-popup", { key: '3f018bb52789b95f17f8596d099374d63f54668d', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '6822a8af68e110ea7228e81014eaa6bd97693f4e', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '6062d13a61124da311c79aad2f85a66f20dff087', accent: "ghost" }, h("button", { key: '42a25deeeb6ff9e1bc5a3942c41155ae09cf33ab', 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-screen-reader-beta", { key: '389f1d5cef19ca9bcefa99f011cb5f49df4a4f9d' }, this.screenreaderText ||
+            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: '83d2a3023e0489a0d9de451de2208cf697f6c060', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '03a73c6e6d4dca43dc0fbef16067e882df92cbfb', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'bf14f3cef076081157073a392ab4306f2599b37d', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '0c99c540fcb222c1e9b9451defed472c39bf0e9d' }))))));
     }
     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

@@ -52,7 +52,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '1592818b2015620fd238f12d6fa106116a2e9761', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '30bec5ad4cb71ac0b6b2a8e70e16560fbdaf244f', class: "gux-copy-content" }, h("slot", { key: 'ada4edc6d77df5166fce89d552252ad5eea927c2', name: "content" }), h("gux-icon", { key: '25e6862f0c01542570d9493bb08c3cc3da4ebc4f', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        return (h("button", { key: '8a0c33cfb9cdbadf58f7d973e37ea55201d57889', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: '50122ee2295834fb541a2b8c4bf0c19bec5f0efc', class: "gux-copy-content" }, h("slot", { key: '5ebbd22fb3691411789997bc39e5f73804de5817', name: "content" }), h("gux-icon", { key: '45980c305a0c124618277dd5cf75959b6cc95f4f', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -555,7 +555,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: '87ba4fb1f5dab50e710194e0a083729097ce5c23', class: {
+        return (h("div", { key: 'f87e2f70d811273912f9b59f92ff80e883967d8b', 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: '52a32d2f44a4ea6d98c7978aae6cdcd6e23ddfb7', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: 'a8ffb4b56976c567f5ca5a1ec87227b52cedf758', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '1a291cbdbee48b4c20bf4651bc30d875c35f9da0', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'e47fbada9557f20098c5304452fc607f174a9ea3', class: "gux-icon-container" }, h("gux-icon", { key: 'b3872a8afe53a3c97adfd5071e6657c92fb234ab', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })))));
+            } }, h("button", { key: 'bc4c58debb7724169393a3190b86897e00624a91', type: "button", title: this.i18n('dismiss') }, h("div", { key: 'd364a25af3774c9a5b1b875f67b5c079e9896ce6', class: "gux-icon-container" }, h("gux-icon", { key: '19a11178f5af1077843821b011c10f15004bc474', "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

@@ -368,7 +368,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: '9e7bd1a3ef412ee6ac9548e1822e7ae1c75808b2', 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: '1132809cbe653cbcc917a87ce921448e6e135bdc', 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

@@ -36,7 +36,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '4a4ed523b1fa1d5b0b13392febeaec12ca1355de', class: {
+        return (h("div", { key: '70d16b8aca11082c935a127018de2c3c54d302f1', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));