genesys-spark-components 4.187.0 → 4.187.1

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file-beta/components/gux-file-list-item/gux-file-list-item.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../../../i18n/index";
 import { trackComponent } from "../../../../../../../utils/tracking/usage";
 import componentResources from "./i18n/en.json";
 export class GuxFileListItem {
@@ -11,11 +11,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'b47aba3e75a09821c83dcc3499298ab6a98b38ed', class: {
+        return (h("div", { key: '09ee5fd05bcb70aafea251c390baa7a5a8d3a784', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'b36058c180ead4995b4bc14ac607f59b979cf75d', class: "gux-info" }, h("gux-truncate", { key: 'd8683f76ea7ec4f85f81b5e369bf344ef4c112a6' }, h("span", { key: '080063807fb5d76643be9d75614fcff140183695', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '7ac3f917cb8060f4beff69db1b287caad6967d7c', class: "gux-info" }, h("gux-truncate", { key: '270073a4d92044a3730ab8215f7a02d2ce06b7d3' }, h("span", { key: '87dc4ff844480d7ee736d2f77b9161e4152bdfd6', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-file-beta/gux-form-field-file.js

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h, forceUpdate } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
 import { trackComponent } from "../../../../../utils/tracking/usage";
@@ -94,7 +94,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ba38fda53131cdb2eeee7f2373c79ce06d437dfa', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '3aa225ef2b476e13565ec227a88b2a765e703304', position: "above", required: this.required }, h("slot", { key: '897b7e8e9a445ff71d2c7771ba80a7507ced4112', name: "label" }), h("gux-form-field-label-indicator", { key: '27af774a5a6b8f57a03a302c9e47aa37085adce5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a764e9b5f5e41b5577faa39817b231bb1a7a4816', name: "label-info" })), h("div", { key: '07a739ceefce691a6fb1fabfa7387a541810aabf', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '6313af94988ede0ca0d93e5f0d9f0921200b0724', show: this.hasHelp }, h("slot", { key: '90b799ab83fb1f358a0018479279679f240d4526', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'e5365d0a9baf0f49e6a48995efe38c00269bc59d', show: this.hasError }, h("slot", { key: 'dd23717f4779bbfe80c34d5434aee22d3bc35cf4', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: '08375562c5f4fccba27ae887e75286a0c8316209', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '2da1a8ccfb6fb0ffad13d6b7e17eb8c006ec3fec', position: "above", required: this.required }, h("slot", { key: '86c7bf4b43eac86d082075326f247da876690128', name: "label" }), h("gux-form-field-label-indicator", { key: '13ff56e6483c61e4f698c69a51adb0e8d37b4929', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a23675a2164c4080677980f3d6aa55ea1b05c163', name: "label-info" })), h("div", { key: '269ea5528a86db45b366c8f6f0528aeeb6636ba0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'e1afa7df59e08f6820097d88fbe542e7ddbfcb09', show: this.hasHelp }, h("slot", { key: '176674d3b557f621f8c28d67fc7d8843be91623c', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '4dd69a7d5c0c9dbfe3129c24773d6efdc082d35b', show: this.hasError }, h("slot", { key: '4ac9a75500eb2fde0de2809718dd02f16c2eaf3f', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-number/gux-form-field-number.js

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { forceUpdate, h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { calculateInputDisabledState } from "../../../../../utils/dom/calculate-input-disabled-state";
 import { onInputDisabledStateChange } from "../../../../../utils/dom/on-input-disabled-state-change";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
@@ -105,14 +105,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '40d793883c8f040b7e3399f5dfdda555c0e7972a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1b604aa8139b9362e4f787500ebb3838bd6e9cf0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '50064a567caa548d4cefff7e5963d41b5a4680dd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '65d9d8b7e703e86ef01302dbf0fa4b7d45550d94', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ac085c68d1768253901ee34c7c820db90e1b5e4d', name: "label-info" })), h("div", { key: 'b2b70118cd411ff4bec29d713d8245401bb275e6', class: "gux-input-and-error-container" }, h("div", { key: 'bd3e135957ea883d7a57542ce5331646372265f5', class: {
+        return (h(GuxFormFieldContainer, { key: '137a3979f9996ba04d92dd420167dd84d8bd678b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7d5bf5c68f8537a328d7c1b8e7a2c366cdce2128', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '102f722e3e88f68a49e11133c227c892032a28cf', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd88bf90fa98f018248a28f08ed9e217466ddce18', variant: this.indicatorMark, required: this.required }), h("slot", { key: '37df5a0dd779d9da8cf3b60f84d5e52115e1fa46', name: "label-info" })), h("div", { key: '5937c320d96258cde309337a7e055d42790b54fb', class: "gux-input-and-error-container" }, h("div", { key: 'd8391d88ec67783d1259f2e4942392db97e67904', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '6c32d2d104f8ddaa794f54c8a0fc96b62eac436c', class: {
+            }, part: "input-section" }, h("div", { key: 'ab857c5c2c6e1123c881ac599a508554ce6b4b7c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '87a517880ad729b124482492b042e99a0feed57b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'd80d8f20482130340656cdde698fc64e21644e55', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'da6c9f11abef8a656e9a38e20b0b9f2747ef9338', show: this.hasError }, h("slot", { key: 'f1ba52ae2d311e30774ac2f595988c546118d8c4', name: "error" })), h(GuxFormFieldHelp, { key: '326888d9072b6c9fcc50d5a300195d1282282b4e', show: !this.hasError && this.hasHelp }, h("slot", { key: '9d28cede3745ca43c5e6a7ede988d96748af41b3', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '92c76a08f4e0cce0f905c06451e4c08c208813e6', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '958fb87df1cb20157aaa4238422bc1e957ebd830', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '73894cf0dd8900be644733ace75042f75db6f8da', show: this.hasError }, h("slot", { key: 'abf56087a30c56684cd3992365f9d1bd6be9129b', name: "error" })), h(GuxFormFieldHelp, { key: 'a9d02d2ae53c77fd0866b60ab1f88addf9c42673', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ce70b5209a863db0f86ebe207e0cce4c9bc34f31', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-phone/gux-form-field-phone.js

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onDisabledChange, onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { trackComponent } from "../../../../../utils/tracking/usage";
@@ -98,14 +98,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'ccc05278387f583f278a1af063e2234c5cc66699', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7eec5a9d053f21763b1e2fe11d52875a265c20a7' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'dd37237c4d19e662a0f945431418fcfa43bd3c50', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75e77484d80eb3e198890734811bb24c3251ca33', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa00972433ef32046c523360100586fada13057b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e15ff5d4cf10d719c7cccc7eba360b3a817d083b', name: "label-info" })), h("div", { key: '8fb56c247cb13d703d5e4ffd49e557868ebd5726', class: "gux-input-and-error-container" }, h("div", { key: '6c4fd1b64e733d45fd31dc616f8f233a41812505', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6ea123b795f941d395a7c1d7e8248c8184635f9d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e35180713387b8b87a982794b63cf5197749b05f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '0128e7171270e19de005c0a96111aeac91c87a87', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e2e1ed9d712606fe4346ea71b1deb5156afc9362', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '400be36b93fcc6631d8daa566e7ba5cc60da27b4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b2141b31fea069c1bb53e09f6e94c7fcac247248', name: "label-info" })), h("div", { key: '0368025904483b8dd6e1d8eb9ed09b90c2fcc585', class: "gux-input-and-error-container" }, h("div", { key: '65f23143dcafc6e43a7f015cd17a129c5cbeaf9b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '365930372df8b1ba9909b376b19aae9c854d85f9', class: {
+            } }, h("div", { key: 'dc607e41a5778de6e0d13b6a68234d3cd62d3c76', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '311392aa0da1f89d65b96939c614800a7f46eb44' }))), h(GuxFormFieldError, { key: '7619af087aa2ee49fcb1e6f384dcef9bb87bf95b', show: this.hasError }, h("slot", { key: 'db1d0b5f8c3615f2544cd9e9154d0aa9a4e5dc99', name: "error" })), h(GuxFormFieldHelp, { key: 'd5bacc4b63fd46800286bdc70749bfdc0a90d6b3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fd637eb6f5697ed1bbb21f358596fe9c27cb08be', name: "help" })))));
+            } }, h("slot", { key: 'b72d8f134d6ad1ae8f385bf5463975682dfcf2cb' }))), h(GuxFormFieldError, { key: '47a516a955b5ea38ac3958bf7ec088819ae6a627', show: this.hasError }, h("slot", { key: 'f010fbaca29bdb66305ef43898b0166c75dc1b31', name: "error" })), h(GuxFormFieldHelp, { key: '69d4e91c95728faa37a37305688d3cda67baa9d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '42b6207240a081af47c1be54b0d9e9a46fbe6c1b', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-radio-group/gux-form-field-radio-group.js

@@ -11,7 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h } from "@stencil/core";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { GuxFormFieldError, GuxFormFieldHelp, GuxFormFieldScreenreaderLabel, GuxFormFieldFieldsetContainer, GuxFormFieldVisualLabel } from "../../functional-components/functional-components";
 import { getSlotTextContent } from "../../../../../utils/dom/get-slot-text-content";
 import { trackComponent } from "../../../../../utils/tracking/usage";
@@ -124,8 +124,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '4288c75c8191f7c518409e656d1cab8edc3efc38', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '91fba3a14fd52bbd6bdf9ec14ed378cfc73855a9' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'f691e439da63a711b445f0110fba95b30301cc6c', position: "above", required: this.required }, h("slot", { key: '1850c5b1ebdf52ce51bdacd8ebc7274df0f8ae6a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f191d05863dfc4085c27352ea20ec707b1d40632', variant: this.indicatorMark, required: this.required }), h("slot", { key: '77d6916be028046c37efdce209f81543a06caf07', name: "group-label-info" })), h("slot", { key: '8a4109f8f473d88d2ad2bc2ccd0f628bf7619c8e' }), h(GuxFormFieldError, { key: '4a66a8e514adc56c883626548be7081a0c0fbab7', show: this.hasGroupError }, h("slot", { key: '12c882b3cae12f559fb4567860902fecaafd55b5', name: "group-error" })), h(GuxFormFieldHelp, { key: '7a49d205aa562ee0f4eb137c597b21ce3423a57e', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '322ed1d4386ce76d6e42c1ede36e1b15d78b2968', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'aa74a0a167f00c3a64afb9a1ac74906393e93b7b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'fbee0e9663f864c367fb9c5443b001a07cf5af50' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '16d264679463de752d0c24e5709586e3a0e31e0f', position: "above", required: this.required }, h("slot", { key: 'ccbe1cbcf87cc55287ff48a61e3c4ed913c63acb', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1abb12f3d9af3848a7c491660378d05ed1311bbc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2271df407dfd329251b62812b5af094fe779d991', name: "group-label-info" })), h("slot", { key: '41c1116bb04c07868aaebc9552fd21e9f7759f49' }), h(GuxFormFieldError, { key: '7772c645665c4c9f5de81dc08a29970b89366439', show: this.hasGroupError }, h("slot", { key: '654fe35787e357c5e4ed113b48afc81d7bd27049', name: "group-error" })), h(GuxFormFieldHelp, { key: '43855ebb7ca5320723db4d6a6f7f2e7c2c8c3ed1', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a6c7b086edf4deae14fcbe9e9e78690c0bd81236', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-picker/gux-form-field-time-picker.js

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onDisabledChange, onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
@@ -98,14 +98,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '47713b37f03e261427986e50d7fda6ecbf615ffc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dfe5984dd086a13c7d152d20b88db1ee68a91990' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '07d5d1538fe2e308b6141b4cb1449c713938bf54', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f60d33df1abb1ab7a9421810e8ddea642b6ae784', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '54b09b227f1f7bb8292a90d54544945fef5576fb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1670fc4dfb3e615a5a45333945058a4dea1fc80b', name: "label-info" })), h("div", { key: '5492d48675880c2fbb695319012ecbd473d36acd', class: "gux-input-and-error-container" }, h("div", { key: 'ebd68335032e1bd0902f957a23795628c4b8ee2c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '2f6284bf2bd3a191aac85384490bab2d398c67b8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b9c7224d76977974cdecb991c6496caf712c2dad' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '121ff318bcdf6b58b326e90b863c7e99e58f4c87', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '83b00e7aa3372ae0f99371fac3b1d99980f78cb6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3c9fc718823faff9cfe366662dbed9019950a0a4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '191738908ec12ea8f5877a716951011a62a44b84', name: "label-info" })), h("div", { key: 'a61936aec738bf45351fff022f59c55a26a01754', class: "gux-input-and-error-container" }, h("div", { key: 'caa8258090f789e8110964df86e5179cb2417fce', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6cf58e7ade0bf5e6dce4f2c2601605ea69fdb914', class: {
+            } }, h("div", { key: '9a63c91f1fc6c7734ffd1d4fc56a43289206f701', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fdaacdb8a3336f08a6d265583387dd0334351580' }))), h(GuxFormFieldError, { key: '0a5fa53506e4ddb4b50240ba5fa0b14f8036f5a1', show: this.hasError }, h("slot", { key: 'e139977b7bccc47700839949e358726e87687da4', name: "error" })), h(GuxFormFieldHelp, { key: 'b42442abaa9563dda58dfbd5dca1aff32466ce9c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'afc75e675024fd9e519a168ab74e4a02abdc15d9', name: "help" })))));
+            } }, h("slot", { key: 'f6ba67bed6ba3100e562803db5b144470ceae780' }))), h(GuxFormFieldError, { key: '14444e36f3dd4a30e3c7925b67a198ae9ddb0aa0', show: this.hasError }, h("slot", { key: '25107814efa1dceab24dd57cfa04fdf7a31401fe', name: "error" })), h(GuxFormFieldHelp, { key: 'f40f273f9c14cb1b80b8903bd824b0c81edbae0b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f28e67e86167d4f0ee3ce3519124840836f5d219', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/components/gux-form-field-time-zone-picker/gux-form-field-time-zone-picker.js

@@ -9,7 +9,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnMutation } from "../../../../../utils/decorator/on-mutation";
 import { onDisabledChange, onRequiredChange } from "../../../../../utils/dom/on-attribute-change";
 import { hasSlot } from "../../../../../utils/dom/has-slot";
@@ -99,13 +99,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '5937fa0d25cc0223fb2b089ea417771098f5d636', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b427f2a6b3bf95628e662cd00123347f60421c92' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'a55d0b266e068ff60d6004285eca70f8f413a01f', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '408e3b36206798fa4e8b5e072cd9cd2b24675d36', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4cb35f158567624797ef8333313d894f7cb5716b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e44bc8ed67785dc51c58340a4da1069c11695a50', name: "label-info" })), h("slot", { key: 'e8dee57737408aa3b309eb7ec3bd2204455597af', name: "label-info" }), h("div", { key: 'd4d311d4df3c8d3edbbbea7e090651334446fdeb', class: "gux-input-and-error-container" }, h("div", { key: '2d09191422cabc7c595861848a6db6c389a74982', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'a2c68942760261ead99de690292e5212c7e51c68', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bce390a211dc6ec360e98351dffd94ea587b9f1c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'd33286d7b2907c45cc7ae016ada4a376844a2382', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0f28f6cf1f6206dac20b921c6801fc867d3c4d84', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8a3a4fd4ea3a8e7d936cdb2b0381c0630f5466be', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b40b670b50fc08cd2bdf5a4a746dd49f0b75ee7', name: "label-info" })), h("slot", { key: '7e652012704350ded87227440248ded99d958c71', name: "label-info" }), h("div", { key: '3d623fb3dadea4922acb2bb1cc3f6b5d06b3add7', class: "gux-input-and-error-container" }, h("div", { key: '03bd1920912a114ed96eb778cbf508ce796df886', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '1a655c7471b6ac0e8b40c4ef8447cad6dcec5412' })), h(GuxFormFieldError, { key: 'b877e1c28ddf9b79c7658d3ed6fc7c49977d8fd8', show: this.hasError }, h("slot", { key: 'db19ce658ccc9f48cca75de615d02e477d6c046a', name: "error" })), h(GuxFormFieldHelp, { key: '5e2bdade0509a53039647f8cf4b800f6645f0c7e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ea202c0935fe4eb16717480b9be2124b59993d3c', name: "help" })))));
+            } }, h("slot", { key: '08c31da81e638aac148c261ea0ce907a573b330d' })), h(GuxFormFieldError, { key: 'a42aa3900bae7604743901f0d02cf142deb0895d', show: this.hasError }, h("slot", { key: '043484bc6874dad6c94b82f6641c61b6d1bef498', name: "error" })), h(GuxFormFieldHelp, { key: 'ea9e1555da10f5b2db0191b2cbe4573c55c04b6d', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f5cea2ef4a9d9ade78cb103cc41214fc7409b99', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-input-clear-button/gux-form-field-input-clear-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 GuxFormFieldInputClearButton {
     async componentWillLoad() {
@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '1d71017fee2b4c3e3332361d2d0ab14b731176ef', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '12a59127ec0822b34487104541ec306e751990f0', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'eb55325ca988e4c06ef7de2c75fa602bb2db3a20', "visual-only": true }, h("div", { key: 'f22bb14a2987b2ee7f14977a3b94027e5dc18a8b', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '69c846a9dac078cf1b2affbbd802bcdf5e342671', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '75f116fced0dc325f669efbc3dcaa8a44ee52e7c', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '752ef91c7cc3d5e0f0e320b799f6b75fd7a28caa', "visual-only": true }, h("div", { key: '082c3d468a87dcfdd360a79f22e13f33b1b4cfb9', slot: "content" }, this.i18n('clear')))));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-form-field/helper-components/gux-form-field-label-indicator/gux-form-field-label-indicator.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 GuxFormFieldLabelIndicator {
     constructor() {

package/dist/collection/components/stable/gux-inline-alert/gux-inline-alert.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { trackComponent } from "../../../utils/tracking/usage";
 import translationResources from "./i18n/en.json";
 /**
@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: 'caf26c08d0656435f818a1d3509d5180238c140f', role: "alert", class: {
+        return (h("div", { key: '067e78adfbddb40428133b36b0297665ac02433e', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '6647103eadf9bf6f998f61af19fd5510c0fb983d', class: "gux-message-wrapper" }, h("gux-icon", { key: '229cfaa2bc2fc62184703188cb81212d08513756', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '7a2a3aa2ca903a41d8689f5e61e25a8efcc8f26f' }, this.i18n(this.accent)), h("div", { key: '1c329296388bbe063251db15ba6ddd6d68baccb9', class: "gux-content" }, h("slot", { key: 'dc72d794eca7603233321ddd29202092d01b1519', name: "content" }, h("slot", { key: '8ef89f78ea1f1c1a19a2c2d5bc61fbd7b3ec5218' }))))));
+            } }, h("div", { key: '66463583a6c6868cf4b6daad0ffec4ae6f806203', class: "gux-message-wrapper" }, h("gux-icon", { key: '8f9e2580c6990f14c082519ff656a1f1032318dd', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '53e3e6259dca207e4384cff943c456840c16f419' }, this.i18n(this.accent)), h("div", { key: '6d00d57345d1aa0a96f02042e51a6106e72cc61d', class: "gux-content" }, h("slot", { key: '10dd2c655f71f7d32c7e13bbb65c7307c5016652', name: "content" }, h("slot", { key: '5397c26961c174b093c0d9f0d3b561cc49c8792a' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

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

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { actOnActiveOption, clearActiveOptions, goToOption, hasActiveOption, hasPreviousOption, hasNextOption, getListOptions, onClickedOption, setFirstOptionActive, setInitialActiveOption, setLastOptionActive, setNextOptionActive, setPreviousOptionActive, matchOption, convertValueToArray } from "./gux-listbox.service";
 import { optionTagSelector } from "./options/option-types";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { whenEventIsFrom } from "../../../utils/dom/when-event-is-from";
 import simulateNativeEvent from "../../../utils/dom/simulate-native-event";
 import { trackComponent } from "../../../utils/tracking/usage";

package/dist/collection/components/stable/gux-listbox-multi/gux-create-option/gux-create-option.js

@@ -1,6 +1,6 @@
 import { h, Host } from "@stencil/core";
 import { randomHTMLId } from "../../../../utils/dom/random-html-";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 export class GuxCreateOption {
     constructor() {
@@ -32,11 +32,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '61a93e06bff2a61ad5609969e65894136913dc96', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'c92d141ba5fbf37a5080365119b1e6db171d6e05', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'f09b6c50ebb109d49875b079329230c23c21f6cd', class: "gux-option" }, h("gux-icon", { key: '5073724a016f254ea5abd4f4fa87fd969eed664b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '70192141244d7ce1568821b2ca0470db2b4ee8a4', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'ffcf2df8c0041a5311f833cd4fa1588ebd93671b', class: "gux-option" }, h("gux-icon", { key: '6112d8631bf2482e2152955ca52667e33f89f583', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '31f37ce25a3e437a3e79d693708e32b79d0ddfea', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -10,7 +10,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { h, Host } from "@stencil/core";
 import { actOnActiveOption, clearActiveOptions, goToOption, hasPreviousOption, hasNextOption, onClickedOption, setFirstOptionActive, setInitialActiveOption, setLastOptionActive, setNextOptionActive, setPreviousOptionActive, hasActiveOption, getOptionDefaultSlotText, convertValueToArray } from "../gux-listbox/gux-listbox.service";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { whenEventIsFrom } from "../../../utils/dom/when-event-is-from";
 import simulateNativeEvent from "../../../utils/dom/simulate-native-event";
 import { trackComponent } from "../../../utils/tracking/usage";

package/dist/collection/components/stable/gux-listbox-multi/gux-option-multi/gux-option-multi.js

@@ -3,7 +3,7 @@ import { booleanString } from "../../../../utils/dom/boolean-string";
 import { getClosestElement } from "../../../../utils/dom/get-closest-element";
 import { getSlotTextContent } from "../../../../utils/dom/get-slot-text-content";
 import { randomHTMLId } from "../../../../utils/dom/random-html-";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 /**
  * @slot - text
@@ -60,13 +60,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '9b6df2ea3e525f96d9a72d20b8cb77015b7d9ddd', role: "option", class: {
+        return (h(Host, { key: '622290a307db0c78b1f4a54839504d16e2efe662', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: '7ad0aa86b44d9088be468aff91cc08ec85749c02', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9127a0950a517c3de19aad2902264cbe775ee4a1', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '14541fde0e9c648ecfe8b8c55d939afa8be68b56' })), h("slot", { key: '26f46189ff1ea58777247617075b316e08ff11a9', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: '4561ae4fb74309b6a2fef005e3bb687b5564a589', class: "gux-option-wrapper" }, h("gux-truncate", { key: '817c522172fc287e16f099abd474babffa4b8bb1', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'cd6477a0b8a8aa3db52a26f839dae52ba673ee28' })), h("slot", { key: 'c5dc194bc4fff3482eb64347083318c4e5f53eda', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-select-all/gux-select-all.js

@@ -1,5 +1,5 @@
 import { h, forceUpdate } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import translationResources from "./i18n/en.json";
 /**
  * @slot - slot for text.
@@ -60,13 +60,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: '06977b8e2cfc43fa786174392067c5a0f798598f', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'acdb732090251c5c2dcf7c32b25c9d870b5066e4', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: '21073f04b4e63da0eea5752c89b019eb1c771a74', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '2a72d4c46427ddf0049f5e58da4ab4c4d5ebf37d', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6d6ae1985b392e3e79a81bde68f738e55e718d61', "max-lines": 1 }, h("span", { key: '46312629ac6a4ff4e7494e85f3b4227feb1d29e2' }, h("slot", { key: 'c67bc1f60561061a48c3c1c1ce79d21f7183837f' }, this.i18n('allOptions')))), h("gux-truncate", { key: '32066206f5cb70f6e19af3d677aabf3a752584a5', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '76df68067c667ad44e1b959c14873438110dedfd', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '3fb8d3c9bc1822ce36ab04baed17d3095aceac47', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'ef3ad945c5c08670852f4a069876ec07e1b12474', "max-lines": 1 }, h("span", { key: '327be6b73e23cd7f8295c38cc16584cb18a64d51' }, h("slot", { key: 'c23f46a8624445741d3c6501d44061d0f5c57665' }, this.i18n('allOptions')))), h("gux-truncate", { key: '567ef00382ef686569b558d98636e2250e557c0a', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     static get is() { return "gux-select-all"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/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";
 import { afterNextRender } from "../../../../utils/dom/after-next-render";
@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '2abd72939e1747e0f7513ba8c195f2655a9d61f0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '86689307345e5c90eada7cb0657712f3e60ec662', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '82f7575e1865f1aa75d425a37c7936bd6a424c98', accent: "ghost", "icon-only": true }, h("button", { key: '937d08df909e02c8b6f6309ec5d7900a18bee8cf', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '36a0e174e2f8f762aa7b8a0ff9aba6afad56bfea', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'a7403c3cf66add0cb48842e0b3e28b64450069f5', accent: "ghost", "icon-only": true }, h("button", { key: 'd36c0df55666184b9ed671be1154d23f5471a413', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '80ebca6dd8a52b9d868b4747dbb3e5c1a617b76d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '3a089e692f9af11166e3bda9d45b9b976f2f3920', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bf92329156b53d4162daf7d0a0b99de5f3bd2c7d', accent: "ghost", "icon-only": true }, h("button", { key: 'e562892a37a14a79d8c28ae16d3296e578cd2d4d', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'bd70199fdb7ae6d51bd5dd3967262cc56985d6dc', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '2db437fd0a3338eb8a4a0175487ec465387688ea', accent: "ghost", "icon-only": true }, h("button", { key: 'a3cc35b9961aa49cac8bc9aca66722008532abd6', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '791af7b45d3270a3ca566ef20662ab33f8267425', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '29b54f15c310e7110925189e265b8afdaf4cae34', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'd303580a1737f223ea7cefd468707776d798243b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '6f91f3b2b481f57a14b8a84d0ad0aa80ef0008a7', accent: "ghost", "icon-only": true }, h("button", { key: '058d44653c2e6c51fcd826330f02f52fc49fc3d2', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '0ef849fa1f35ff51abb399d3d4a134fa3e81ba7b', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '6cdc96969b8572784088cef272679b6d84f4d9c5', accent: "ghost", "icon-only": true }, h("button", { key: '484684dd8db53a0bd483ed8c09fcec2b62f1308d', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'eee553eaebbe92f646942a0ec9d23b1e36884f65', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ce11f215f501f19e0df840beffaac418c52e6914', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '79f32d9674304cc621d353125b8d0b686173a7b5', accent: "ghost", "icon-only": true }, h("button", { key: '63c60d2c9110e70621d38ac4e9f4f883a5dd052c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '911dc86f0107df4335784981b6e315cff2e6e2bd', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '20d2040020854ab70e98942446435de90e10fa46', accent: "ghost", "icon-only": true }, h("button", { key: 'b4bcf4cf5d875f922c223da357acb9c7b0b52162', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '304cfa1693bda39348d71f75c7112529e679eb34', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.js

@@ -11,7 +11,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { h } from "@stencil/core";
 import { trackComponent } from "../../../../../utils/tracking/usage";
 import translationResources from "../i18n/en.json";
-import { buildI18nForComponent } from "../../../../../i18n";
+import { buildI18nForComponent } from "../../../../../i18n/index";
 import { OnClickOutside } from "../../../../../utils/decorator/on-click-outside";
 import { afterNextRender } from "../../../../../utils/dom/after-next-render";
 export class GuxPaginationEllipsisButton {
@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: 'c19a73af83173e4ccbf9d7741e6f7b9c0093990e', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '0d14d829d6c1f0548d5df953d562ae814308bfbc', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: 'b3b8b17fb84d97a99d9b31cc1ddaa63da641820a', for: "popover-target" }, h("div", { key: '3c8044a616008464acc7c35aff855152473b3cf9', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'b9cfa53bf96b9bedf45d2080dcf4a1641b209f98', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '4d50f01032a059e294a0bc548d45e11efc10295f', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '6ca174ea948d3b32198c7f9d0e7c5048f86541ae' }, h("input", { key: '9ad701931f91fde5918749935a835b32eec8c9ea', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), h("label", { key: 'fd4f24f59cbfc61a3057cc909ef7dcafdd1097d7', slot: "label" })))
+            h("gux-button", { key: 'f675fa38c456d9beee7326a392f9ac27e7dfa946', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '66f106b639545c384b312af6e3518131c0c51507', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '97bc2b4e68b23bc09e7f9cb5574d53a2c1e447e2', for: "popover-target" }, h("div", { key: '34a54f5b4fe0f9a23a8cf7e86dc65fdfa1fae0f8', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '7b7c21bedf397397a4270749cf3d5ad28e26605e', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '162226f7ee34a5f6a5ebf1f7bc1a8eea56247e8c', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c3f0ca2db06c2db6d0e9f3e793940f0e9c4812b5' }, h("input", { key: 'a80d061649c45e69f26fa5d424e161e1c242b283', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), h("label", { key: '987a1b40eed7e99bddfc906d0a4527e3c510b6a9', slot: "label" })))
         ];
     }
     static get is() { return "gux-pagination-ellipsis-button"; }

package/dist/collection/components/stable/gux-pagination/gux-pagination-item-counts/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 GuxPaginationItemCounts {
     constructor() {
@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'f939a4ec62cc7ac6124c60c3c99c3d35ea625cb8', class: "gux-pagination-item-counts-container" }, h("span", { key: 'fe21e2cb8771f0a775abb80fdef3c15a4a2c4213', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '84288b67ad0a8e3315046b4e515391eb264160ba', class: "gux-pagination-item-counts-container" }, h("span", { key: '4c4c14e8e8d1ffbc0125e3092d7630e2d22ed258', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'b933cb0512d412d1ddc681e4c48584e7a1cdd32c', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'f03651f48bb81f112ee602d3cf8355e43b9cf3ed', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
     }
     static get is() { return "gux-pagination-item-counts"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination/gux-pagination-items-per-page/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 GuxPaginationItemsPerPage {
     constructor() {
@@ -20,7 +20,7 @@ export class GuxPaginationItemsPerPage {
             }) }, 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: 'aacbc029b9bdc1dbeb389c25a863f068b07c9428', class: "gux-pagination-items-per-page-container" }, h("div", { key: '3708de65bca148e884c90af5c076033d7972c58e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '008080b55f2cd4c26ff1fa9d35917a47b85916c2', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'e864b7ecc26fb9906c7d10951d99dda9654c1380', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'bf1542e865b130bd6d8521307b519e482e7c34d1', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2db0a0c9a0d05de49dfd75a9b1f6229e9f036355', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

package/dist/collection/components/stable/gux-pagination-cursor/gux-pagination-cursor.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 GuxPaginationCursor {
     constructor() {

package/dist/collection/components/stable/gux-radial-loading/gux-radial-loading.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { GuxSpinnerState } from "./gux-radial-loading.functional";
 import modalComponentResources from "./i18n/en.json";
@@ -20,7 +20,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '882df11b9b09a4387e9c90316167cd4375ae2614', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'ad50c8dcce759c9f23c11a8b4f0e5f59936704fe', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ import simulateNativeEvent from "../../../utils/dom/simulate-native-event";
 import clamp from "../../../utils/number/clamp";
 import { trackComponent } from "../../../utils/tracking/usage";
 import { logWarn } from "../../../utils/error/log-error";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import ratingResources from "./i18n/en.json";
 import { OnClickOutside } from "../../../utils/decorator/on-click-outside";
 export class GuxRating {
@@ -167,7 +167,7 @@ export class GuxRating {
         return this.getRatingStarElements();
     }
     render() {
-        return (h(Host, { key: 'b8f2468a6ab647734b759efb7bfcbc8fa7dceeb5', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'dbea6cdca1f60074bccce54b55b111e7c77bca55', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '168975d155bbb6e516e5f3613807ee62ae131a57', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '568ffc4185de45751d31fbd65265048c04b26522', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled,
                 'gux-compact': this.compact

package/dist/collection/components/stable/gux-skip-navigation-list/gux-skip-navigation-list.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../i18n";
+import { buildI18nForComponent } from "../../../i18n/index";
 import { trackComponent } from "../../../utils/tracking/usage";
 import translationResources from "./i18n/en.json";
 /**
@@ -11,7 +11,7 @@ export class GuxSkipNavigationList {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '0b4ff4d1a2755e9c5e004983c0e35231ed116f8c', class: "gux-container" }, h("nav", { key: '0a065fab832f55eeb5969d1cb6e5d4e59a37ccdc', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'a67e50176a1a07147ac058f2336b4d255f6be08a', role: "list" }, h("slot", { key: '356f801bd9438d2ee1e906461a7e019d910d64b9' })))));
+        return (h("div", { key: 'e1a743527d342181d1b7f4ff0b67b2f160b13064', class: "gux-container" }, h("nav", { key: 'ce0682c740a6065436083ad2d15437c135948b2e', "aria-label": this.i18n('navigationName') }, h("ul", { key: 'd1d66d8731bc5955576b57d269ee4e6b72578cf5', role: "list" }, h("slot", { key: '009ac510c457f5b8a68131666daa7f1222b7080e' })))));
     }
     static get is() { return "gux-skip-navigation-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-all-row-select/gux-all-row-select.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import { randomHTMLId } from "../../../../utils/dom/random-html-";
 import tableResources from "../i18n/en.json";
 export class GuxAllRowSelect {
@@ -20,7 +20,7 @@ export class GuxAllRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: '6933866c67f463b65c70892c47ab3b60cf308874', "label-position": "screenreader" }, h("input", { key: '35aace8ec0915136ecef03deaf68e3656805d536', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '9d5e03fa1bc8b807ee1b694007e19c371a2f25fe', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '32d86292275974087de7d6def5c7d4469047e362' }, this.i18n('selectAllTableRows')))));
+        return (h("gux-form-field-checkbox", { key: 'b20a7ff95c5d61db98cba6c0979b86ec7e087362', "label-position": "screenreader" }, h("input", { key: 'f2d7854bcc07bd2d7dac878204bdd5181966e41a', ref: el => (this.inputElement = el), slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '0ef55eb29fdd4535e266a02a2169e1087162cea8', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'ea8003ea3589cd6f5d13901489a0a608ab43aaa1' }, this.i18n('selectAllTableRows')))));
     }
     static get is() { return "gux-all-row-select"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-table/gux-row-select/gux-row-select.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { buildI18nForComponent } from "../../../../i18n";
+import { buildI18nForComponent } from "../../../../i18n/index";
 import { randomHTMLId } from "../../../../utils/dom/random-html-";
 import tableResources from "../i18n/en.json";
 export class GuxRowSelect {
@@ -16,9 +16,9 @@ export class GuxRowSelect {
         this.i18n = await buildI18nForComponent(this.root, tableResources, 'gux-table');
     }
     render() {
-        return (h("gux-form-field-checkbox", { key: 'fbfe432614878a191486f7adaa3d981326227129', "label-position": "screenreader" }, h("input", { key: 'b2fae51feffbda628e6a1168cfdab9e7e7a8bc6e', ref: el => (this.inputElement = el), class: this.selected
+        return (h("gux-form-field-checkbox", { key: '6c70f08bf95c861105ec99643652c860ebf00b86', "label-position": "screenreader" }, h("input", { key: 'dc52948b55de7865a6813b699b807707a06ce152', ref: el => (this.inputElement = el), class: this.selected
                 ? 'gux-safari-bug-workaround-1'
-                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: '08e9aaaee2c4090d92728645356200e42ce1cfbc', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: '95b88f3183fbda8a9addd248a887bbeaca92f249' }, this.label ? this.label : this.i18n('selectTableRow')))));
+                : 'gux-safari-bug-workaround-2', slot: "input", id: this.id, type: "checkbox", checked: this.selected, disabled: this.disabled }), h("label", { key: 'a0484aa5e386695ff26c742690c14b00138eb11a', slot: "label", htmlFor: this.id }, "\u200B", h("span", { key: 'cb735061616174c5a686914f5cec642572f9daf9' }, this.label ? this.label : this.i18n('selectTableRow')))));
     }
     static get is() { return "gux-row-select"; }
     static get encapsulation() { return "shadow"; }