genesys-spark-components 4.186.1 → 4.187.1

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: '527507413753622ec0b7f3dfed8916ac08d1e260', class: "gux-modal", role: "dialog", "aria-modal": "true", "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bc6854785cb4731a55cb9dda9386bfd3d339f633', class: `gux-modal-container gux-${this.size}` }, this.renderModalTrapFocusEl(), hasModalTitleSlot && (h("h1", { key: '05489788536a33ba53b372b0302ba15e2361b58a', class: "gux-modal-header", id: titleID }, h("slot", { key: '54d2f3707513c1b84c6cd813aa4638e3045676ee', name: "title" }))), h("gux-dismiss-button", { key: '52af378c804a04204b5991b92da1e12668ca93ef', onClick: this.onDismissHandler.bind(this), ref: el => (this.dismissButton = el) }), h("div", { key: 'c60f7060d8b0f0c0dda66b2cfc772db50e10e0d6', class: {
+        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: {
                 'gux-modal-content': true,
                 'gux-no-buttons': !hasFooterButtons
-            } }, h("p", { key: '70a5d1c13c35ce1457e632d7f1a2395f35e2ab2a' }, h("slot", { key: '4c49a8fec8a3692ffd90aa35a25a5696f8ca7cef', name: "content" }))), hasFooterButtons && (h("div", { key: 'fad2aa306ba5c9da2d368835f691543948e4bb17', class: "gux-button-footer" }, h("div", { key: '0392fa1027e5c5e67f22c72aae46a53bcf0d711f', class: "gux-left-align-buttons" }, h("slot", { key: 'c82936fab005fd0a1ec6e171e1891529aaed072a', name: "left-align-buttons" })), h("div", { key: '0520e31db929134210e19f077a512df7fc01b8ad', class: "gux-right-align-buttons" }, h("slot", { key: '360485ffb3f3d8e35635c9b07094f60c4c08c33f', name: "right-align-buttons" })))), this.renderModalTrapFocusEl())));
+            } }, 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())));
     }
     // 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: '6aa5a57a373185848ebf720081ea81f2aaa40566' }, h("div", { key: 'fd325d3edd8657ad4dfd6d1e979163591bda096c', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '885396e6887a2acb41c93a5b80767937528015e0', name: "icon" })), h("div", { key: '596ec95e6c9b1eebd125e40739e31b6757f4218a', class: "gux-content" }, h("gux-truncate", { key: 'dc750defb841cc6a5e106ebff0c2fd1cfd2e1aa0', class: "gux-title", "max-lines": 1 }, h("slot", { key: '7997de03b92ab8eaed7e807d43b4dc1408462d70', name: "title" })), h("gux-truncate", { key: '07b8e596b705f5211ec0e9f87041f74d1c619631', class: "gux-message", "max-lines": 2 }, h("slot", { key: '8abebf222fbf45a9e3fb4c238c0ac9564dc67460', name: "message" }))), h("gux-dismiss-button", { key: '1d4dd17ae058ee4e0d0b58394af57378763b224e', onClick: this.onDismissClickHandler.bind(this) })));
