genesys-spark-components 4.95.0 → 4.96.1

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

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ec8be0e586c3b52c50ef63810e1f84e51042a1f9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ae77e4d4cb7b54f0e8a1a171723fee09bfe2ff91', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fb03cfdbc9e3d2f688dc8ee0b5d616a4472431f7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a1cd7341099504ce9cd1caa6fe2ebd7b09ad3ed5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '057d483533431f9e0aba5aa2195d2bbbe3cb1e5b', name: "label-info" })), h("div", { key: '0142401d9f88421e21d74fc3beb1966b3b3d7c97', class: "gux-input-and-error-container" }, h("slot", { key: 'a1ef1cb2c04b694adc03daf61c1417f497583cca', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'ae5dddf7f46fa681982c52ae5aa5a6fbc5a93933', show: this.hasError }, h("slot", { key: 'ef2d86dcde1cfe6ed6a166cd3867c273cfdeac6a', name: "error" })), h(GuxFormFieldHelp, { key: '96292e3289aa82f137338f50190a10bd345177ac', show: !this.hasError && this.hasHelp }, h("slot", { key: '9cd503cdbb37781b6485102f4f8492b927c6e78b', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '03b52b5c171eed7db4789139a7f4e261f67607ee', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd4ede0b30efcd4539218a6c112a4818bf137e5ae', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6693168ad52a06f63b1ae3407eda0506a082677c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e648d299468bb54bf42de5c18463ae8b01556d5d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '29165a90f5f57aea16585c69340b89b298ec357b', name: "label-info" })), h("div", { key: '1b2e81f8aab096f72068e39cef3955fe6359c161', class: "gux-input-and-error-container" }, h("slot", { key: '5b5a783b63104543369f55133b2364edb07a2c57', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'f53c23dcb4bfc36d4c7bf7cf8d2a58e6427a1ba5', show: this.hasError }, h("slot", { key: '81a52ddbc2bbd17cf018e7a95f961dab96261372', name: "error" })), h(GuxFormFieldHelp, { key: 'bbbcde2ad94994a0092d4718fe2535c2c4e3faa2', show: !this.hasError && this.hasHelp }, h("slot", { key: '984e604b0bb0c47726e7313573ffec8e68dad22a', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '7fb5202f53150f9bc6ab46eb123318ecab9f6db3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ec3c739c269f4071d03d5bff108087d0490bb367', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4562704fcbf00fa54799d9336b68451619c62457', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e780a85808c026988e68c4e50b5886f8855f9420', variant: this.indicatorMark, required: this.required }), h("slot", { key: '21c9e71f83bf5b6c7f7bb1ba3a7ca401cb3eafe8', name: "label-info" })), h("div", { key: '58cda9714e708448ad8c9ad61308e2b211f9dae2', class: "gux-input-and-error-container" }, h("div", { key: 'eabb92deee405ecae18f85147266e5bb957dde00', class: {
+        return (h(GuxFormFieldContainer, { key: '3004d1fb760b2df63465340c08b4ad957a7720a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7dfb26c04bec0911883fbd48ecf57685ab3c94ee', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5fa22327a6ef85f8ae466d0ee440c0b5ed524f6d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd801b13b0622628955aa2bcd48fb50ae54e68d65', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1511b51a2d23a83f51a199732831219df2e88a4c', name: "label-info" })), h("div", { key: '59942106060f0308ecac53674a2a341fb7b62195', class: "gux-input-and-error-container" }, h("div", { key: 'f240dcf81673e576be7811174c9da2e98d510c32', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'e97a8b13f8432ed89b1aef3b550bf908c873b6d6', class: {
+            }, part: "input-section" }, h("div", { key: 'b6d055f198d692b7b4a1ee2257e2245f8f556cdf', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '15e7a696913e13b93ac72faab98489046694a195', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'dfe87f2da8d9366d9c6a9fe1a93a5fc6672700c5', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'd39a973309e9a293586128422ea6a0ee23dd13d0', show: this.hasError }, h("slot", { key: 'e4106badcf7fe9eb89956135fddf63bf3c0cf58c', name: "error" })), h(GuxFormFieldHelp, { key: '7ec9d32bcde91b0d8dbc2ff83c82193105f6e457', show: !this.hasError && this.hasHelp }, h("slot", { key: '9ca171b4c94090451832aca5b62e4e4aa13f0e40', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '124084c38252855178ccb345521ef5e337141665', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '5bc79a734818af72070bd82ce4275f1233edeb7c', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'cdd574eafecc0a68265b7f319c4e258d5fd40e42', show: this.hasError }, h("slot", { key: 'be75190667c870278c5e9bd8658c9cf4bf27bd85', name: "error" })), h(GuxFormFieldHelp, { key: '5bddbb010f4e3cd9ef276110b8fb37a1e3db1a73', show: !this.hasError && this.hasHelp }, h("slot", { key: '82ae4ba91cfc869f614675c5d184b52b99820841', 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

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'dbde8cad293355dccea2772363302122ddc66b19', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '90cc4152a2e6adff78a668cd3593f92c2b34cce3' }, (_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: '6aff06b0eaf9b08c40b3196fc98f24cf5858d4c9', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c228bc1fb84d16e33463b6cb599cdfaea0846341', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '73fddb07bd73ede299442a70441973b4a02a33f4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fcd61155d6223486258f2a345d92723ea88dd6e7', name: "label-info" })), h("div", { key: '40c9db6d2f24462b79db483171ea9a885a1b7097', class: "gux-input-and-error-container" }, h("div", { key: '1c87c45c8267e76210273bdae5d20a59a4b5d355', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f8ec11b18c0c4e2f0ee75ff202e15658afcacc8a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '01877df6c72e7ed62266f5106d702c8c14c5e55e' }, (_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: '2c557c1750a87fd233f1ca51b1599edbee542bd3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '876a1f437fc48d1384f5b16b4b642abd982caed0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f1c0b013326afd5804cbb8967b372e83b803bd10', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a4462e9f22930501b03333e12a7b35e6a42ee45c', name: "label-info" })), h("div", { key: 'f6ef394ac6c17430e49e87783388fc9bd8ed17c8', class: "gux-input-and-error-container" }, h("div", { key: 'fa351316737f23aa85206c4f71512d7304cf45c3', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '91dc86d9da2aeee21912b0e8cfe53d4c1f869d71', class: {
+            } }, h("div", { key: 'c58934454a2765659b1e3d1d7d8fdc0cbee94d30', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '28c2186f85c2683794c2e6a57bf21b6e6835cde2' }))), h(GuxFormFieldError, { key: '7d3cfc37084fc1d038d3eae27773e2f49bfeecdc', show: this.hasError }, h("slot", { key: '9597cf3700f9dba1233f3f4b534684aff5fe6ffd', name: "error" })), h(GuxFormFieldHelp, { key: 'bb7e04bbaf49d6fbe6bf45d3010624aeae7e02d3', show: !this.hasError && this.hasHelp }, h("slot", { key: '7ebc9bb8aec539874c03f1ad4870c9626d404109', name: "help" })))));
+            } }, h("slot", { key: '15e7597a12de5167e26f9604d6c05afdf755f767' }))), h(GuxFormFieldError, { key: '656198c4e9b3fb21d8ad69daed8fc94452ef16e1', show: this.hasError }, h("slot", { key: 'f8df594cf3c7aca049c0dd23eca14b69dcb5921c', name: "error" })), h(GuxFormFieldHelp, { key: 'fb7afd9c57f61cab1ebb0a545b186b8714811654', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fc4fe2aab5273e048690a1e7f2caa0f852ff6193', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'bdd5bb62a05c306e10c675d2cd317831938d6849', class: {
+        return (h(Host, { key: '1007330d2d1bd0432959d6779cb9153ce24b823e', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'cedda2630fac50680d9c78d3880c818b70d844c5', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '8b50e84df3f9d0edb1b30e1b7af9f6861dbecd09', class: "gux-input-label" }, h("div", { key: '0d65e81dd241d493df880871efa88665caefd22d', class: "gux-input" }, h("slot", { key: '49bf5935d0211c7308562a3c22d98983cfa79d1e', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1cee92e44eea39d61be671af55721a76db1edabe', class: "gux-label" }, h("slot", { key: '6db40d2e3f714d8aebcd3ebd5cae44323eeb53d2', name: "label" }))), h("div", { key: '1478321e1f2e24bef80a3c3aadee856ca624be50', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1b4449c4d4bb2f03d97326ae6e8f1ea23aeabcf3', show: this.hasError }, h("slot", { key: 'c48dd11248d9bce2478d554dfd8919fb0472ae0e', name: "error" })), h(GuxFormFieldHelp, { key: '96630e13f5bc940349240033a28feb789835dad3', show: !this.hasError && this.hasHelp }, h("slot", { key: '5d0ea49f3678b6b6e6f24c097591efcc75a0db9f', name: "help" }))))));
+            } }, h("div", { key: 'e865127161e33a23564df3b7658e98d5c15d787f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '7168722d1846daffdc37a73ede577a56f0a4984b', class: "gux-input-label" }, h("div", { key: '492608ca60a49254869b74f523f1646ce49840a4', class: "gux-input" }, h("slot", { key: '9dcb1fbb80bf02efa18eef70b86024d510f87acb', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'f82d33f93f817dd22e672afa9d22d85332760030', class: "gux-label" }, h("slot", { key: '2a4c1cf42c51903626240dbcf9355c4f34e385b4', name: "label" }))), h("div", { key: 'cae621b85cc2205ec3e4bd274cc1a78f53d63f3c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '0ee7846e5933b9c6ae78027cba7a85371ee433af', show: this.hasError }, h("slot", { key: '4a89abea0a3a5ffd87e4b11b61a9492f752f633d', name: "error" })), h(GuxFormFieldHelp, { key: 'a0691c11d576394b2ae24f460774871017ba9c11', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eac90062bd312cd07b0207bf37fec5c33640f533', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3edfd34f7668c2c888437c1f206a7baa21522c65', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'd06ff4e41e24027a9c509a43e8644aed17d23478' }, (_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: '0bb934174f7232628fd89c5fbb061397c9eb9ed3', position: "above", required: this.required }, h("slot", { key: '72e74b3ded76fe0683b7e22a381ac22cb1056810', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e452dfdcbc8fc51f0f87076fd307995ad34cfb4f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '50f5101f6e98eea190184cd1cbe0b35a4dc2ad47', name: "group-label-info" })), h("slot", { key: '622b08ff4b73d294550f807e61171f4702c44ab2' }), h(GuxFormFieldError, { key: '4a5be5687edde8278d61b8cfd1e130538ee6e048', show: this.hasGroupError }, h("slot", { key: '1c9e9dabe4b62fd1cbfd17d43bed6499ac043473', name: "group-error" })), h(GuxFormFieldHelp, { key: 'd236699c119ee203aa59c29813db4582caf165b3', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '61b3ce846d6908e63f234a11008029ca20f6013f', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '5f2de0767c6d109ec92916eaa4ee37aa94905ce8', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '6609e4ec170d72b411b8db0d08af555d374bb538' }, (_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: '2d08f8ce4811671c168f83c520e1a842587e098c', position: "above", required: this.required }, h("slot", { key: 'efe1dd9c3bc201d6c78e142ad71f8992758ffecc', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5f1701c9319550e7c3a703cb422b35c7b8d579e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4040e2da5612e756a0b3eb585570d8ae9e90bc5b', name: "group-label-info" })), h("slot", { key: 'f2a1bf78ae2358507408da4e546aea6b28d9f5f2' }), h(GuxFormFieldError, { key: 'a3019ab6f661d369fa6e2d83871e61e7a05c522e', show: this.hasGroupError }, h("slot", { key: '92e9badc94f995999cbb343b5b726992caf30221', name: "group-error" })), h(GuxFormFieldHelp, { key: '2d4915e6fd8a4b98ccf210c1e8cc35f60caee285', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'd340c2f5d29e80eb2003e1048a74cf519ee65180', 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-range/gux-form-field-range.js

@@ -114,9 +114,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '24bad458d09424cb27b90d72ec1d4462df968f5f', class: {
+        return (h(Host, { key: '0c5200095bc30ed766aefb7230f7d36e38da0b47', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'fdfcf4450bfc811ffc8cb36f485d4821b5ff4791', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fce4be4a7b54e87b577762ff69369362da4af446', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9832f6def25ec6597ee337d6b3a9b540667694f2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5185727c8b7493e055b53567a4af45beb218f78f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'da710f17135ee689043e716243eb7daa59c6a0f0', name: "label-info" })), h("div", { key: '5eb6e8ef5745690c36924e683e9820a897cd3629', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '375ca9d8bffa053c3bd65ad9f68854085f83609a', show: this.hasError }, h("slot", { key: 'f211f49dcf3c53bfc0f88c95e72b7d805c44cebc', name: "error" })), h(GuxFormFieldHelp, { key: '8bc7a0d543afbe96097554560df90dff8086d4ee', show: !this.hasError && this.hasHelp }, h("slot", { key: '08267bc8656c5bfa2d50d3ee679ada9bee3216ca', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'c188ac3ea3431f667a14716919455e49a3b39fe8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f9d54c26828629951f8bcef369f6f9d4a7ee3781', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6ca8713a5e6e35836e6f85fb1a586d036c469cc6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'baaa3425f49e5abb2300fd967e766b0afbf8128c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '715f74771087325a93268b902ba72140a5559a35', name: "label-info" })), h("div", { key: '0d4f7b7968a44533d78b1b12dfb8c520f3d6b1e4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '1595f5480b5b1a2f6c126b93629b566696ab8fb1', show: this.hasError }, h("slot", { key: '4f66cea2ab1b665d7e8bead022af7d5a053ed26a', name: "error" })), h(GuxFormFieldHelp, { key: '73b488cfb8badec729d020ff436c77db7d3b15be', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a3185925d00c074336ef2d6a5ea716a50947b14e', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -94,13 +94,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '23d091397bba1de353a3cf06d85c28b530231664', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '17fb6533c7edd27e9d852afbb5351021062dee33', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9ad0ab9c2d0dd5facd45126ffcf0c9fa0020d9a1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8f8b7dd803b5a6e98b1a297f94f4531aa962b034', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0910ebf7d36d96cac2b6696763ee758ceb220b1b', name: "label-info" })), h("div", { key: 'bacfddc6c73780acb79b7b5a949a751dd6ccdf42', class: "gux-input-and-error-container" }, h("div", { key: '287725d629494102901b3c1f1a1308f3dd78b2ff', class: {
+        return (h(GuxFormFieldContainer, { key: '7405bf78d92ed1bdf1ac2c6e1c3c9ddde88acc57', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ca4a460c86e67a01dfd7fab5e721431fc36194e7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '53ef034b13e04e68265146499da04ffc075711f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '365e48d76ca75a981c8ca5f65d47031a3ebcc21a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '10ac3d5512e78436bcc8708761c0b59e284c30ae', name: "label-info" })), h("div", { key: '956a7b5be1ea256e40da24ae7b6e94f3813a5039', class: "gux-input-and-error-container" }, h("div", { key: 'a4aac2179612e037e9e8857d7c914bb3d3f7e324', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ee655027360558cfca219dae4dbfcd806b2744d0', class: {
+            } }, h("div", { key: '4efb76589e49acc7d890938f679afa6dd6f5b56f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5c27f65f54c9e4795c2795e8ac39e83a4911ea7a', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'dba56b483300735730a087acad7849b446add223', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'f4c56626b9b0bee5c33bdda8c162fbadb9846895', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'a8cfb378725456a0752e73c28c27b2a5528af9e0', show: this.hasError }, h("slot", { key: 'b465e66702cae5898b8f4f8cb842a459af6a4d1c', name: "error" })), h(GuxFormFieldHelp, { key: '913cb324e64a3b9e557076fa813d390e703fc173', show: !this.hasError && this.hasHelp }, h("slot", { key: '2f4542a31f5c0298790cd75d22c2927379bb85a5', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '697512405df38336225bb3909d60eb43fef5158e', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '5fd45f10348ac6cf5c9f02c415c37501665253d2', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '99e9a5e433ba002a51f11960ebc47fc513f9a963', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '6f021e04d45d020030600343e47afe245a447fce', show: this.hasError }, h("slot", { key: 'a8f5ffe057171d6f96a586e7c21fdde23f05f85b', name: "error" })), h(GuxFormFieldHelp, { key: 'f7875711423f5f28097cd65e8081e55cf470e987', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b04fb5662440b2902f8f13151bf14edfb1a9f8b9', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -84,13 +84,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'de3d4034ee9196f56168cce98de0d29e9a78e174', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '97d900c3de69381daa64e969fd98187ffdc55bdf', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b103bd37733d530394724ce9e1ee5153f840be97', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6e4944dcda655d6e32d1167935e39ee2c97856f0', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b27cf7a2128e8e8b710cf73a36371a03845d3576', name: "label-info" })), h("div", { key: '807cf0938539bcf9aa797a2c631d60a967ebfffa', class: "gux-input-and-error-container" }, h("div", { key: 'd92c21f4e01382efce15948116b2217e0aefff5d', class: {
+        return (h(GuxFormFieldContainer, { key: '6a8581aa0d7ebcc584aad4e1aaf7e9fa2a3f6078', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a2ac5c213264150a4b7f2d62c2b76c8f964930e6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4a1c5254db4026d5bbc9e2193573139f36e555f1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b222ce994952ae631c2edcdfbb09ac26b1c886f9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4d8cd2800fceb7937ea7caf71101246e3518dfdb', name: "label-info" })), h("div", { key: 'c7772e0c9cfe35858c200652cadbd1a71866dba6', class: "gux-input-and-error-container" }, h("div", { key: '795c4e2672aecd3f7ea7efd36a944c8ca2200423', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '7cd091989e768a73666f916bb977d31dd9ba8ddb', class: {
+            } }, h("div", { key: '97c0082e17a2eb03fa9ddd0704f69f830fabe7ca', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '39a6c44d3d5b9ad8d6e0282368887bd7e031fb61', name: "input" }), h("gux-icon", { key: '54d8ce9f0d5affb623776ce40b0ff8bc4e70f664', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '80b8d5fc14dc410b08671932c8887097c72aa92c', show: this.hasError }, h("slot", { key: 'e183d7a33bce4966332879b297438d3381ad0ed5', name: "error" })), h(GuxFormFieldHelp, { key: '447d9b0d917b4f42f6ecfa73b9279c714ad7e6d9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b06cf501ba9f4c8f10541d07a8ba1d0aec09d608', name: "help" })))));
+            } }, h("slot", { key: '320f5716c492fc38fadee6854fa4e88f2d36aa78', name: "input" }), h("gux-icon", { key: '0e4001a0b2f0eff81a560e137e0139a73752e2a8', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2f34779d19eb3cacd2bc65d618d0eea2c31caf75', show: this.hasError }, h("slot", { key: '0de05f2f06ffd1851c9d71cb391810ec22cc88c9', name: "error" })), h(GuxFormFieldHelp, { key: '43a86cce865e095d9eb80edd963084305ea81959', show: !this.hasError && this.hasHelp }, h("slot", { key: '44c4ce4b1b4e161ecb44544cefb9a48c65797b01', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -112,15 +112,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7ad47da867fa6f847b1fb994f377d70c92ef0cfd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2d4d031b0ec8b4583bbf0b5e94dea417deac968f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'fe4f6a200d6dd16f3078fe37c5d1bfe7c8976abb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6d653484e6162acdea6eb2fe08fe031f8e7069d0', variant: this.indicatorMark, required: this.required }), h("slot", { key: '468d584495812626aa29b4a822c72cfd94d7e94d', name: "label-info" })), h("div", { key: '7d15079b1d681944db2a3ba71aa867be81bd90e1', class: "gux-input-and-error-container" }, h("div", { key: '3d60a9742ebfcd89b5ee4582f31274a48b55cc09', class: {
+        return (h(GuxFormFieldContainer, { key: '51e669c1748538aba9e7414b9a2ed819c63860df', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'af40de2c177e0d635ca88ef0aef84c83933efc5c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a127f73e96220914d9211a035d2594f29fff1fd0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e7d62369c264f1464f583c4a8038a0f4c124c5e1', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f43c895cf0d6c2e7c22204651e621ed714c6ed6d', name: "label-info" })), h("div", { key: '047d3f1f266542eed651bf721b1c54153080bf07', class: "gux-input-and-error-container" }, h("div", { key: '26e0ef02b82b6be8ff574ca54a6caeef9061e33b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd398fbc705f1c62a79aabd513c21032f9dfb8882', class: {
+            } }, h("div", { key: 'e84b2ad3a05a1327609c5fb66e75f0aec720e67a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8bcfc813430593546f4b551abc427928b43e6c70', name: "prefix" }), h("slot", { key: 'a039f9a4f70cdf014fbd9474933ceeaf0c2eb8df', name: "input" }), this.renderRadialLoading(), h("slot", { key: '2d163c902032df9ccb96ced83bf48087d55546d1', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '4354bf9ac87b6a1fae2aea63cf59c1ab59c3e27d', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '41abacce76538e8660aab4f2786911c4a38ca681', show: this.hasError }, h("slot", { key: 'ce97050ded6c482a67a908dce4c6447347c2a68a', name: "error" })), h(GuxFormFieldHelp, { key: 'fe856f84f90b1ff71a5264de5fa7b7b11e05ca5a', show: !this.hasError && this.hasHelp }, h("slot", { key: '2ee92e68526ff785aac2d5c70eb5be185415f721', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'e3b8a90222e126aeac6ea73ad6a644becaf57afe', name: "prefix" }), h("slot", { key: 'e89fd93a70afd866d66bd07d4e2c6eaa97f77893', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'f8684a8de61818079637e7dabd5feae5e84e8efc', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '6424ddfe9426d7172a66b652b809f1d27a7a2b90', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'dce09c139b32ecf68a318d5d180fb6cba23971ec', show: this.hasError }, h("slot", { key: '4f0d6b9602ad7635dacd90a033ae91fb75850d7e', name: "error" })), h(GuxFormFieldHelp, { key: '1ee7d2f92fa17b4e7e4d883cbe8c5e07fa69308a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e82672fa997c2bd201ad827e0feddcfe9abf4458', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -88,12 +88,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '2d64157769ee6304dc7b3f97fce59b700a277918', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd5925291dba40595060f8bc76e66820a28fa432b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c8b27a39230c671f8fc53b64240c057fd26372df', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2ea99f0c1ab133689cbb68e53b48eccd921b73bf', variant: this.indicatorMark, required: this.required }), h("slot", { key: '77e0a75215cb61473d0e34e98f37effdbe19c92e', name: "label-info" })), h("div", { key: 'af62565acb00485d1ce432e65105bb19a4546363', class: "gux-input-and-error-container" }, h("div", { key: 'a722bb9e45f803e673d775feb17a5d2c43c2d1f7', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '15470eb990134e544a66fc13bb4cf68f0dc05b82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '85bfdaee051ea0c3bdd180d56ae2cd95291a29ed', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3cac2f55a3d51de83b6255ee83e10548a6b59c1a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0831ae089954c47a861575e8c453574e732e48bc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '24b3204dc423b7ac32d26e40b2da929a1dc97d8e', name: "label-info" })), h("div", { key: 'd6a9ba1fe678d26785e38004af2640eeb2221123', class: "gux-input-and-error-container" }, h("div", { key: '9b09babf6fc6e83ab3f553b6b608841acf05458c', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '4a806b0065cb39845ce35f3c6b12984242efa3d2', name: "input" })), h(GuxFormFieldError, { key: '1a1d21db1a8b74bbb97e4b5e2d9ed35055a898e3', show: this.hasError }, h("slot", { key: '42ff00507435d4e55d0b361e87dfdad455ad7675', name: "error" })), h(GuxFormFieldHelp, { key: 'dc8973664fb6271301abeca283e51796dfc91325', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cddc7d8caacb23215848f86126ec239cdda79b20', name: "help" })))));
+            } }, h("slot", { key: '6b81b48aa68d3c7d37eea771288de4647e434f35', name: "input" })), h(GuxFormFieldError, { key: '2fe2b4d91650ea485489c01e6a71c8f4bae31b68', show: this.hasError }, h("slot", { key: '58509e5dcf091821c9790689bd49f0a24d9006d1', name: "error" })), h(GuxFormFieldHelp, { key: '7b851ac6853517a510cfaaaf8772bbe237f8687e', show: !this.hasError && this.hasHelp }, h("slot", { key: '5bbf6cf5634d1eec9bfd8c27d8201a5253e4b326', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '60fc562b76f501ceaeac4e09c4c6e5368d5f737d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b4d14d4a98da9a74251af893eca347cbbfc4768a' }, (_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: '656373aef3a08a0ef8843a7ab56b4be4988c68d4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '47621eca560c5523135c6fce78088772f52a5737', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ad9f667f3c12c17da9205edd8c0ac3e8b2ccc31a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa58046bf6aecdd020ded12f03854e4e96a31152', name: "label-info" })), h("div", { key: 'cca787f8aff4614d2234205be5a5bf8fbc3784ef', class: "gux-input-and-error-container" }, h("div", { key: '9a44413706326db5e507c0cb9b719f7e31d271ab', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'deec575ae4254d2bd2ee163a475a6353f8ac49f0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c8899ce5d60cf1510357953ee804ce1c86cf1f41' }, (_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: 'eac2c900eaf473fce6624f04997186839216cab1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '0be8baa608026233d8d27d1cdfdee65d7e426cd3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '84dc5cb8b8e03b28a56c0f7320c167c3dbb32890', variant: this.indicatorMark, required: this.required }), h("slot", { key: '424db029edaba99f1de825164a3c065de6827ce8', name: "label-info" })), h("div", { key: '1f6bd32c7def2a05320f0e4e7ad3523fb197cda7', class: "gux-input-and-error-container" }, h("div", { key: '81a0dbc4d6eadefab6ba373a6860d1e652301151', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e3694c7f87f39182e4299dfc4f1cb6f0478e9721', class: {
+            } }, h("div", { key: '00b5a652e62e462e7ec346cab07e049070989b1d', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '5e0406319a26dbdc3cc72527b89060976b1c9f4c' }))), h(GuxFormFieldError, { key: '14c743026d91c5e57cfce025a8bda86d14678d50', show: this.hasError }, h("slot", { key: 'dd10497bc6f3d3f69e1b45f0a8ecf52bb58394aa', name: "error" })), h(GuxFormFieldHelp, { key: '53038618d0d2b6c011401ea52828d3f2183a502a', show: !this.hasError && this.hasHelp }, h("slot", { key: '35a68352f844da79be7545197e32c97e1acf8f79', name: "help" })))));
+            } }, h("slot", { key: '7fdfa360511eb4b6b4a394a18cd4cee34b27d7f7' }))), h(GuxFormFieldError, { key: '141b48eafb76740b50ab8a0ddac245616c03481c', show: this.hasError }, h("slot", { key: 'bb5ee505b7311f10848bcd5f4f59d881207e5dc6', name: "error" })), h(GuxFormFieldHelp, { key: 'c82ec6d5351ddf71550420179e2648e4fc98b84a', show: !this.hasError && this.hasHelp }, h("slot", { key: '5908cec4d86f99702c5c798f4ef828b0cbe0afd9', 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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '2e075d0131eda9fc5be091c017b2f21dfdd74eb4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0c16642d7b7b345e1830ce8d25b67d522a459699' }, (_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: 'cdc145f63f0922d19fe50978baa41bf226db7990', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'adeae92f6404cd22c6dbfac6946e8aa213d198aa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '472ce6b87b16a23e13c8b275257d774f19e8f782', variant: this.indicatorMark, required: this.required }), h("slot", { key: '714c0f32f962d72006be78619c5e3acccf508a82', name: "label-info" })), h("slot", { key: 'd649028a8ab26ecb0d6ab004a3a0e260081b8c1b', name: "label-info" }), h("div", { key: '6ddbca6d667d9e7dc7a8a25d194ac2876928dc4a', class: "gux-input-and-error-container" }, h("div", { key: 'bf87c797dbf63fe5c65304b3dd3555fdf222395a', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '4de5cc87a3d54ed77536f6dc22816028e2601613', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '885c7d996de441f3d5b1d1e10990401f4232da0f' }, (_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: 'e24fde7cacf31d6868423481fc833e8119eb2ecb', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4aad9c52bc42d453d287e08d9e7f841085cb6ca7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '43209f28efe46da5cbb4233e983c89225a0a691c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '138f9fc0af28d31c79aa91160ebf0434a6a80c6b', name: "label-info" })), h("slot", { key: '0e0b9a6efa8c1f82330c785fd64a4ecd8a2a9f46', name: "label-info" }), h("div", { key: '41cf08ab83007df9e1525185470ed9e7a69c1047', class: "gux-input-and-error-container" }, h("div", { key: 'cc600195dd572363932f7d3b7b5c5e9dc4c82f9e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4abb953129ae7c3d4a6cd75b5684e21e8cade2e3' })), h(GuxFormFieldError, { key: '008d2a14000aeec1abf79bd897f3ec4d2587d356', show: this.hasError }, h("slot", { key: 'b4838fd6bb461114e697ace230080bca1e6c0e49', name: "error" })), h(GuxFormFieldHelp, { key: 'd250b771e9196a164fe340b32fa8879b7f2efae5', show: !this.hasError && this.hasHelp }, h("slot", { key: '1939de913728f54e0145f769f03b1dbd611386df', name: "help" })))));
+            } }, h("slot", { key: 'cbc9fba6a87abcd9be1e7dce71f404f77c06f21d' })), h(GuxFormFieldError, { key: '59f96087931db657bf912553c83c06f09b0df158', show: this.hasError }, h("slot", { key: '6bbc3be68b40f940bd2343a849180901f2f859e6', name: "error" })), h(GuxFormFieldHelp, { key: '76fab7949e0db6c0bc8b1858a0d9c058f1472784', show: !this.hasError && this.hasHelp }, h("slot", { key: '70314744b13f8452ca7ec788470250cea7ddbfa3', 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

@@ -8,7 +8,7 @@ export class GuxFormFieldInputClearButton {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("button", { key: '5780725c1eacebe4cecd87b76b7495502a66518e', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '826220182c7a0ca54418a77c8bdb49464961d2f7', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: 'a26380344ef139d93d67493f35dfa09ea91a0b89', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'c542786efd1704ef1ba4838cf330bd46baafef3a', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'd265324c4e6301a56947b023e7100c6bfeef91a0', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '4aefb9d9cb9c56d866571909cc103b8e4f83a014', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get is() { return "gux-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,10 +28,10 @@ export class GuxAlert {
         this.i18n = await buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (h("div", { key: '033f9c2d02ed50b74c0eed9a758617d9b68c4433', class: {
+        return (h("div", { key: '85684d31ab53f173057cce0850d0e85a96b497bc', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '8c24a5319c4627529a094436c6ea2e3c733f20f0', class: "gux-message-wrapper" }, h("gux-icon", { key: 'ab1f179bd3fc5262d8151ba5c40498723980eb7e', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '9730289e008e4c0205e74846e3e7e20ced5c8e46', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '67d192a9ed0b31d6912abadb69ce46c71df5b80e', class: "gux-content" }, h("slot", { key: '64ae828ca53d830c7298d1d9bf903554c1df53c2', name: "content" }, h("slot", { key: '4e0607bf89105a6468c18c25c6029e8d44cb202b' }))))));
+            } }, h("div", { key: '0923252915d78b504a48103b63fcd503304cb44c', class: "gux-message-wrapper" }, h("gux-icon", { key: '2f088db94087708243aa6b8817ac2f35d3c23707', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '92d026bc9abc942ec4fc2fc04599fdce2e840023', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '473ccb565115616d4a944071bc44799e94768d63', class: "gux-content" }, h("slot", { key: '6892d735f14a37c0488ae19f9a5abfe16c1c8bed', name: "content" }, h("slot", { key: '152db3a54bdb981a4987a1328e5e6c73b42a890c' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-divider/gux-list-divider.js

@@ -1,7 +1,7 @@
 import { h, Host } from "@stencil/core";
 export class GuxListDivider {
     render() {
-        return (h(Host, { key: '53617ba4ed687305c42345529d760475c3ea20d2', role: "presentation" }));
+        return (h(Host, { key: '713909a50fffe7ac054da956484525f0c871aeee', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-list/gux-list-item/gux-list-item.js

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '893e725032bd4c3251bf3b7639753788a6e740fa', role: "listitem" }, h("button", { key: '712ff44cad018cc22ee4c380c8891080921e8aff', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '6b8fe97d97a77c15759cd0ded008f6360966e734' }))));
+        return (h(Host, { key: '9f28c36c4fe2bd03aac2a9370542dab8a00f300c', role: "listitem" }, h("button", { key: 'fab5254305866b0406c9c8eaddc2bdf5d30bdc94', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '140355df7003361c7d0cd69c55207ba00ed4d444' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '8e8ba6283534aafdd3d8455ab169b6f15cd6f24e', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'c7bc600bdd0da813f7d190b9a7f937d05704a6a0' })));
+        return (h(Host, { key: '0a536a823e75bbc2b6c549f585ec0a96d5452687', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'd1ee76be9feb36ef0d926f89d5c399eec0d6d836' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '2f6b2f443b5e4cd0c3cdd96e94d71ab923e3ec7a', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'adefe67ec51d07b2de9e872bfa3b479bfda90c48', class: "gux-option-group" }, h("div", { key: 'da753d79ed8022c7da83233132e68de174a8c6fd', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '61ea0eb85b8ae151b63f084d7ac5120ca3b18867', role: "group" }, h("slot", { key: '49cdf77746dbf9b621aa3be953925fd70602522b' })), this.renderDivider())));
+        return (h(Host, { key: '7c065117af803d8fb0856c2acd7db615e295d90c', class: { 'gux-filtered': this.filtered } }, h("div", { key: '8f43148de13f61fafbb2f5f0d4324fca79eeb46a', class: "gux-option-group" }, h("div", { key: 'e515f6d9469e96a16f0ba7d33fc251f7c19bf660', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'ee9d353abcc3cf1c435bd2333b52550aa58321f9', role: "group" }, h("slot", { key: '249c5fc7ffb2fbe58caba6460294ae4009cd9ec4' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -37,13 +37,13 @@ export class GuxOption {
         return this.selected ? 'true' : 'false';
     }
     render() {
-        return (h(Host, { key: 'd5050631ba526c1247d272ef9ed265f97706a908', role: "option", class: {
+        return (h(Host, { key: '23d0dca350a1bcdad8ba2139620afe62c0015fe8', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'b8cfb42e8a80e1b6bf3d4e6e18078b038ab4b7b0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8915de0857aa594e326c99a10c424cc1f2fb0636', ref: el => (this.truncateElement = el) }, h("slot", { key: 'f233607b6417fcc5efb072aa4d0b45706bc3055f' })), h("slot", { key: '4893c1453d676fff099e1b45a91e8c7f1e97ac6a', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '89a9b92a885fe4df1da0bef02355155fc5b151ee', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1e3b298947c60a42937f745b0322dfa985912600', ref: el => (this.truncateElement = el) }, h("slot", { key: '42490572b69e9ab1ff2c1b1f43b0135c74094ca6' })), h("slot", { key: '192d2a1857343aa6da94542317c8452b078f1b86', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option"; }
     static get encapsulation() { return "shadow"; }

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

@@ -53,14 +53,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: 'e7169a86aad3a267386691f0ee18699c1c5ddfe3', role: "option", class: {
+        return (h(Host, { key: '3c870a799ed049ee2ebf70a890d6233f6c262cc9', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'aa39e9adcc63d15c33dfc576fbb9c8e3dc55e663', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '72117e18cc65ed1185e5e0e6da355c0609e32ee9', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'ccac06445c4c47d645d5023b2c3547dab5130a77', ref: el => (this.truncateElement = el) }, h("slot", { key: 'ce607126faf73c1d759e3f47deaa6be68523e638' })), h("slot", { key: '55eaea1c159cfec8e01af9de526d1737786c6409', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '7a537c35a84c8306c2b9eea4cc6f28c09f1c5bcb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'c9d015569c58bf37c353495bbbebc508f8a8bbed', class: "gux-option-wrapper" }, h("gux-truncate", { key: '725eb0eaf0f7ae3d78534533b9b19d8505719981', ref: el => (this.truncateElement = el) }, h("slot", { key: '9c37629775262db1613aa58f0a3da13296fdf1ff' })), h("slot", { key: 'e1d66aa116b6e3ba38aa5b301ff6bf12b46fb742', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '9f2b755c695077df77c31d8caabbab326c8e5153', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'da695435ea54a4bea95ad5c21d7a35ea1aa352b3', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '3f59a2503b60aab9bf7778686aaaf9e10d31cad1', class: "gux-option" }, h("gux-icon", { key: 'e9df5c6157d07292005f4dec1734c059a6d1c1c3', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'e4865bd8f1dcf10895d0b04069bbf6f668fe44c1', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '0198722f2ddbb156337b0d9913fc9d29893e0d46', class: "gux-option" }, h("gux-icon", { key: 'a6e70aa79abe8d33b9b95b8d866807910420a4c7', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '4f61de90891724e327a1db899740e49ed36d20db', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -54,13 +54,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '2a2464f67d8f5bdc03d7001485fa1013a6a45b09', role: "option", class: {
+        return (h(Host, { key: '4d51e59bb047038d2c49685877d94301dcad5d59', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled,
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '29fa2d5d9890458b7bf903796546ea885f80c362', class: "gux-option-wrapper" }, h("gux-truncate", { key: '002a7fe567b6c90dfe1b8f090afc9b28cd3fbebd', ref: el => (this.truncateElement = el) }, h("slot", { key: '6b69aff05a07b3901d50da97562eb8671890c8c7' })), h("slot", { key: 'd58803220bc4d217c67c36dd926fcfa60d1594f6', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '4e048fa5c14a8c0e286605f6112105448423d476', class: "gux-option-wrapper" }, h("gux-truncate", { key: '68b0d6f0838b276ce1e0930c811f218aa89faaf3', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd22aff80a391b4dd5ee526aabb832eacee9f5ed3' })), h("slot", { key: 'eabb2ad94a4de75f074a47dd6dfaead986762eb5', 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-loading-message/gux-loading-message.js

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'e710678c224fe04a0a084e49ef9f4aeac2d06ace', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '43a40ea7a6995be0347783800698c2e9f515112d', class: "gux-progress" }, h("slot", { key: '5347b2aa85555dd66be284ff137cdf762e5ffc23', name: "progress" })), h("div", { key: 'c30290949ef83f2b59732a1a19a3b92c20352a33', class: "gux-primary-message" }, h("slot", { key: 'e5c65866ad8c69d943c49d28510f9340208bcbb1', name: "primary-message" })), h("div", { key: 'cb46b88b99c00dfb811921789166e90bdf3601ca', class: "gux-additional-guidance" }, h("slot", { key: '2635e00f68b1e0dce2ee1b9410142b8a1c06ac73', name: "additional-guidance" }))));
+        return (h("div", { key: '1ed0a00d26ea803f76ae79868512ea6b5a94ba1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '80185e4db65c7b493b508e10459792cf564d630f', class: "gux-progress" }, h("slot", { key: 'a75ce8736eee6f38dcb7790dc5e8534f9c49529d', name: "progress" })), h("div", { key: 'ae85ac2bcef82e4c9f472ddda93927d49c83ed40', class: "gux-primary-message" }, h("slot", { key: '7a5fc98b6c4e3395e9fb5cb0e6c0f50d4230dead', name: "primary-message" })), h("div", { key: '5d48b2bf4e18e6f47e4cbbd7a28236b7b899057d', class: "gux-additional-guidance" }, h("slot", { key: '5f5e14712b684b4d6e07861ebdadd03ed579417e', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'f6eb3b8dba19dd0cde2fac4a7c2276c0c82e0112', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'f65ecf74cc38d417b19f0dee44146dcce4f4598c', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '3dbaf1c8dac127543fa5a61c68c8f0176620256b', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'bb1145b8b1e26279c879da7f96b8377b8418cc98', class: "gux-modal-content" }, h("p", { key: 'a161c2cfbb03a5517368c75cc2e1f94213e3af6d' }, h("slot", { key: '35b15f5205bf5cfe104e26a4a9eee36a18c15205', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'fc69516a142986a16b17b3ba55e75e2d353f86bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0e948feed6231ef86ddd6777d0c8e3800249d02c', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f25c78d5a91d7beffee4e54e10af29186d938d05', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'eae484fc09acda35734019e3d5a619ab7ad84e23', class: "gux-modal-content" }, h("p", { key: 'f37ac8119c8bb28f38f2212af1ec4ef9d8a067e6' }, h("slot", { key: '31cf5ba3bdf9da15a363b5239693a75bc745f0ae', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

package/dist/collection/components/stable/gux-page-loading-spinner/gux-page-loading-spinner.js

@@ -8,7 +8,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: '618309627c56ee3c7e38dc9eb400d38a4f3bcda7', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'df632f1877b7979596aa293aa997207afc7deedf', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
     }
     static get is() { return "gux-page-loading-spinner"; }
     static get encapsulation() { return "shadow"; }

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

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'ad49608b2ea02a57f41724891f68ccfeb8c7b5e0', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '6e643e0caeffbd06398927ef2a31464dd22c7dd5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '824bb6ba6cf9a66a7299bd1b6e53e4d067ac4c5a', accent: "ghost", "icon-only": true }, h("button", { key: '7583965f2973fe64ca19f492aa8c9909d354d0e1', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ed414f342691a2057e48614b225a672063ff5268', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '04b5d4a065a073dd589372907c50b3ad40b08704', accent: "ghost", "icon-only": true }, h("button", { key: '78a6d67254bb359b354f19f87b723792ca60f2af', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3f0209c358dcbd7e88554eaa834d7e32c5b1b004', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '034813608d18a7479376bcda17c552c1844ac421', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '215bb2bb8bc5474a3391ced80181c6c3a608b1db', accent: "ghost", "icon-only": true }, h("button", { key: 'b7c0e5c224cea90a0b1c3149567e21e1684fe731', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'c19c1be4e6af1279cba0793d3910e92e7fa4bf48', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '962d729f13f125060b004363eb8270ef6f3e084c', accent: "ghost", "icon-only": true }, h("button", { key: '058ee93145ce11d55d2cfb62c91edbd9be765636', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'b8f887fceb1f301118dee9b7a719857612c9f858', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'b952c4e31b202553a16b90bcc19d002f578c6542', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '370290db7475ae95cefe1cbfb5f6055c641afb95', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'bb7fdbfbd4a594c40a2d69a2a6efb0f4ec06b4c8', accent: "ghost", "icon-only": true }, h("button", { key: '0c5876e559c9ec1aac03feba1145f5288beb14d6', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '85efe9217bd9c1bf21a48a0be01aef8004030938', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '12d97fb88b464b109399d24318db8e8a3184d4bd', accent: "ghost", "icon-only": true }, h("button", { key: '609647b156e22f7ed497f559ea3494aadffe748f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '936da1deb961e5d3c783e98265a73e39f69a5500', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '91e82d3cf6ed8cf0f5567ff585ff4223a061b65e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '9e74913ef314c5c3890e4a58c9a9e1e0824eee9c', accent: "ghost", "icon-only": true }, h("button", { key: '240736ebf7dcf2c6bb4c9d2454628c44c9d8bcff', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'cba0c07811627ce62d55cbdcaf9d6c87c754b99c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '943ce7038ac7cb018369f0635812800484f2bf48', accent: "ghost", "icon-only": true }, h("button", { key: '56fcaed1e7b4d44764d9864eed2899b3fb045a16', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '932bfafcdc1f86a3e8ffc37a2577534db4a2078a', 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

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: 'f1a2af1f65b3878efef4080a238b09d09f710c81', 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: '3c367048811fe37b822eb7dd5306fbed5042cd0a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '43a9261f81b96d1314286c53bcc8f0f72862667b', for: "popover-target" }, h("div", { key: '721c5eb16f058fb05d7a549a348ca61deb556993', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '0d8a5adfd33f75ac3e464afb3a0fb0cbc857505f', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '9d386221b136be9cd68fe257d1bc965e8921f460', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c84b88704207cd9420531fe7865a495feccb3412' }, h("input", { key: '4896403654f521de90d923d0ec9547492f50ad1d', 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: 'b7e4a06586fc7285059b48be4e1e8b24ce35756b', slot: "label" })))
+            h("gux-button", { key: '9edb6e9767ec656e9324362fc61f55f537b4f1ce', 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: '97e0b3624e7981516b6103d3bc66c4dccd674304', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '7a870042737e509fcea5f17feef54cf7b023e765', for: "popover-target" }, h("div", { key: '43771cefb10b695b0a6b64db5c895ee8a9c3d680', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '7b19bde4f77e4e144f3deb2e3ecb7787e9ef2647', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '3440beb60515684e7a38884fbb2439e468bc2b4a', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '0d9ae2272cd1d465096400ed4b0016b45717e370' }, h("input", { key: '744e2b0cf012d8078e56515c3229979e0ee5e3dc', 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: '0d46facd40c446fc8c019582339079a86d3b64a2', 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

@@ -28,10 +28,10 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'b043a4388aa0484d7c5512d72e74bf1ba7f3a1e0', class: "gux-pagination-item-counts-container" }, h("span", { key: '9c046fa30823211990425bac7bc43be6a900c1f4', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3cd160bf18fac085a65877246c4425626a2d5655', class: "gux-pagination-item-counts-container" }, h("span", { key: 'b2d2a5941688c5d50c4245d635a7b427198b9c2d', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'ea3b4611c390e6ff669a28a01ecdcc2d43b6e71a', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '7004e25837f5233341e7870a16dfdb4af1e638a7', 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

@@ -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: '3ddfe4aa794271ffe873da851d8471f08033b9a9', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'd9b19dec9c231b55d2a4044334dc34edb89c76d1', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7c8ccb0a9df636675d6d76da5a0e15905509dfe8', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '90030397903afe20d13202559729d51c29d65160', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'e9d11af64a4c878750183e626af2a6918b42c17e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '2703346134649a760c6531e85f2f56bdbc7e492a', 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/gux-pagination.js

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '023b61228931881b67fa4e3aebca22931c3a13ce', class: "gux-pagination-container" }, h("div", { key: 'c2e19af81605e7a4037abbd171c9dd031d7fd099', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '14d22e92567986078b40cb319fde6028c2f07222', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '29f7fbac76fb22cf1a9ce858c80030d1a1418047', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '9e085123bd8ae74f23cbcd75780a42088b86cb4b', class: "gux-pagination-spacer" }), h("div", { key: 'd00ae54367898621c03fd27629f51f83dccac42f', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '2842ffe1c90e8cd150a0300fcb66eb61d26137f9', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'c212e0c8707b2e92a89435bb343cda33beae6dc4', class: "gux-pagination-container" }, h("div", { key: '48e3e35673fceeacbed050de622f03cf30eebf58', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '9065c19128d6f5f4d1e5ff520965fbd67c93ed25', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'a230b99ce6bce6f7368d4929ff64ab0cf7ead81a', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'c8074a09276813a5dc1656a0780db42e1641ab08', class: "gux-pagination-spacer" }), h("div", { key: '7e540f154abedfd84e7498bbee80b01c9d2efe97', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '32fb448ddceeacfe1f0df1b102056ebea0575788', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'fed4987b3257a50661aabe1d9541ba86f6e92c81', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'ddf447a44ce4ca11d5f2ceacbb440a702d8686b2', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'd41ef1daa6c6006f27d3f4be979a5145a8fc21d4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '96b2500e5d2aea8717cf62f86dd49e705fa35959', class: "gux-arrow-caret" })), h("div", { key: '0c1eaede0d0b7a59fd7274569e8503619d1406d6', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '5f7de1e236fd80790c953d30553105c8f2dac54d', name: "title" }), this.renderDismissButton()), h("div", { key: '6519bbca1363806885b6dda3fc1181c33505d861', class: "gux-popover-content" }, h("slot", { key: 'f8a2865c9a9f106dfa4aeb56b1969c1ad14206be' }))));
+            }, "data-placement": true }, h("div", { key: 'b6445f94664471e1217a4b38bbf81e9c1f260d4c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '97a25a2f85f0654dc7253469baf357e85aae3179', class: "gux-arrow-caret" })), h("div", { key: '2490613933a01a109c51040a1fdb139176111790', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '694be156b0275cdcee2a7e64767b04be6992eddd', name: "title" }), this.renderDismissButton()), h("div", { key: 'db9dfc3b1619e0a84f910e3ceadcfe3f88c321d6', class: "gux-popover-content" }, h("slot", { key: '5ffe140f119294d1d51c4ffef8ae10a72291ed67' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }