genesys-spark-components 4.82.0 → 4.83.0

package/dist/cjs/loader.cjs.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 const appGlobals = require('./app-globals-3a1e7e63.js');
 
 const defineCustomElements = async (win, options) => {

package/dist/cjs/{on-click-outside-6db914c3.js → on-click-outside-a38fafee.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 const OnClickOutsideOptionsDefaults = {

package/dist/cjs/{on-mutation-3d294d15.js → on-mutation-c819498e.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 function OnMutation(options) {

package/dist/cjs/{on-resize-da1477df.js → on-resize-15b449e5.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-7fb02c8c.js');
+const index = require('./index-9fe2464a.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 function OnResize() {

package/dist/cjs/{usage-b92ab3f5.js → usage-b34c8cf8.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.82.0";
+const version = "4.83.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -19,7 +19,7 @@ const scripts = {
 	"copy-genesys-spark-utils": "node ./scripts/copy-genesys-spark-utils.mjs",
 	predev: "npm run i18n && npm run generate-gux-icon-types-file ",
 	dev: "npm run stencil.dev",
-	eslint: "eslint --fix .",
+	eslint: "eslint . --fix",
 	"generate-flags-sprite-file": "./scripts/generate-flags-sprite-file.js",
 	"generate-gux-icon-types-file": "./scripts/generate-gux-icon-types-file.js",
 	"generate-start-of-week-file": "./scripts/generate-start-of-week-file.js",
@@ -71,7 +71,7 @@ const dependencies = {
 const devDependencies = {
 	"@babel/core": "^7.25.2",
 	"@babel/preset-env": "^7.25.4",
-	"@stencil/core": "4.12.6",
+	"@stencil/core": "4.19.2",
 	"@stencil/react-output-target": "^0.5.3",
 	"@stencil/sass": "^3.0.12",
 	"@types/google-libphonenumber": "^7.4.30",
@@ -80,16 +80,14 @@ const devDependencies = {
 	"@types/puppeteer": "^5.4.7",
 	"@types/resize-observer-browser": "^0.1.9",
 	"@types/sortablejs": "^1.15.8",
-	"@typescript-eslint/eslint-plugin": "^8.5.0",
-	"@typescript-eslint/parser": "^8.5.0",
 	"axe-core": "^4.10.0",
 	"axe-live": "^1.0.1",
-	eslint: "^8.57.0",
+	eslint: "^9.10.0",
 	"eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-	"eslint-config-prettier": "^9.1.0",
 	"file-loader": "^6.2.0",
 	"genesys-spark-tokens": "file:../genesys-spark-tokens",
 	glob: "^11.0.0",
+	globals: "^15.9.0",
 	handlebars: "^4.7.8",
 	inquirer: "^10.2.2",
 	jest: "^29.7.0",
@@ -114,6 +112,7 @@ const devDependencies = {
 	"resize-observer-polyfill": "^1.5.1",
 	"rollup-plugin-copy": "^3.5.0",
 	"semver-sort": "^1.0.0",
+	smob: "^1.5.0",
 	"spritesheet-templates": "^10.5.2",
 	spritesmith: "^3.4.1",
 	stylelint: "^16.9.0",

package/dist/cjs/{use-regional-dates-34243a86.js → use-regional-dates-44835a16.js}

@@ -71,8 +71,20 @@ function determineDisplayLocale(element = document.body) {
  */
 function browserHasRegionData(localeString) {
     var _a;
-    return (localeString.length == 2 &&
-        ((_a = navigator.language) === null || _a === void 0 ? void 0 : _a.startsWith(`${localeString}-`)));
+    return (browserLocaleOverride(localeString) ||
+        (localeString.length == 2 &&
+            ((_a = navigator.language) === null || _a === void 0 ? void 0 : _a.startsWith(`${localeString}-`))));
+}
+function browserLocaleOverride(localeString) {
+    var _a, _b;
+    switch (localeString.toLowerCase()) {
+        case 'zh-cn':
+            return Boolean((_a = navigator.language) === null || _a === void 0 ? void 0 : _a.toLowerCase().startsWith('zh-sg'));
+        case 'zh-tw':
+            return Boolean((_b = navigator.language) === null || _b === void 0 ? void 0 : _b.toLowerCase().startsWith('zh-hk'));
+        default:
+            return false;
+    }
 }
 function getFormat(locale) {
     const date = new Date('July 5, 2000 15:00:00 UTC+00:00');

package/dist/collection/collection-manifest.json

@@ -146,8 +146,8 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.12.6",
-    "typescriptVersion": "5.3.3"
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
   },
   "collections": [],
   "bundles": []

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

@@ -58,7 +58,7 @@ export class GuxDropdownOption {
         };
     }
     render() {
-        return (h("div", { key: '87dfbdeba1562f79013d022fee44c22ccf92d079', class: "gux-dropdown-option", title: this.text }, this.textWithHighlights()));
+        return (h("div", { key: '36e1ac2860612da7e5f7b4a1622e3cfaa03a7e5f', 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

@@ -70,9 +70,9 @@ export class GuxAdvancedDropdownLegacy {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'ee5c16f4c77893a49fdcfee110f55f87d0d2aa10', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd73c0142821e13a834f43ac5d554a21207e81f12', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '244aa0d713714afa58a3154516eaef22dfe06be2', 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", { class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '3b958f37d8aaa0ba10c10a6ab8f7bc8b5f7270c1', class: "gux-icon-wrapper" }, h("gux-icon", { key: '22118096f927427a4bcec513a99f64b41db6e27b', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: '0ee259c181476fa1d025bb1b7b806fab01e63aee', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '296623604068b59f4e3d4fdd254980a393938500', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: 'f43cee08b92052631e282ded496b04944c11d6b8', "label-position": "screenreader" }, h("label", { key: 'ec6d17e7015a1c6ff4accdc0fb056bfd05c90daa', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'f56f7a3f51e1250e33f209dab8ff56d9eae1857d', slot: "input", type: "search", onInput: (event) => {
+        return (h("gux-popup", { key: 'ee5c16f4c77893a49fdcfee110f55f87d0d2aa10', expanded: this.opened, disabled: this.disabled }, h("div", { key: 'd73c0142821e13a834f43ac5d554a21207e81f12', slot: "target", class: "gux-select-field", onMouseDown: () => this.inputMouseDown() }, h("a", { key: '244aa0d713714afa58a3154516eaef22dfe06be2', 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: 'dc0b57749111c9669aa0c2ffaade0725a7248a53', class: "gux-select-placeholder", title: this.placeholder }, this.placeholder)), this.value && (h("span", { key: 'b68334ab57d49c1272f3f45788643f95c4fba3d3', class: "gux-select-value", title: this.value }, this.value))), h("div", { key: '767c891def8f989a9a65810734e0c5563463451c', class: "gux-icon-wrapper" }, h("gux-icon", { key: '5cc7199ca49a1f3a437bb9925d06ea7a0a5574d1', decorative: true, "icon-name": "custom/chevron-down-small-regular" }))), h("div", { key: 'b8ad4b1c20b3f710d9134a514c0873d5207e6e99', slot: "popup", class: "gux-advanced-dropdown-menu" }, h("div", { key: '626f236c6be21b5941110be7167496a89ddf148a', class: "gux-dropdown-menu-container" }, h("gux-form-field-search", { key: '9ca1b73419e9b34d30e073e88800ea05054f1f1c', "label-position": "screenreader" }, h("label", { key: '3cdcf80eebb02572b853e9508f12b5f7422baa1c', slot: "label" }, this.i18n('searchAria')), h("input", { key: 'bdaa57712f58868af0036202ff3e7a690f6ab9be', slot: "input", type: "search", onInput: (event) => {
                 this.handleSearchInput(event);
-            }, ref: el => (this.searchInput = el) })), h("div", { key: 'a36196b823ce3ae0d9f047c4d0fbfd3caa7b2485', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '1aa13fb4de321eb9db0a6275b8cb7736ef55d34c' }))))));
+            }, ref: el => (this.searchInput = el) })), h("div", { key: '247587c21dbc641349fa43be774373cc2b5f01d9', class: "gux-dropdown-options", style: { maxHeight: this.dropdownHeight }, onKeyDown: e => this.optionsKeyDown(e) }, h("slot", { key: '965c438738384011cf8a0793be1298145b23649a' }))))));
     }
     updateSelectionState() {
         this.selectionOptions = this.getSelectionOptions();

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

@@ -38,10 +38,10 @@ export class GuxDisclosureButtonLegacy {
         this.updateIcon();
     }
     render() {
-        return (h("div", { key: 'd4cf78dc26eef57625918a02c753d8bc1f39388d', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '5de783d08ecd3d2b5a514dc527d31bfa20e89b9b', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '7fe6bb8c48b76ac51a3fc2a99b8df8e0e5073538', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '272f9d2e98f365cf34e64e6e8ec370dd69ae74d3', id: this.panelId, class: {
+        return (h("div", { key: 'c86ca154ee39b542f054dd8b74ff2656d1f1f4d0', class: `gux-disclosure-button-container gux-${this.position}` }, h("button", { key: '22314053c0f38be9611b79abebec2275a6239841', class: "gux-disclosure-button", onClick: () => this.changeState(), "aria-controls": this.panelId, "aria-expanded": this.isOpen.toString(), "aria-label": this.label || this.i18n('defaultLabel') }, h("gux-icon", { key: '98236cc2f4de533a0fdd67647310f6e8acde7e28', "icon-name": `${this.icon}`, decorative: true })), h("div", { key: '695f34e38ef7e0815eef143419c138abd327a364', id: this.panelId, class: {
                 'gux-disclosure-panel': true,
                 'gux-active': this.isOpen
-            }, role: "region" }, h("slot", { key: '1969b3b2e089f04a00f85d372edc506eb225b045', name: "panel-content" }))));
+            }, role: "region" }, h("slot", { key: 'a095f40d6bfa57f03b260272ce8c6a04be76ae77', 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

@@ -42,10 +42,10 @@ export class GuxModalLegacy {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const hasFooterButtons = this.hasFooterButtons();
         const titleID = randomHTMLId();
-        return (h("div", { key: '8715204fccf960ca1fb74d27fe003e87f8af4ce3', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b43fd1c8c63da830dbbf189a826bcabb3afd4356', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" }))), h("gux-dismiss-button", { key: '3ffdbf03ab11c6cb9ac7521edc26284079d1e30a', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'e1aab231363e27889e0f78f77894ae99ada050f9', class: {
+        return (h("div", { key: '54ee2ee20bdc7eb565ec7c301846fe95c0701b70', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'ebcde8e545160eef0fe351691e414de7d1fe1de4', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: 'bd6f5052a0086079dab553f44fbd4e616191b1e9', class: "gux-modal-header", id: titleID }, h("slot", { key: '79b0d5ef17b1f21dbfcef0c2afb5c04f1cd4decb', name: "title" }))), h("gux-dismiss-button", { key: 'f1baf7b60b9be89ac70bee95945241d1bc268c45', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'de367243bc1c73bbb4f118a8609a6caa735e7924', class: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '6325a62add1685bd8ff5c0463c509f3b5630a82a' }, h("slot", { key: '7eb7a6c260f8f33a4ec63d1d5f12be16e2e35d15', name: "content" }))), hasFooterButtons && (h("div", { class: "gux-button-footer" }, h("div", { class: "gux-left-align-buttons" }, h("slot", { name: "left-align-buttons" })), h("div", { class: "gux-right-align-buttons" }, h("slot", { name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, h("p", { key: '1ce53978aa345c27ced2b8593fda10633c17fb72' }, h("slot", { key: 'a88703c6156de6438eb9f744a1f08b27f5a70df8', name: "content" }))), hasFooterButtons && (h("div", { key: 'c113dbfb5cda799baa88b4897447349986ced875', class: "gux-button-footer" }, h("div", { key: 'ffbf55412737f83baa35b8c6be7ff494bf5a2026', class: "gux-left-align-buttons" }, h("slot", { key: 'd3a7dce0768d19319bbd60e97c22e54fd8538dd9', name: "left-align-buttons" })), h("div", { key: '8f53d0ac415ee4d21496f377c251d4a729fd4daa', class: "gux-right-align-buttons" }, h("slot", { key: '3008447b6e0e490bf1d008cdf87197a021cb4239', 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

@@ -13,7 +13,7 @@ export class GuxNotificationToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '42fea12c624cff99eb32eb97d0d8988af0710b7c' }, h("div", { key: '079a2d0b0520749cf037d821de2df7aa472fdb99', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'd20bffc4c8f4b0c327357ce1593c32e6f14b9745', name: "icon" })), h("div", { key: 'd673d8c93885462bae7fc8dd27d5331e587ec475', class: "gux-content" }, h("gux-truncate", { key: '4fe6dae7089867487080a991a77b45aa92217ab3', class: "gux-title", "max-lines": 1 }, h("slot", { key: 'eff754d04bfd86d23f38a8a5b189609ef620a0d3', name: "title" })), h("gux-truncate", { key: 'ba0de748f9cd7d4db724559e8a36d4b2814315b7', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'b9e086c92cab5e12e3b41e5d3ea00af628115517', name: "message" }))), h("gux-dismiss-button", { key: '4fc79b884d9262f2965b97e8410e3cb24e234ef1', onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: '9121345ad03d84b4bc6f1a19b9fbb9cb3ce4351f' }, h("div", { key: 'ab52d6b49a24fd45148d03a46916a69cb56ca6b1', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '4c29663aedf7bd420c7dea0501c2d99bc511faad', name: "icon" })), h("div", { key: 'e8354589fe2d93242f497dd2501fef46d8a0ac67', class: "gux-content" }, h("gux-truncate", { key: '4ec00baf0c4f5e396e0da05449873f1234755cd4', class: "gux-title", "max-lines": 1 }, h("slot", { key: '0e8af2e96d76c47ee3629db502b7af5b9204c4ee', name: "title" })), h("gux-truncate", { key: '7c5059fdbc0313ad6f0092906a5ad23e26723ca1', class: "gux-message", "max-lines": 2 }, h("slot", { key: '9acab5142ece228e1a833e4fa9fd4ca35164c33e', name: "message" }))), h("gux-dismiss-button", { key: 'a8115319b6d30683d09cd71b07dec55cbdb7421c', 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

@@ -71,7 +71,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'b036026ff72525276d1eb0e2df07c000e9f5d863', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '6e7f043b1fe89016cd35a38725175ccfa72ed253', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6558b856ecffa0ef1dccc9520d008b6413b8f100', accent: "ghost" }, h("button", { key: '9b9f9a006e5123f8ebb8b01fde6084ef984840a9', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '7564b44a62bc5dcf663d28cbca5111b45da2264a', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a7f27315bc115c75d5431e8b130db20df060bd85', accent: "ghost" }, h("button", { key: '5b4b745275d438ba13a3ef57b5cbb885832fbf75', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'ab7d7733d7936aef3d60aa536be821659849b287', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'dbdae4b43c9c6798141db7ce8101f6e8eb82f109', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ca798410745fc72d5b2398ceda482bafac50c83a', accent: "ghost" }, h("button", { key: 'a7d2d4feda3ca47014b4a87ae0031c40cefffc88', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '097f29b2116826ea0cefc7371406d8e3f5e9db0a', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '485c6d3aa4d1669a14828ad8aaabb6e85b405496', accent: "ghost" }, h("button", { key: '12338829bd92a26245e468b41feed4551424c65f', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f876f23ce79afe65d6e08232a6a80555b081971c', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'a6243a420c5cb05109f686297d3990267d5ef619', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '8480be886e567ca8bf1e66da80549d6a0d3b6f1e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '11acb2de2fc86deee8ee16dabcb7f67ae9a91cdf', accent: "ghost" }, h("button", { key: '59d9ba8074617e133b9dca156f4610fce776996d', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c41f5fdd2146462eb63ceafdf0571a3814211770', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '971950a291ae5007e21948f4aa664da0c5c2d20a', accent: "ghost" }, h("button", { key: 'f7c1e1e8343599717b676869c134618e9ecdbcd4', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '583a8b5bca736dc5e1dac6a42deed97f0718b796', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: 'bc3c6cfb6eb78d95262251ec8731a4f35947faff', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ae68c4d3cdd00ca47ef28b9c0a300a8a7446f3ef', accent: "ghost" }, h("button", { key: 'f963831002dc9db82ef074ad1b55a023ebb00333', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '4da4e3848ef2215163bca0c98d824e2ba3b5107b', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1b8df17972a5ba207c26c4eab99020c64867d819', accent: "ghost" }, h("button", { key: '32667238aa61ff20875b090eb378b7f60e68a921', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '487abfc5e2170b1b425da0ffe7e3ef64886528e2', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons-legacy"; }
     static get originalStyleUrls() {

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

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

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

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

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

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

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

@@ -12,7 +12,7 @@ export class GuxSimpleToast {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h(Host, { key: '9d00b3be8cc57c63919109efd3869ba254ebd88a' }, h("div", { key: '5335d3bc3094194d59aeb84d5f71f137a2cd1046', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '454085b6312cdf8543ada2d62d6e28246b579f55', name: "icon" })), h("gux-truncate", { key: 'b60b024e58529228ec6f18a593281b1e013adca9', class: "gux-message", "max-lines": 2 }, h("slot", { key: 'ea182b72f7bdc7706c7ff186064a9a1ebde965a4', name: "message" })), h("gux-dismiss-button", { key: 'b73cff829a218aeed21aed12cc10a9fed590e350', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        return (h(Host, { key: 'faeb7f140b5a9907f15dc7abe28504e65539bdc5' }, h("div", { key: 'bee42f5ab2cd9144be530bc45bcba284ae56f2ce', class: `gux-icon gux-${this.accent}` }, h("slot", { key: 'ae8f3a59fdcef11a263184a810b3bef6ad9bf039', name: "icon" })), h("gux-truncate", { key: 'd2d38f4bef47de31b02858be6100456d26e1cf46', class: "gux-message", "max-lines": 2 }, h("slot", { key: '31b94f13bf81b1c2c591c8ada7a4b6a275da35ec', name: "message" })), h("gux-dismiss-button", { key: '3b1ae0022e06b05f338719649df7524832247d5d', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -14,7 +14,7 @@ export class GuxSwitchItem {
         }
     }
     render() {
-        return (h(Host, { key: '0d97802edaf8aac2ad3ba0167ffc4b07731525ad', class: { 'gux-selected': this.selected } }, h("button", { key: 'e76b1585b52ab42b9b0bbf5e2f58cff9287293a5', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: 'f925baa7c140a48813cc94bb5dad6f806577872f' }))));
+        return (h(Host, { key: '6e159ebd8385899b265f72304b322f30ba67eb24', class: { 'gux-selected': this.selected } }, h("button", { key: 'a2944357aed5b638b72773cfa61fc4a0403e88b7', type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '36ac5c60669149a2275c990280354275b58065c0' }))));
     }
     static get is() { return "gux-switch-item"; }
     static get originalStyleUrls() {

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

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

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

@@ -44,20 +44,20 @@ export class GuxAccordionSection {
         this.hasIconSlot = !!this.root.querySelector('[slot="icon"]');
     }
     render() {
-        return (h("section", { key: '1ed07508ba53ac2d36123f0087ccba3d87e942bb', class: { 'gux-disabled': this.disabled } }, h("div", { key: 'f003f9e6a03009e3de0e1f186fc1e62c5664f468', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '4c23181b16adbb94655928f6efd305502c1637a8', class: {
+        return (h("section", { key: '74b6698435d09c5e2edaa317894edec8a530611a', class: { 'gux-disabled': this.disabled } }, h("div", { key: '9a66466592d0a8d6fcbdd6d59f176312fc588e44', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '7993a5161d82b7ddb9de1d15d47f7586c5482ad9', class: {
                 'gux-header': true,
                 'gux-reverse-headings': this.reverseHeadings
-            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { name: "icon" }), h("div", { key: 'd1805f9a33d34942c17361c0b56cc0149b852461', class: {
+            }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && h("slot", { key: '25713267cdb169a5fe0d824fde324cf082aacfca', name: "icon" }), h("div", { key: '6add7215ea7104353c6eddc5ba05fe3bcd5c25a0', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '4b6d507356307d0c2e632b80ba17304b093657ae', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '0588e85a8612ec12e5f5675b83449567e43fef53', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '7046322c3d8adf48372be62318dd24466c30f81d', class: {
+            } }, h("slot", { key: '0956d79b0352213f9e42828d551850ac8473fc30', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: '8059013b1895be1f76bd1c021ce16ec4c116aaaf', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '2c5102f896a089c1e53bca2bf21d3bf2dfcb7736', class: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: '9328fcf4913a875e79177e57efb2058edaa77bda', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bd84c6fc7e5a5d57c96b930d89dbe8abc56e6e1e', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, h("gux-icon", { key: 'e2ee822f08fe9f4247896b8d9a3a27fd23ee26c6', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'a20da5b716b908598a2d5f50a3b8cd1d0406301f', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: '1755b49c0f0e65af27cfe8cb3a362b63d9a92bf2', name: "content" }))));
+            } }, h("slot", { key: '09a5895fcb817f30838c16bc975464569150d6f2', name: "content" }))));
     }
     static get is() { return "gux-accordion-section"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -116,7 +116,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'c1408579edced9e9f3c1b829b4cb808d5e9b9b9e', class: "gux-action-button-container" }, h("gux-popup", { key: '7a4b2c56a76818ea8500ad12dba190b62c5361b0', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: 'f5b5e49b12415aa43eec4d682af9eb1d0fb03061', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: '1ddcb367eeff792114d0abab3e36ffc53a592701', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '06ab70d274f1880c33d3a3c4af401123fd4bcbb0', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: '97d69f03df222cdb90b88cb77e95940f8436e48d', name: "title" }))), h("gux-button-slot", { key: '76bd0c828dc11b94167e724891c96038366d2c92', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '9b6666d19923a4e98b8c6f20c5f892d775f9b4d9', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '6183de703a1a9439ff46c6fca659083fc52214f8', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'f5125fbf4e74c7e253c435b5c056f3d048930955', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '67f19e15f9d44a30f6aa572ed0cc4959dd5c15a3', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'c47852567cb25b801a2a58c646b1252a24324c42' }))))));
+        return (h("div", { key: '6ddcba4924dfedc3214c34ff2b1b0c02b896aa89', class: "gux-action-button-container" }, h("gux-popup", { key: 'e0ec31739c588fd5406a250fb1dd55926debb322', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '78d08a590d6a22d5c0bfaca1d05f6bfbc149e4cb', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'a49f468fa8b7e5942cafd1dfd5930cfb0270299f', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '93b1c251d3ca226ac809f47100ed211c48313980', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, h("slot", { key: 'e688794838173c12210ed0af28c216544f7e7158', name: "title" }))), h("gux-button-slot", { key: 'ca63abb681212fb721eaacef3831a1945a05a26c', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '2b69b963ac164128df0dec4de997ae1e348b49c9', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, h("gux-icon", { key: '89819f60a6f61d35ca2668cbba60d8b61a1d838a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '6733338ac23a0f88a3d31defc9e17e12fe57d5ef', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '1e649cf1a770bfa59dde175a8bbcd25857a9d3d7', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '9eda4b80054a2fd335d4727e526ee8a3d02e7d03' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

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

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

@@ -35,7 +35,7 @@ export class GuxBlankState {
         this.hasCallToAction = hasSlot(this.root, 'call-to-action');
     }
     render() {
-        return (h("div", { key: '60b9053b2eb12387cd682732a2c51711fd3310f6', class: "gux-container" }, h("div", { key: '9c0e56560bf5b8bdce0695dcab7378f1075b7c85', class: "gux-image" }, h("slot", { key: '2f8769cc0b2f3fe90ff5f1f6e5b0d3a91a6c7b4b', name: "image" })), h("div", { key: '8bbe882159ae9c353415e855317f6cead6a2401e', class: "gux-message" }, h("slot", { key: '17dab6997720511fb33b6fecefb6a94a6f8fd32b', name: "primary-message" })), h("div", { key: '202a1508cd888dfdd099da918230259b09d5da79', class: "gux-guidance" }, h("slot", { key: '7205e5f9deae1f1cee7670da7bd2b2951cee3846', name: "additional-guidance" })), this.renderCallToActionSlot()));
+        return (h("div", { key: '254441873ee0abf26d07d86c0ff8d5088e20af3e', class: "gux-container" }, h("div", { key: '20407d4a5b30eb1eaf708fca4e2ff88c42b675ad', class: "gux-image" }, h("slot", { key: 'c4cf1bf58136803b63dd1a5b84a4b2be0fc54f03', name: "image" })), h("div", { key: 'eff3d73f052dc07a3102b0b135d2109cc39c7d6d', class: "gux-message" }, h("slot", { key: '75dc59294d001562307f4cbd9989fdbb34acfe3f', name: "primary-message" })), h("div", { key: 'c886609987a4837739b4de66b8300b107909328f', class: "gux-guidance" }, h("slot", { key: 'a797a544aba20ad2d3c123d9c746f3a004dff711', name: "additional-guidance" })), this.renderCallToActionSlot()));
     }
     static get is() { return "gux-blank-state"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

@@ -103,7 +103,7 @@ export class GuxButtonMulti {
         trackComponent(this.root, { variant: this.accent });
     }
     render() {
-        return (h("gux-popup", { key: 'f3f420db93ea266a7aa1746e255d5bd7b004554d', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '1a058d1e3e61c01e6631894023b0f75bbd924054', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: 'b70ff83cb6e5f88c5fb998cb025f8559f67840b1', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: 'cb3ec04ddaec97d2ed9cc027ed4f747928562324', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'd7a0779fc1c00c1ef1753da06673b68b845d5a69', name: "title" }), h("gux-icon", { key: '8ad04259c5d45b1460eb82dec7b0a580ad2ceb1a', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'bff9da84ee30ed492a44a2e5737af7fdf0d6ce6b', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '9a0295f7ad34362b341095912e12d087994654ac', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a7c09fb86803d390a21a106e9afd1555358b3d07' })))));
+        return (h("gux-popup", { key: '8e419baad644a9be505b21e035aad20bc12329e0', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: '42661fad38d139edcc9a1047295f4585039a92f0', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '075dcab6ce9658ff658e3dbda228af8d4be7467f', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '1977e4a4b32038b7865a314146ac62daf56fb928', type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("slot", { key: 'd3d2fb4d9234fbee37dc305bb9fc44f95d80b18b', name: "title" }), h("gux-icon", { key: '8375ddf3638ff596d60bdec30b64c74c1234d8de', decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: '2e892d919b075cd97e45cdb7c39221b111de29dc', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '347bab5c297ccf54baf433e5a9fa5d882056faf1', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'fcdabae8844cfcc18a38d100d7a67e87ba7947a3' })))));
     }
     static get is() { return "gux-button-multi"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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

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

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

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

@@ -128,14 +128,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '2bb4ea21fc5012004432569cabaa49279967979d', draggable: "true" }, h("div", { key: '4799c5a26f38565b36307fef017f024fc210f02b', class: {
+        return (h(Host, { key: '5f78448224d699382c613e4967793af115acee53', draggable: "true" }, h("div", { key: 'bfb206922c32cfc86e1ab9d58bbfbd964993fe38', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: 'a303cd9386a4d5a8e616ec192a709397e2da5b3b', class: {
+            } }, h("button", { key: '29f9dec15ed10934894afba83f66f0fba94d1ba2', class: {
                 'gux-reorder': true,
                 'gux-reordering': this.isReordering
-            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: 'f207fd6ffdf402e157688c30444264dbfb53a1fe', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '0b2985784e3f1c9b65d71375784ed3c42154b571', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'e632ea7e95a7a597b961c43f140434b046530ecf', class: "gux-select" }, h("slot", { key: '97d48b3606f4e03d7c44e1e386b95a5f328c3a06', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'a5c48efa350c3351cef3fcd324e5d7574c9e3cca', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
+            }, type: "button", onClick: () => this.toggleReorderMode(), onKeyDown: event => this.keyboardReorder(event), ref: el => (this.reorderButtonElement = el) }, h("gux-icon", { key: '8a86b73119466abf7b9bdf44ff6d8cbc6c07fb44', "icon-name": "fa/grip-vertical-solid", decorative: true }), h("span", { key: '688e1ee0d67223800d062c6f0a2782e527e63968', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: '4c915195cc11d21d657ebf4f76f0e30cd20e7f3b', class: "gux-select" }, h("slot", { key: 'd5e0e53225d2c9264b3acc1c4c276e69eb54ba47', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: '3a3a5d6d8167f3000d248d9ce4de9fb084bc5080', highlight: this.highlight, text: this.text, strategy: "contains", dimmed: !this.highlightActive })))));
     }
     static get is() { return "gux-column-manager-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -89,7 +89,7 @@ export class GuxColumnManager {
         return (h("div", null, h("span", { "aria-hidden": "true" }, this.i18n('selectedColumnCount', { count, total })), h("span", { class: "gux-sr-only" }, count === total ? (h("span", null, ": ", this.i18n('unselectAllColumnsScreenReader', { count, total }))) : (h("span", null, ": ", this.i18n('selectAllColumnsScreenReader', { count, total }))))));
     }
     render() {
-        return (h("div", { key: '762fef70a362de118cacf114ed1324197d5f1519', class: "gux-container" }, h("div", { key: '6156e8ff80d6bf05faecda20ad4266e293ab062e', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '5fd3f746feaf290a5f151f5e1eb2bb98b557192a', class: "gux-search" }, h("gux-content-search", { key: '5417baee3b315739bcf52edbd4aadf9bfda1bef6', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '6e1ee9fcedf6be3dada4137604b67778a05a4a93', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'cae4df566baa5ae606c2eaae0f68e45b02203472', class: "gux-select" }, h("gux-form-field-checkbox", { key: '19dfe5fa43e4ef15b24a097eb41ea99bf45db0b7' }, h("input", { key: 'e093500e832fc9237105d4b5f0577ae79e0df412', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '35cddf03d313b075fe07815eac36bb07140d2691', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b3255d0dc4666be65fee8a0bcd95eb15bbb53856', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'bfc566b3c891e0874228b5dd58d51dccf1292877', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '55776cd099a5121e983a5abcd914cddeec2de5f3', ref: el => (this.announceElement = el) })));
+        return (h("div", { key: 'daf90d23ce5f11f2d370bfc9d83fbdeeb29a0889', class: "gux-container" }, h("div", { key: '8fd77ca38f5903d81897a705a4466edf676da481', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: 'b5cbabcf5999a3f566b0425bd0531713bbb671d6', class: "gux-search" }, h("gux-content-search", { key: '59a0b2c694434ce42b3a193a85966942e42a5848', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: 'b741c081072bb2a0576d1dba0d24729d0e5ac85e', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: 'eadfc9285283da226b33cbbe039e33ead748e030', class: "gux-select" }, h("gux-form-field-checkbox", { key: '3de970296c09ad4b0e5b2df9f494189083f82d39' }, h("input", { key: '45825441d53b786122917f935c8fabc0aaaa5347', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '985cb6788363595904c56e444abf96458da5e4b6', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: 'b77c01091b9ea5792bd772539b3b80d1100f8def', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: 'e79a7e4c9609f4a776f73391661310294f9ce77a', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: 'aab5f007f481e3c158ba3c5f677a1692dcfd5968', ref: el => (this.announceElement = el) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,10 +46,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: 'f2c204a5d97d25d321cfbea46261a28776c904d8', class: {
+        return (h("div", { key: 'fef06863d22d958f0f8f480676e367f12318b19c', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'c3c74ceb6543826009b8abf84f1cde3cd777db05', class: "gux-search-icon" }, h("gux-icon", { key: 'b6a103f01f86779bdefd0b291a50f02aebb8ece2', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: '56d95eb42952233f19fddcd22f3cd36798231f9b' }), this.getNavigationPanel()));
+            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: 'fb6d1378037b6afe85c8308f1c627e87a692b66d', class: "gux-search-icon" }, h("gux-icon", { key: '7b4a0a4c06f32a5f5a6745ae7d389263aafdb011', decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'c2025793b2211750d0274f4f55d20f7de9fb6b3f' }), this.getNavigationPanel()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -107,8 +107,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'd37b84dd28ee2bd9f5f0fee1361ea15343b56092' }, h("gux-popup", { key: '8ebc1d9ef83b73ae4e65b9c7f347948d6bd36651', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: '64d1d7d1734028e249c819277edb595013290b28', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: 'b4640a7b69b5d1cc54c94dd5732b604c2d77387a', accent: "ghost" }, h("button", { key: '4ffc0aad6be25418e8a856318c181424d53babf9', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: '3abef42018f24fe63af299aa800070ae42531f54', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
-                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: 'bcf277ea0dd972fd9005feefa8564eaf866fb10c', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: 'a0f0fbe075e5d1c116a07e581d7d4c56295992ba', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'dc948842b7dd00d27d3692197377cd2430b08dda' }))))));
+        return (h(Host, { key: '77a15f64c03a59b3b1d019fcafd38ebcbb5e530d' }, h("gux-popup", { key: '29475f2535fbaf1bdb4b6cfbbfcc7543ef16b8aa', expanded: this.isOpen, offset: 4, "exceed-target-width": true }, h("div", { key: 'ce880d5a7ab2da29687748cbcb63a4076496dc22', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '0cedacad52253441dcae2b26859c8c5640b35750', accent: "ghost" }, h("button", { key: '542c161191b5d5057af2f0a2b49d4280a2c2293f', type: "button", onClick: () => this.onButtonClick(), id: this.buttonId, class: { 'gux-compact': this.compact }, ref: el => (this.button = el), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), disabled: this.disabled }, h("gux-icon", { key: 'ff66a2c99687cb244b443cf1fc4646904629f843', "icon-name": "fa/ellipsis-vertical-regular", "screenreader-text": this.screenreaderText ||
+                this.i18n('contextMenuScreenreaderText') })))), h("div", { key: '121c12498c435aff8a99a4a2858dba22876466a6', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '9982173f4aafbcf12780d2a46aaa2040695839fb', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '46dfd69b18277889c391bef912321aba190ba51e' }))))));
     }
     static get is() { return "gux-context-menu"; }
     static get encapsulation() { return "shadow"; }

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

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

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

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