+        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) })));
     }
     onDismissClickHandler(event) {
         event.stopPropagation();

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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import paginationResources from "./i18n/en.json";
 import { GuxPaginationButtonsService } from "./gux-pagination-button.service";
 export class GuxPaginationButtonsLegacy {
@@ -69,7 +69,7 @@ export class GuxPaginationButtonsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'dd8ba71de618460ce8d72533c3a3ea8559f536dd', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '1740fc3506092db1adaeac5ce692f5dada303415', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6f17059e4d22c27407c64a1c5daa62acf7c61714', accent: "ghost" }, h("button", { key: 'd21d10b873ce7186de0be09464398101760cdd42', title: this.i18n('first'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'e0786b297841a2643c60ea39fab5afdea3eed578', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '6a8f904cb4034f82b1cea21ecf122738e50f9a14', accent: "ghost" }, h("button", { key: 'b4fa5f765e0299f398ab22fe82edd96f3d6c13e9', title: this.i18n('previous'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b8ab36414d3a8179a4d35a3b158142096ac8779e', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPagePicker(this.layout), h("div", { key: '28df2109d96af54eb3f581216f0947ebf2d5c0d4', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '14f9d714f63a8d3b4513e6c8d75a824c24559045', accent: "ghost" }, h("button", { key: '2ac7bf9e80908a7083f6dea166e4996c5a82e04c', title: this.i18n('next'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c4bafaaf3f057da0f20081a2741832b9e7a6f11d', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'cee4e2e02bcf6fc4daddbc2d110a883246c13678', accent: "ghost" }, h("button", { key: 'aeecb36e22810173a39c433713299ddfc6193fbb', title: this.i18n('last'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd048c7904a57cb563504d39b953cf9dbce2c74d5', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        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" }))))));
     }
     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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import paginationResources from "./i18n/en.json";
 export class GuxPaginationItemCountsLegacy {
     constructor() {
@@ -23,10 +23,10 @@ export class GuxPaginationItemCountsLegacy {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '3826152e37fb4daded8b8a9966f4fa6c26407950', class: "gux-pagination-item-counts-container" }, h("span", { key: '132059d3b6a4aca70f80486ab48b325619af2f5f', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '1beb3b6e6e210d5374dcb46459a8030395b26d0a', class: "gux-pagination-item-counts-container" }, h("span", { key: 'efd6edffe57319123ee8ab74aad64824c94fb38f', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '9883b8c3a057a6a0320edf3dba412496dcdd7af5' }, this.i18n('totalItems', { totalItems: this.totalItems }))));
+        })), h("span", { key: 'd8dbf880bced10cb910c729d86995c87572a0fb6' }, 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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import paginationResources from "./i18n/en.json";
 export class GuxPaginationItemsPerPageLegacy {
     constructor() {
@@ -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: '5f50804d270f3c7275913b7d6263347cd4769d86', class: "gux-pagination-items-per-page-container" }, h("div", { key: '8ac6ec930f76019daacdc5d198eb7a1c6a98c9f4', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2feb90a8ffb98901edbd435a7e01459aa7402c6b', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        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'))));
     }
     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: 'b5e568b7e4102bc8c4f9c8d89d6ddc6a94568e2e', class: "gux-pagination-container" }, this.getPaginationInfoElement(this.layout), h("div", { key: 'bcdb964d7b5fba9f39a45bb17897bfa35aae860a', class: "gux-pagination-change" }, h("gux-pagination-buttons-legacy", { key: '927a40e7a393768195c118faa9062c091b0a5932', layout: this.layout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        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) }))));
     }
     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: 'e5616e6da9686080edaa8ea8e73eb1ff76d93be5' }, h("div", { key: '69c97a7e6a76584b9c33ab89a0997593826cfe59', class: `gux-icon gux-${this.accent}` }, h("slot", { key: '887053e0cbfa3660e8047fc929a767aeb2b77134', name: "icon" })), h("gux-truncate", { key: '21e293dc32ffc4397a70d8cc277ac8ec5b7cae5f', class: "gux-message", "max-lines": 2 }, h("slot", { key: '833024cc3e76a926df59d660ff1cfe5614da9e66', name: "message" })), h("gux-dismiss-button", { key: 'bc5fb6acf215944993d59ae7e2d1b8d4d0f3d52d', class: "gux-dismiss", position: "inherit", onClick: this.onDismissClickHandler.bind(this) })));
+        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) })));
     }
     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: '4c477ed9def3873fae1d65570061b01883e9884a', class: { 'gux-selected': this.selected } }, h("button", { key: 'f5290fd2396259c58e35ef466dd40e9bc4683a72', "aria-current": this.selected.toString(), type: "button", class: "gux-switch-item", disabled: this.disabled }, h("slot", { key: '46e1ddf4798aeda9dd78ec570035aa1b8741db31' }))));
+        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' }))));
     }
     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: '35dc87fb85166d1f224b33cfc84c3e516b10a8f9', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '041cb0e845c18272d670dd98ed7ca0c26e540171', onSlotchange: this.slotChanged.bind(this) })));
+        return (h(Host, { key: 'cadae4ff1985a824ab6a7de2d9ae2339750230e3', role: "group", class: `gux-${this.layout}` }, h("slot", { key: '17846926943f0a67a3a8011e6793fa0245c4a031', 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: '0e0fd3f90f4a58b4f30adaff88753ca0990a955b', class: { 'gux-disabled': this.disabled } }, h("div", { key: '0e8bb4287a4ad2737a87065a13503a9acd0d0f73', id: this.headerId, role: "heading", "aria-level": this.headingLevel }, h("button", { key: '3b84678d5057addc7da158e411ad62fad64ea702', class: {
+        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: {
                 '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: 'b3a3aa4e7c245d38b1aae1acad6aeb426d2371cc', name: "icon" }), h("div", { key: '87fdcdd02886f553852f606e55f47dedeccdda52', 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: '16d846e883ea57253830c604d9d08c1b8a160c30', name: "icon" }), h("div", { key: 'b328a55c8f20da3e54311e675b3d3292357af43a', class: {
                 'gux-header-text': true
-            } }, h("slot", { key: '8544aca09b59757ad5333d18c84556dfb8555dc4', onSlotchange: () => this.handleSlotChange('header'), name: "header" }), h("slot", { key: 'e2498519cf6f348ca4ea71de1ad6e83abe7fa015', onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), h("div", { key: '8488efe5e01e9d00ba67c0df1cb1fa6f6d0984d5', class: {
+            } }, 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: {
                 'gux-header-icon': true,
                 'gux-expanded': this.open,
                 'gux-arrow-position-start': this.isArrowPositionBeforeText()
-            } }, h("gux-icon", { key: 'bef68cc87e90e173497b9abac6df11ef36fda6e9', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'd0d0b4e5b8aee953ef17c077daea819300d2039b', id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
+            } }, 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: {
                 'gux-content': true,
                 'gux-expanded': this.open,
                 'gux-text-content-layout': this.contentLayout === 'text'
-            } }, h("slot", { key: 'f6d2e7dbe89472e2140026ec7cc0b3f8f790f1e4', name: "content" }))));
+            } }, h("slot", { key: '25889f1139543370cb28628a8aab2c54d6b95ef9', 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: '96b3f7b3ae4881a16d9a81a872ceae69e34eaeec' }));
+        return (h("slot", { key: '9724aa3ad7ce254c77444838134c40e1d2ae0cc1' }));
     }
     static get is() { return "gux-accordion"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ import { OnClickOutside } from "../../../utils/decorator/on-click-outside";
 import { whenEventIsFrom } from "../../../utils/dom/when-event-is-from";
 import { afterNextRenderTimeout } from "../../../utils/dom/after-next-render";
 import { trackComponent } from "../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import defaultResources from "./i18n/en.json";
 import { getGuxActionButtonAccent } from "./gux-action-button.types";
 /**
@@ -138,7 +138,7 @@ export class GuxActionButton {
         this.i18n = await buildI18nForComponent(this.root, defaultResources);
     }
     render() {
-        return (h("div", { key: 'eaceaf40bbaad8e9304be688e7ae8c189abfc650', class: "gux-action-button-container" }, h("gux-popup", { key: '00294a5f5b091533348034b839069b76258d9791', expanded: this.isOpen, disabled: this.disabled, placement: "bottom-end", "exceed-target-width": true }, h("div", { key: '5d09f6014e489c84e7b2d360a1aea1f6675f6ee0', slot: "target", class: "gux-action-button-container" }, h("gux-button-slot", { key: 'ff1c7bed309707b93f48c733ba43c9bf3ef5e54f', class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: '82c69514641d2e18c9964c643f19e812ccc5a809', type: this.type, disabled: this.disabled, onClick: () => this.onActionClick(), "data-testid": "action-button" }, h("slot", { key: 'f501ff3ae4accbb5ec854d6479a3ca7ecedca964', name: "title" }))), h("gux-button-slot", { key: '7c7b3ba548f28740e302267697c7ba6b8bc6f376', class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, h("button", { key: 'fa9a7fd7b8f14eeefa8b0ec3f6147dff048aeee3', 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: '3b887471b3e7963b1fcc7ed7ed7f4e661b0386a5', decorative: true, "icon-name": "custom/chevron-down-small-regular", size: "small" })))), h("div", { key: 'ca403251caf9d5d35406fa7541e4ac7761955569', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: '67510e019481b2bae5e4de61be043d53074b5af0', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: '676cb29cdc40384069a03379b8a78ec6b0a63060' }))))));
+        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' }))))));
     }
     static get is() { return "gux-action-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import translationResources from "./i18n/en.json";
 import { OnMutation } from "../../../utils/decorator/on-mutation";
 /**
@@ -52,7 +52,7 @@ export class GuxBadge {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '6f54efc99bfd2d04e2c361ff6fc8fc6b45357900', class: {
+        return (h("div", { key: 'feb45369a5d97e8e4b88b3a59cb9bba4a379d9f0', 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: '029f0c6dfffc6396393ce69af30f4e426b8534d5', class: "gux-container" }, h("div", { key: '67e6a1625a80432a3dcb7b73d904b022c2728c20', class: "gux-image" }, h("slot", { key: '249b5e49bc3c176e88c5d4acd4268c75e3bea6be', name: "image" })), h("div", { key: 'd81484ecb3e482caa1de9d35e30c7914051bef17', class: "gux-message" }, h("slot", { key: 'a59823e9f73c58dde4a8ffa4ee358cf139fc6297', name: "primary-message" })), this.renderGuidanceSlot(), this.renderCallToActionSlot()));
+        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()));
     }
     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: '357d0819c8848eee39f617f5618d94e1ad3f6777', role: "listitem" }, h("span", { key: 'd741cd79b32a7caf22ec3fd1c15777e45cf93f05', class: `gux-breadcrumb-generation gux-${accent}` }, this.getBreadcrumb(accent), this.getSeparatorIcon())));
+        return (h(Host, { key: '84ef978533d902cabc1264d4641a17a52da1ac61', role: "listitem" }, h("span", { key: '7afb53b4249c8c194a65472a50b817265351afc3', 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

@@ -1,5 +1,5 @@
 import { h, forceUpdate } from "@stencil/core";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { trackComponent } from "../../../utils/tracking/usage";
 import breadcrumbsResources from "./i18n/en.json";
 /**
@@ -19,7 +19,7 @@ export class GuxBreadcrumbs {
         Array.from(this.root.children).forEach(child => forceUpdate(child));
     }
     render() {
-        return (h("nav", { key: '9c5f5a9f99b9d45af99bf1eb8016881f387d904c', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: '7b8232f93afdf54cfef667dc9457edc269ec285b' }, h("slot", { key: '3c06ad7d0d7fe0b5f0b96903036951e707bfae94', onSlotchange: this.onSlotChange.bind(this) }))));
+        return (h("nav", { key: 'ea6b93a54c1c8cfcf21365dacb4fc8bceaefff9b', "aria-label": this.i18n('breadcrumbs') }, h("ol", { key: 'c1a44ca6cbd884ea4713d06135d31643821522a5' }, h("slot", { key: '8adc5d5a7a336c40548fe5ae7975953eac36fa33', 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: '45e0647c35e44a15d33a7491b1a5748317b91c3e', id: this.buttonId, type: this.type, disabled: this.disabled, class: {
+            h("button", { key: 'a655b1884a2e2114d912ac8af0310d106c546a80', 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: 'd6a726b5e60186346d8755d1cd2821299d584a11', onSlotchange: this.slotChanged.bind(this) })),
+                }, "aria-label": this.guxTitle, autofocus: this.autofocus }, h("slot", { key: 'c5a9a2400f8cc04a2074e5e76cc4a2f7fe1dddbb', 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: '0fe548008674fb471b4649a1cdf9d40e2199509b', expanded: this.isOpen, "exceed-target-width": true, placement: "bottom-end" }, h("div", { key: 'c135a999850eb1a8979006c68e93db2084b92726', slot: "target", class: "gux-button-multi-container" }, h("gux-button-slot", { key: '97deeb0b96dd9475d3ed60a5e7b8c58a39fca924', class: "gux-dropdown-button", accent: getGuxButtonMultiAccent(this.accent) }, h("button", { key: '8f44a4bd2467c39c40a9974fd71940b36713d74c', 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: '93627529753698fad726e17b31e9c08acbe432a4', name: "title" }), h("gux-icon", { key: 'dcc4e9f1cc0b881c530022faa07b579cc9a0cfa3', size: "small", decorative: true, "icon-name": "custom/chevron-down-small-regular" })))), h("div", { key: 'e2555a57679a2eb6e0dedcc20d265064ba55a3a0', class: "gux-list-container", slot: "popup" }, h("gux-list", { key: 'd982c02c29f7a2f147dbbca9d0ca8bd414ee6874', onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'bc6da95f60f3cba8bb9d8161c9208c67aada56ad' })))));
+        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' })))));
     }
     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: '31ca4b09af9bb76bd9a4a15f7fd2ee9e640c759a', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: '16ee328a47ab75d0d4ccecf70c57f373d83c3d92' })));
+        return (h(Host, { key: '837210124f055e9ba137a070bbbf62f9b6546e73', accent: this.accent, "icon-only": this.iconOnly }, h("slot", { key: 'eccd0b293d0b86e1733d8abff4cb07f6e37b1600' })));
     }
     static get is() { return "gux-button-slot"; }
     static get encapsulation() { return "shadow"; }

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

@@ -3,7 +3,7 @@ import { afterNextRenderTimeout } from "../../../utils/dom/after-next-render";
 import { asIsoDateRange, asIsoDate, fromIsoDateRange, fromIsoDate } from "../../../utils/date/iso-dates";
 import { addClassToElements, removeClassToElements } from "../../../utils/dom/manipulate-elements-classes";
 import { trackComponent } from "../../../utils/tracking/usage";
-import { buildI18nForComponent, getDesiredLocale, getStartOfWeek } from "../../../i18n";
+import { buildI18nForComponent, getDesiredLocale, getStartOfWeek } from "../../../i18n/index";
 import translationResources from "./i18n/en.json";
 import { firstDateInMonth, getWeekdays, getOffsetMonthDate, getDateMonthAndYearString } from "./gux-calendar.service";
 export class GuxCalendar {
@@ -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("span", { class: "gux-sr-only" }, getDateMonthAndYearString(day.date, this.locale)))))))))));
     }
     render() {
-        return (h("div", { key: '0306246dfcce32aabad2d001c20669cbe69fe280', class: "gux-calendar" }, h("div", { key: 'e5324dfe443431f5a28ddd5420625d664c24b0e3', class: "gux-header" }, h("button", { key: '8c55a02accf37620a169b0cf3f879a61945d8d58', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: '392607efecf36bab5a3efcba1c1f3059d5a6aa59', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: '62efa4a387829b89452430c48772ab412aa6d1f7', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '1b2991888a3d39799f0994b9d4594405632871bd', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '288d3d25c4c9a4b97b07de9a5273932892689d30', class: "gux-content" }, Array.from(Array(this.numberOfMonths).keys()).map(index => this.renderCalendarTable(index)))));
+        return (h("div", { key: '596295889b4cf3f8cc4d229a0b86b43f650c2042', class: "gux-calendar" }, h("div", { key: '0e8cb8411b29a81e1f06a8f31090f247727ab850', class: "gux-header" }, h("button", { key: 'f3df4445feb03735d91b936e275212a64cc6f006', type: "button", class: "gux-left", "aria-label": this.i18n('previousMonth'), onClick: () => this.incrementPreviewDateByMonth(-1) }, h("gux-icon", { key: 'f26551589ecf05e6b44ced659e91d22e58780a69', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })), this.renderMonthHeader(), h("button", { key: 'ab425a76cd91ef8c8387d6ef53b1018f09efd8ff', type: "button", class: "gux-right", "aria-label": this.i18n('nextMonth'), onClick: () => this.incrementPreviewDateByMonth(1) }, h("gux-icon", { key: '68b0889deca5edf029b208b66ac24999bdec8eb6', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("div", { key: '638d9e39a5a656ea58b0a578ed5e371789763fb8', 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: '6a95ced5f017e5981bc34d8b78e0d0a7430878df', class: {
+        return (h("div", { key: '551f8cf1bdf66e559a5d5b69e0f81f9b66781efe', class: {
                 'gux-card': true,
                 [`gux-${this.accent}`]: true
-            } }, h("slot", { key: '3d8fa3f0b2586a8a4aff7b3995905f66ca506919' })));
+            } }, h("slot", { key: 'd5839084d0fb89fc99a50a9edba6395deea8a455' })));
     }
     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

@@ -1,5 +1,5 @@
 import { h, Host } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import { getIndexInParent } from "../gux-column-manager.service";
 import { getNewIndex } from "./gux-column-manager-item.service";
 import translationResources from "./i18n/en.json";
@@ -124,14 +124,14 @@ export class GuxColumnManagerItem {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: '6d9407f9a83665ad211578bd71092c8819bcb399', draggable: "true" }, h("div", { key: '7de5359beff1e462dd133d31a4c778204b0a3f5f', class: {
+        return (h(Host, { key: 'd55753e1cc651b73233dd15ace2ecb8d346a4574', draggable: "true" }, h("div", { key: '9298c144266decf9799879a20fa0c134036b3ce0', class: {
                 'gux-container': true,
                 [`gux-drop-${this.pendingReorder}`]: true,
                 'gux-dragging': this.isDragging
-            } }, h("button", { key: '6dfe4fc21eada9b5374ccb94cdb2473e52256b22', class: {
+            } }, h("button", { key: '239abda7a6ea866813fc28f1483883a5d1239957', 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: 'cddbf4d959270062c6b43190eed5c6124484253a', "icon-name": "fa/grip-vertical-solid", decorative: true, size: "small" }), h("span", { key: '28875a8fcf4d8e03734afbac8379be76916ac236', class: "gux-sr-only" }, this.i18n('activateReordering', { columnName: this.text }))), h("div", { key: 'c2c96def2a01df9922a2a5009fad8fec49442775', class: "gux-select" }, h("slot", { key: '1cbae9f6ab0aa51925b5a96300d3e88f92ce067b', onSlotchange: () => this.onSlotChange() }), h("gux-text-highlight", { key: 'b8e550c27b37e7fda2abf7e74489b8d72058fd91', 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: '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 })))));
     }
     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

@@ -1,5 +1,5 @@
 import { h, forceUpdate } from "@stencil/core";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { getEmptyKeyboardOrderChange, getIndexInParent, getNewKeyboardOrderChange, getNewOrder, getSelectedColumnCount, setAllCheckboxInputs, setHighlights, setKeyboardReorderPositionIndicator, setMainCheckboxElementCheckedState } from "./gux-column-manager.service";
 import translationResources from "./i18n/en.json";
@@ -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: '40b00dccbbc3b9dd2d79f0a7e558a592e7a647c3', class: "gux-container" }, h("div", { key: 'b5fb241078d0acb83118b016e3b667fc54e2f31b', class: "gux-sr-only", "aria-live": "polite" }, `${this.highlightResults.matchCount} ${this.i18n('searchResults')}`), h("div", { key: '2eb3f96dc3f109dcca02466eff1d9038ea2dceae', class: "gux-search" }, h("gux-content-search", { key: '8c86cce49bb3ef53bc548c60bd80d1ca648f1a11', "match-count": this.highlightResults.matchCount, "current-match": this.highlightResults.currentMatch, onGuxcurrentmatchchanged: event => this.onGuxCurrentMatchChanged(event) }, h("input", { key: '3d9a303ef7e13e3bf049009616d78ac03fd268f3', type: "search", placeholder: this.i18n('search'), onInput: () => this.onSearchInput(), ref: el => (this.searchElement = el) }))), h("div", { key: '2fe55a8bc3f231ee7901723912c6e2f439ea27f6', class: "gux-select" }, h("gux-form-field-checkbox", { key: 'd5460b9363adb42f5a59b03771850aecdfa9ae08' }, h("input", { key: '93d46d6f32a95b9e38046e95ac419b238ce0cec2', slot: "input", type: "checkbox", ref: el => (this.mainCheckboxElement = el), onChange: () => this.onMainCheckboxChange() }), h("label", { key: '2bf04216379485802176367913dfb3943a7f7aaf', slot: "label" }, this.renderSelectedColumnCount()))), h("div", { key: '77332327dddcdbd52f4d4fdfd7779b2eb86dd347', class: "gux-list", onChange: () => this.onListChange() }, h("slot", { key: '1afc970e4de08ab42a607d790a3ad25c4f816c8b', onSlotchange: () => this.onSlotChange() })), h("gux-announce-beta", { key: '5923c285545fe76641d276e51e7f257914912b7a', ref: el => (this.announceElement = el) })));
+        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) })));
     }
     static get is() { return "gux-column-manager"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import contentSearchResources from "./i18n/en.json";
 import { onDisabledChange } from "../../../utils/dom/on-attribute-change";
 import { focusInputElement } from "../../../utils/dom/focus-input-element";
@@ -50,10 +50,10 @@ export class GuxContentSearch {
         }
     }
     render() {
-        return (h("div", { key: '63572ad234bac3b3b9f681995e91adf7eb54f414', class: {
+        return (h("div", { key: '73e492c9ba5084ab4a9be67042f9e2e6f9ecd2f0', class: {
                 'gux-content-search': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.inputSlottedElement) }, h("div", { key: '3cd33bc529e14d1ffbbadcbdcab3f26a7195033f', class: "gux-search-icon" }, h("gux-icon", { key: 'c1b2f73a5bbc7e8e860f5dfa7738c61ff08d023c', size: "small", decorative: true, "icon-name": "fa/magnifying-glass-regular" })), h("slot", { key: 'b2b977e60fb69886ff85be6911d212513cc3afd1' }), this.getNavigationPanel()));
+            }, 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()));
     }
     getNavigationPanel() {
         if (this.showNavigationPanel()) {

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

@@ -12,7 +12,7 @@ import { h, Host } from "@stencil/core";
 import uiTokens from "genesys-spark-tokens/dist/json/gse-ui-flare-light.json";
 import { randomHTMLId } from "../../../utils/dom/random-html-";
 import { trackComponent } from "../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import translationResources from "./i18n/en.json";
 import { OnClickOutside } from "../../../utils/decorator/on-click-outside";
 import { afterNextRender } from "../../../utils/dom/after-next-render";
@@ -124,8 +124,8 @@ export class GuxContextMenu {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h(Host, { key: 'bd1eaa8a09307fe0b60382908b6979863bab69a7' }, h("gux-popup", { key: 'b421a91f27fc08d60b560bc25f5a5a003257c9b4', placement: this.placement, expanded: this.isOpen, offset: parsePxValue(uiTokens.dropdown['gap']), "exceed-target-width": true }, h("div", { key: '123af2600cfa9c9a75fc58be7c660b66bd38aaf1', slot: "target", class: "gux-button-container" }, h("gux-button-slot", { key: '5057daf882f0fb9e9c1c68f58ee0508322b75df0', accent: "ghost" }, h("button", { key: '82fe5034eb87923ec8be7e0bfbc87a0f55f392ef', 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: '14793aafd38222372bc11ae85a08a259b6e35cd3' }, this.screenreaderText ||
-            this.i18n('contextMenuScreenreaderText')), h("gux-icon", { key: 'e18167df43a3c760b67f0333f1ab22cf94141f1f', "icon-name": "fa/ellipsis-vertical-regular", size: "small", decorative: true })))), h("div", { key: '26e208572fbc62b91feab22d7e77e7365105c6a0', slot: "popup", class: "gux-list-container" }, h("gux-list", { key: '282dcf2e475722ce1612ac45ad371cc0618f164c', onClick: e => this.onListClick(e), ref: el => (this.listElement = el) }, h("slot", { key: 'a2d238931c1e69fb371fa1bcf31cba104dfe7833' }))))));
+        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' }))))));
     }
     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

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import translationResources from "./i18n/en.json";
 import { getSlotTextContent } from "../../../utils/dom/get-slot-text-content";
 /**
@@ -52,7 +52,7 @@ export class GuxCopyToClipboard {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '54619cdcafae85606ec0bc28e26e4412c1fe0449', class: "gux-copy-to-clipboard-wrapper", onClick: this.onCopyToClipboard.bind(this), "aria-label": getSlotTextContent(this.root, 'content') }, h("div", { key: 'bdda0698b53008fcb128607fb9d48439223fe15c', class: "gux-copy-content" }, h("slot", { key: 'eec8dea065427cebfc089d5e9a02f4cdc9ed882a', name: "content" }), h("gux-icon", { key: '464b0f7be9ac164d1da7b9d76ed0e6fd01ebdf28', "icon-name": "fa/copy-regular", size: "small", decorative: true })), this.renderTooltip()));
+        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()));
     }
     static get is() { return "gux-copy-to-clipboard"; }
     static get encapsulation() { return "shadow"; }

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

@@ -15,7 +15,7 @@ import { afterNextRenderTimeout } from "../../../utils/dom/after-next-render";
 import { asIsoDateRange, asIsoDate, fromIsoDateRange, fromIsoDate } from "../../../utils/date/iso-dates";
 import { OnClickOutside } from "../../../utils/decorator/on-click-outside";
 import { trackComponent } from "../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { sparkIntl } from "genesys-spark-utils";
 // Remove with this ticket https://inindca.atlassian.net/browse/COMUI-2657
 import { useRegionalDates } from "../../../i18n/use-regional-dates";
@@ -539,7 +539,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: '83d40dc06ae31ac587af06be521dc77740eec320', class: {
+        return (h("div", { key: '8ff0fc4c5bcc551bab506220890198d4d4b2a782', class: {
                 'gux-datepicker': true,
                 'gux-active': this.active,
                 'gux-disabled': this.disabled

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

@@ -1,6 +1,6 @@
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../utils/tracking/usage";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import translationResources from "./i18n/en.json";
 export class GuxDismissButton {
     constructor() {
@@ -12,10 +12,10 @@ export class GuxDismissButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("gux-button-slot", { key: '1a7708b59c70c79ed919e2873fd4f153ce901c10', accent: "ghost", class: {
+        return (h("gux-button-slot", { key: '52a32d2f44a4ea6d98c7978aae6cdcd6e23ddfb7', accent: "ghost", class: {
                 'gux-inherit': this.position == 'inherit',
                 'gux-dismiss-small': this.size == 'small'
-            } }, h("button", { key: '08fa407f754962c86794799450e3f45a38f97fd2', type: "button", title: this.i18n('dismiss') }, h("div", { key: '32fc71dfe0fdbe09451cde2cdb44b976ab8d9ebe', class: "gux-icon-container" }, h("gux-icon", { key: '0c1750a285a74832382a28c85b889d166b53bd0b', "icon-name": "fa/xmark-large-regular", decorative: true, 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" })))));
     }
     static get is() { return "gux-dismiss-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { forceUpdate, h } from "@stencil/core";
 import { OnClickOutside } from "../../../utils/decorator/on-click-outside";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import simulateNativeEvent from "../../../utils/dom/simulate-native-event";
 import { calculateInputDisabledState } from "../../../utils/dom/calculate-input-disabled-state";
 import { onInputDisabledStateChange } from "../../../utils/dom/on-input-disabled-state-change";
@@ -368,7 +368,7 @@ export class GuxDropdown {
         }
     }
     render() {
-        return (h("gux-popup", { key: 'c2672a5985e694e0e6ed7789efe0282619cfb56f', 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: '9e7bd1a3ef412ee6ac9548e1822e7ae1c75808b2', 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

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 export class GuxDropdownMultiTag {
     constructor() {
@@ -36,7 +36,7 @@ export class GuxDropdownMultiTag {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '42492d83dbea4a38dc4bbe0652380c66ab4bf7d7', class: {
+        return (h("div", { key: '4a4ed523b1fa1d5b0b13392febeaec12ca1355de', class: {
                 'gux-tag': true,
                 'gux-disabled': this.disabled
             }, "aria-disabled": this.disabled.toString() }, this.numberSelected.toString(), this.renderRemoveButton()));

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

@@ -10,7 +10,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { forceUpdate, h } from "@stencil/core";
 import { OnClickOutside } from "../../../utils/decorator/on-click-outside";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import simulateNativeEvent from "../../../utils/dom/simulate-native-event";
 import { afterNextRender } from "../../../utils/dom/after-next-render";
 import { onInputDisabledStateChange } from "../../../utils/dom/on-input-disabled-state-change";
@@ -416,7 +416,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: '0e869259af3b4f43473cb563f169784269dec749', class: "gux-dropdown-container" }, h("gux-popup", { key: 'ca1c40874385c904dbb3f97f1cd7f4f953e2a4cc', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '122a2f4a753ac77cc58d165dba12acc9fb526bc2', class: "gux-dropdown-container" }, h("gux-popup", { key: '3debe4bc143b13fa89588fb542a56e259ac1e208', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }