genesys-spark-components 4.81.2 → 4.82.0

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: '785fec87017ff42abee831b3c624c217b41d56fd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8b2118c7b4aa61db406ebe9156b0b4662274a8dd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0bb97183776944254809140c67c8b4f95b7e6473', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0b567491a4dbb3332962621fcd06fcb7f260fbaa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9c788f5e5be22657879e04abec11bd4cd8a01cc1', name: "label-info" })), h("div", { key: 'c1395eeffda28e6618c0ed585f98ea16566db1e4', class: "gux-input-and-error-container" }, h("div", { key: '79ed7447b231810038ed4967f95f24625987a291', class: {
+        return (h(GuxFormFieldContainer, { key: 'df4b8a0d67f9346f94f919bae2ce8a89f5fe1727', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'ff3557152601cab46977a21cd8e9a801d4add136', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7374695cd022df657d0d2b377cbda0865b6db6ab', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8f016e8a96739777af319345eba72b027a64bc4a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0c513673d8646dc7fb7d1662003e08b52353abe2', name: "label-info" })), h("div", { key: 'acde65f1e052116c5d25d823cfc8057cd7cc96c4', class: "gux-input-and-error-container" }, h("div", { key: '995ff2b1bf1d16c3f733cab26ecc0964af1372e5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'e2a946f4c05b1dd34fe3f68988da03fad88be780', class: {
+            }, part: "input-section" }, h("div", { key: '3314defc9a659839e2b5882fc57f97d96656ae2f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '6f58481bf65dad53105af30c21e0cccf083ff606', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '7c321e86300923dda697ea1ed96f395f2eae5e80', show: this.hasError }, h("slot", { key: 'ea01b157b5c696b3243eb22da2e7e0ca6b7091fe', name: "error" })), h(GuxFormFieldHelp, { key: '715ba6fc83227e5c35452c709fc4b5d66c7d96c4', show: !this.hasError && this.hasHelp }, h("slot", { key: '4b36fc63670534b1e314c6c4e79b8ee4164e19e7', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'e69306c0f92b42aa3039b2586c95c1e55b324b29', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '3458e120ecd9db5467e3dada2735a52675a3b79e', show: this.hasError }, h("slot", { key: 'd4f8a9fdbe5510dcbbaf0cc540b3aefaa06d11d1', name: "error" })), h(GuxFormFieldHelp, { key: '0255c2a4cf5cc3e0f76aea89508ca6a397c3b4f1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f50abf2bbf55c015a1593c01ed47a46d9c696c00', 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: '56f12f972a655ae407c09f1daf04cc23c7de1bcf', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'f2fe6e36721035fb33bf7bcdd8d1650bfb7dfdef' }, (_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: 'e07e162217ab41732b4f995944c60bfa2d14a9ce', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e5f95f3ac47968fec7f0ccd6f6592cc868089be1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'da85988d13e8024ab9fe74d4056ecede0d6530cf', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'feb7b1e0d892135bda3257dd8bb8531771304359', name: "label-info" })), h("div", { key: '700833f9c865c82b40f49653a227cf5f0fd19aa9', class: "gux-input-and-error-container" }, h("div", { key: '5e34d7c821c11a0616902073d56052802264abf3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '8d7f86bb76e7c3ff4a798917a45bc5b2d42e646c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9e2f637de0442d809253042f9675a7dd51081ff0' }, (_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: '052b1a003849260bf9d24055dbb38ed6b7b5e927', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'af8d9f5a0685e29be66bfeb80d288f05db995307', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b1d42a9e55588cbf576c8bc5681481b53ad25393', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd283281313e4d9bdde10ef78ac9a212db58a1fef', name: "label-info" })), h("div", { key: '0e15d073c9f4c41f51d36c9686a3a01feee51b04', class: "gux-input-and-error-container" }, h("div", { key: '5c163aa47d9ba7b760980d3cc55cef37a7161b09', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'fddd3d42d84ec8fdcc2ea1ca525e88b5a684493a', class: {
+            } }, h("div", { key: 'fcfd85402c8eab92a35b0e9d37efd577b401539f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'd58fa6a08698808604691bbc8e72c3792827ef35' }))), h(GuxFormFieldError, { key: 'd6faf31ecd47ef331d932162b719e67ea0110e69', show: this.hasError }, h("slot", { key: '493b1b0249f723205ce9cb7c32638d82ed625d73', name: "error" })), h(GuxFormFieldHelp, { key: 'c9efbe0fc5a1b79d6a0d0d7426491ceb69b876e4', show: !this.hasError && this.hasHelp }, h("slot", { key: 'afe33f3ec89fa5246c12327dcb78346f4d7258f1', name: "help" })))));
+            } }, h("slot", { key: '7431b1ab677bdf5d7983f83618ef1411e607e411' }))), h(GuxFormFieldError, { key: '8e31c0f6bc1e2eef0aa387de006cbded084e62e1', show: this.hasError }, h("slot", { key: '5cd157c3acd3579757b1b09cf1b3726e2be7f407', name: "error" })), h(GuxFormFieldHelp, { key: 'df5cd3f96afb6afe80cdcbef5df5aefe2a2bc737', show: !this.hasError && this.hasHelp }, h("slot", { key: '51cbf62e1b70dc72a5a5773fd49acc95d6bc2dd6', 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: '7dc1f9d2b6002960146602218bf0ef4023ab6920', class: {
+        return (h(Host, { key: 'b75d0ff902ced5a1a8cdb9966d8c6690503d0130', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '6e84121c488ef2bbec5458bde706455e73b270f0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'fd7d80734803eb61c1391d5063fdb1084fe47c64', class: "gux-input-label" }, h("div", { key: 'dabc615e2494c0eb41b6196706e9ad3d740cfef7', class: "gux-input" }, h("slot", { key: '5a595f86b59079deaf325916c32f43e1020b5df6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '2acf844b9be3fd281af460054af6bf06ab45ba80', class: "gux-label" }, h("slot", { key: 'fe34d02ffe32db3241f5cd0f6de31542a963edad', name: "label" }))), h("div", { key: 'e8db7c74f32d014ca1b64dc77dd6bd40979ed80c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a72e210faf7c6a85b79f4bba55b4450ad0d2761b', show: this.hasError }, h("slot", { key: 'f7802fcbac90cacf10f78cb9a8e362b1d471e4e7', name: "error" })), h(GuxFormFieldHelp, { key: '027bb4efd13c8267c700bb1231873f96156d4ee6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a562df50f27d540e8d68d4b9efa5b23e4e96cee2', name: "help" }))))));
+            } }, h("div", { key: 'f5854c0daf214cfd159cf4d96e35794e9e609e93', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '2e4c86e4443d2c701400747f3f119752984b1a74', class: "gux-input-label" }, h("div", { key: '68c21e8b945ebfde73d97e368ee950b0ec97760e', class: "gux-input" }, h("slot", { key: '3476024fddfa218fa102044f02f0b19947b8997c', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '293aec0463e0f137d91fe606323f2689554f93fa', class: "gux-label" }, h("slot", { key: 'f77833ddca1595534c3ce5a2a63abb242b58e9c6', name: "label" }))), h("div", { key: 'baa6ee62cc4c0ebecd9b22366e08f6166a99242c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '2bef63243a37098461d311f23077e962d750cbaa', show: this.hasError }, h("slot", { key: '7c74813d8cb1bf5ba6252872b6478b87764a8063', name: "error" })), h(GuxFormFieldHelp, { key: '495509e86a0e32a761ea2babcfc16865945d9e6b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b38a0df20bbacb819bae14fa29fa8bc235871e54', 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: 'f8f4831a93f54ea356b1902fbf037d897797523f', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '7a8c10ab4a4d4603b3801c1ebdbecc01b6a54433' }, (_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: '04c17fff48218c66531b6dee9f3d591656121b0d', position: "above", required: this.required }, h("slot", { key: '7f75dd2ed841bffc60c40bc7ed670f9430a64f10', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '52977414d02b4ee2c07e74e3238a6612c11ea7e2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9e339bbc65c945fb59434dc4727dc85acda9b22a', name: "group-label-info" })), h("slot", { key: 'cfa5ecb0cb906eae359dd2fe33afeff60cf53ec4' }), h(GuxFormFieldError, { key: '39c31179488c93d7476821a53869b1cd416e73e2', show: this.hasGroupError }, h("slot", { key: '4308eb7fad69d59ad0ec2af5a63999376569c8b1', name: "group-error" })), h(GuxFormFieldHelp, { key: 'c8377482e8d2742c632b20795fbd6007ead688ef', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '55940e9024684cbff7ee46db3ff46b8435f04bab', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'be6bea2872562a80d2918e40f9ae29e1e0de408a', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '8b75141efe648ccb79ef1e5c04fc8a69c0411549' }, (_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: '2574e55c2c2067ba94a1307800aaf47509af001c', position: "above", required: this.required }, h("slot", { key: '01953b33bc8d4373ad075b9f4c1a0344b9051f1d', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8d0bb4f8955c09c22c0bc8550d7600dc76ab50eb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '60a9300f0641039bcd35da1b3bfd8d926a1d9daa', name: "group-label-info" })), h("slot", { key: 'b4515fcf05a79464d23eca1b68ccd391202e1e55' }), h(GuxFormFieldError, { key: 'aa2557b09e3117dae22eaf36697413c2af5eef1f', show: this.hasGroupError }, h("slot", { key: '9935bf900a741735f424531f04d28a4daeedb737', name: "group-error" })), h(GuxFormFieldHelp, { key: '216a409fd9732458bfbf061f71c81a19c0a5d0ae', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f9d90029ab126b653759d65dedb3ffb373b8836c', 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: 'db002b685d2d45e6009f39c8764169fcedad462f', class: {
+        return (h(Host, { key: '74058ce7c75b770a4e248ad97588a61f7ea30d7c', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '3bd4a211a8922871705f3ec89257d65f1759fd45', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '92119c60c0534f2d6b939055c41fd18f51b573a7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5f6179ce92020f54ec8bdc7d2045dd7b7e77c344', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9f1ceea87987e5b5708ba385d54396cc928cb645', variant: this.indicatorMark, required: this.required }), h("slot", { key: '535f26087b83b8ca61514a7bfae91f16a83a9a0b', name: "label-info" })), h("div", { key: 'd5939e7972e0943c57d0d735e1e60d7470e9ff32', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '58361330a95e52faa7339d4d7b770261b07a5686', show: this.hasError }, h("slot", { key: '6220c513e60271b94ce974db015805fb39ad308b', name: "error" })), h(GuxFormFieldHelp, { key: 'e550602f315df7f03d650e3ed737a9a47f518043', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fa2a4ee04b93939478d8cd2c14baa0c320d47299', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'a481f3ffb50e558c9dd30c76b3b1e47fe5762485', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3797514aca8070d73dd2c055f319e6cb78a3da42', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '52bb376ef8f1f3c7a489f63819d9f250bac72886', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '71b1ad7b8270e8247a8117e5a73726037798bd85', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a87ff423e9614036241ebd3aa41c3f8a01c84adc', name: "label-info" })), h("div", { key: 'b641c74a0220b112706f988f9613ada2324a84e2', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'd8874481e8d469c80af23c1bac422a27226274c2', show: this.hasError }, h("slot", { key: '87a5acef2b8cc817f82bbca3f8dda1519bea6754', name: "error" })), h(GuxFormFieldHelp, { key: '552098d2ed885c59fcfa200e63758dc0ec50a4b8', show: !this.hasError && this.hasHelp }, h("slot", { key: '05983248089044389b96eb9506fb59cd7bddf4d4', 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: 'a30394f27a86d20b0e598df66cbdb6bda45bd4d0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '25a4e6f6c1246e1ff8dd6d3bd5712241e3da476c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '88d218d2aee11f2c27f7ab60ab6c2f78bfb8883d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '53c5e9611ef7c53bbfb872852c6f0f910df44161', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8186ebb9d9a1c2b40c9586a39871c72430c4c9f1', name: "label-info" })), h("div", { key: 'f5a5c5eb6ce3dac279aa01f4482ac68d5826ae48', class: "gux-input-and-error-container" }, h("div", { key: '0ff8bd0453cf3e742516dee6151b824d9251e97a', class: {
+        return (h(GuxFormFieldContainer, { key: '6b8df5e83e706d08322519e9e6f55bf51ef11530', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a4b230d8a823a9584fe5225afc2ad769d2a927be', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd8bd8c59374138c1461ce4b77ede7585f81161ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4f9bf8bd1a1364ab1aed336d243ad507de48d11c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '05fe9085c8213c8365df4f63ed670042547fcf02', name: "label-info" })), h("div", { key: '39f1515ae751de616730a589f34ba9d6096c28de', class: "gux-input-and-error-container" }, h("div", { key: 'c1cf057108a368c4db4b9b37ed5f845d5d2c7551', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '761b0ac38b6d6412e90d183c2c19f78d7e0ff591', class: {
+            } }, h("div", { key: '74136ae5dcc0eb4f8e2315670a36f4b39df1a4ed', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '41bc95593404332f033f4ea16dee9c5fb6fdcbb0', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '25dd3495337b18bb13a36cef9c782b5718fd065a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c53231d3f96492b8b2cef987e16d81abecf86f1f', show: this.hasError }, h("slot", { key: '11a60452e6feb101a5e8db771283a206ac30e24d', name: "error" })), h(GuxFormFieldHelp, { key: 'fee2295ee046031446e1f2331a22d7268ed83a60', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b956452e2c38425bb962ae0b7251d7ea7771fea2', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '681b7b5f311115eb86465cee4aa9000e021bc5e3', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '65a673a135cc0d39d9630688f51f58337c89f966', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '17d36dd782da9efc15a70ed91af0ae54d0cb4ecf', show: this.hasError }, h("slot", { key: 'b0d7e381ef35bbcf95eaa102a68f0e5a02f2285a', name: "error" })), h(GuxFormFieldHelp, { key: '6e2a4209380837330ba7345e9937e86d72b61486', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fd4231681034a0381357fcfd37a0b7a386f215e6', 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: 'b369435896f25fb7ec1325a6b0be5c781fd67efc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '38901edb2eb3bd3f100d6cf3f132deb60b046896', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a89921edc4dbe6986031d28cd9cfb051942d0b75', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bd85f0211926890d31628ec5927ba84b7973f694', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a332b280ba8eabf29a12e0349a520400bb6dc60a', name: "label-info" })), h("div", { key: '1d4fb4187c5831e4d929e4863d328ee9052e4d82', class: "gux-input-and-error-container" }, h("div", { key: '6c631f4539772e2392ca1543575c30d35cbe1f5d', class: {
+        return (h(GuxFormFieldContainer, { key: '760bfeba50d1752e5fe40b8f9c960ea36389636b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '860f5c6100f4c65e5dd72d6a511211712c776eb9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '171e431f5b48e9fde083e054544bd07300725a65', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '16eed4eb22cd41463cea6a49400a58c63abdaccb', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b59a673e219a0db5da308491ad224de57389c8da', name: "label-info" })), h("div", { key: '4bae5cf7f7ceb0e8113be855ca622aac5a4b2198', class: "gux-input-and-error-container" }, h("div", { key: '2e83a3a204825960a49a71a598553c445f8328f7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '02bc02d0cb457ea7e021746be96470941560e6c8', class: {
+            } }, h("div", { key: '989d82b59d10a6c9994f65b54ab51b75ee66b6b5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '205bd13c0311f90e9d43415660c5fa52b12729f4', name: "input" }), h("gux-icon", { key: 'da7a103eea8e102efb4f0f070945efd2251464b6', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'aff49e31e92ce372557e9becee4b2bafb7c9e784', show: this.hasError }, h("slot", { key: 'dad5c48492a0b2d9691aa02b88ece74fd72d1a24', name: "error" })), h(GuxFormFieldHelp, { key: '484e6a4559d60f6a106fad7ef283fe9108aca87c', show: !this.hasError && this.hasHelp }, h("slot", { key: '4ced60adf8dad029da74ad51b209550662967b6d', name: "help" })))));
+            } }, h("slot", { key: '7f95689539d778051a6e3ea722608395f860c07e', name: "input" }), h("gux-icon", { key: '1d0cb2955a5d02ad4e9b09a9448b9649e8c7dc63', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '2f9df215c2078bb51ff5c970ef5269d3ac4ca624', show: this.hasError }, h("slot", { key: 'e2efb30eae0c20206017d4b21677d88ef884135b', name: "error" })), h(GuxFormFieldHelp, { key: 'ed56813acf59677afe5db14ed67f779f517ca840', show: !this.hasError && this.hasHelp }, h("slot", { key: '70d7ea0ce9dc7bb0bc4871a9ae504b06aa30a398', 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: 'beb98cc29449e9cc02943e698df8717b45114570', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'eedcf5016706b108e545817c98745ce7c52d161f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'bf7acfde961586ee95edfdae121b5e280ee49af2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '56a5c9ae8f38704d6de079b969ddc99089b67de2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '72d14572d6103e889ed27846be8e2141a174498f', name: "label-info" })), h("div", { key: 'fc34558ec02f718f85f739a253f735e3487e7fd5', class: "gux-input-and-error-container" }, h("div", { key: 'd6ad5d2b24eeb0b3dcf234c4fe76cdc4b1bdf343', class: {
+        return (h(GuxFormFieldContainer, { key: '1779562f547674ce4bd3120168ac52c57f99c5ee', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b91268b0f10d96ce64888ddd606787b9c19c8dfd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f90afc8ab539ccabf0660ef009619d1b78bafb0d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f762ca76d1625cb116a65bd344304eab968a1ce3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3955f043536b4c7fed7e778e75d2174c01bb3938', name: "label-info" })), h("div", { key: 'a08df9773be12991bfe5b22e9f4f331d211f12b1', class: "gux-input-and-error-container" }, h("div", { key: '911bb461d2b4391744beada4c4f05eb8be134007', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd882278f448c04225ec3cca78767c08da0c868f3', class: {
+            } }, h("div", { key: 'acc18c9291551ddcc91b461a511dbfd4dc1babd0', 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: 'ded12095ab3b9133bee6f5069451e1d831146ea4', name: "prefix" }), h("slot", { key: '9d48cfd6c49f2be1fd1e8a8f01ebba2bcf24cd0a', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'e4b8cbfa3e5cffb1e2aefe3d8e566c0ea8540c84', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1c763a24f321d889f596085e032a3cd9f915c437', show: this.hasError }, h("slot", { key: 'a9cfeb2acdd78458405f1d69e97abaf81c09b975', name: "error" })), h(GuxFormFieldHelp, { key: '2f789dd4ef977e7f9ec53a02991055c3b8e5b977', show: !this.hasError && this.hasHelp }, h("slot", { key: '5ae7376190c8c720fbc2c52eaedea99a717b78d8', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'dd7f8dc6dd4fa557807b8710f90c197635a1a67b', name: "prefix" }), h("slot", { key: 'c52191fdaee64130282c2f06347cbbe54986753a', name: "input" }), this.renderRadialLoading(), h("slot", { key: '26087930b92c8c22bd9761bd338438511b12c433', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '4a8fc41ba69758049510736e1163165dba55a382', show: this.hasError }, h("slot", { key: 'a5979dd32cc4855dc82bb7baeb4630e862b9c987', name: "error" })), h(GuxFormFieldHelp, { key: '30aee1f6ae34a8eaf405cb6b7a849ca2f020e807', show: !this.hasError && this.hasHelp }, h("slot", { key: '8bbbb135cb6c3fceb4db9faf7a7b123230318bd6', 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: '3ab558e4589ebd613292374d01eed67a10499a20', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '46d9d2fcf36c5bb731ffadd9df2bab8cc2b18265', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f18d23a96d46fa7df87c53a92a82152f942c58e1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6c9ff48bbf20bad5844cebd08a26df7ddee084f4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd70ab2f2da69b4ff005e6d56d7fedb7e2556a411', name: "label-info" })), h("div", { key: '6bbea9474b4a2a7a988f2cb50fac5caa345f6fdc', class: "gux-input-and-error-container" }, h("div", { key: 'ff32248f326120071dbc6863125d0a1627c5e149', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '18cc1eed0c9625b9bb82c2348e8313d68d7f1cfb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd056aedc764431ceed695834c12077353c10a603', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e1072d653f2c2309f46e9235f98c2af6d4d276c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6df8ed6f70d2140a88fd476e532895c4b0727d50', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4b5e3f0e6d5b0df3230d7841d681edc3690c5012', name: "label-info" })), h("div", { key: '5009300428dbc2422bb042cf29fa4665f8102434', class: "gux-input-and-error-container" }, h("div", { key: 'b6a47e7ba3743a683c52c58a40496d40f43ed326', 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: 'd7ea5e54b58900cca265223eca34dc33ab8c37b3', name: "input" })), h(GuxFormFieldError, { key: '5ddfe3bae1acf64b4860331377e5c1e176fbe45e', show: this.hasError }, h("slot", { key: 'd23cf2f4f3b653a56009f3bdd015b24b89c948f3', name: "error" })), h(GuxFormFieldHelp, { key: '6ff0e8b248d2fa2067b3159ca758894821461eab', show: !this.hasError && this.hasHelp }, h("slot", { key: '0d97f94cea4d945e2930d8990672467ca7875bbc', name: "help" })))));
+            } }, h("slot", { key: 'db9b67cbd35956c79b933baffec591f01a514330', name: "input" })), h(GuxFormFieldError, { key: 'd0291412581c75eaf53eaefc12f882828bf3ba6d', show: this.hasError }, h("slot", { key: '43919cbc9349192e193ee227818c9a67fcd0d54c', name: "error" })), h(GuxFormFieldHelp, { key: 'a869861b244f7ae4450bd5fe3e2bcd532663ea34', show: !this.hasError && this.hasHelp }, h("slot", { key: '7031721d0c3ac8b9b7d21b4844e7f16a77b2e30e', 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: '60646429de08f5be22c63509833e16af7d91a5b1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3836dd001b55139f67a4eba1a1b1af8cc48724c5' }, (_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: 'e92f4bece7a7dcd46ee01c63e0e2bce5dfa4c53c', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8914ad5937f3ed04f7b06002859172cfc71c02b0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'be970468e71815ab969d1133002197b15cf0946c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fb8138911368a0722aea51e0ee46e3d4ee9e2a04', name: "label-info" })), h("div", { key: '9fbe887c3cbd2c7338c36c96bb7347ba943bc6c8', class: "gux-input-and-error-container" }, h("div", { key: '282647ff5019aea33d48a926c2fd49507a4545e8', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'ef197d6ceac19ecc05792c759dca2d8f11dd8735', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8292a878a3665bd139970ccd1d390fb5c3ba52dd' }, (_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: '7053e78a8af7dbd13e14be87fbefc4b4d9fda1dc', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fa8b5271f5d8f2eecf68ada0d943d3f61fd16619', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '59039cb7e40b0ce6bd8c2c231ab89191d6628482', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1549fd9647ae6ed5a8f48821a83e204193933163', name: "label-info" })), h("div", { key: 'd5d615e3bdaa6aafeeda39ea9d859959883004a9', class: "gux-input-and-error-container" }, h("div", { key: 'd480abe368ba70aa99621b144e5f6490b83bced7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ca0fb7f3caabc2a6ba6e3a84bad1e0a9ca160f6b', class: {
+            } }, h("div", { key: '91b562258e66c59fbf1cd21a9ac72ce0813f57c3', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'eeab7196b9023849030d13c3dacf9c62cba80d92' }))), h(GuxFormFieldError, { key: 'c950dc34f5f7c2d4d194cdfe499f28d80783f0c1', show: this.hasError }, h("slot", { key: '24383262d7a92085c023e8cd69c29e74c7a89d68', name: "error" })), h(GuxFormFieldHelp, { key: '32efe93a351fb63d9159a117233e20641e681a3e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c30f18a1fa9f225b8d3e1843b588277f36b8e5a4', name: "help" })))));
+            } }, h("slot", { key: '4b332f7b6e3ef18fdf9f22f10341fbb91d92ef9e' }))), h(GuxFormFieldError, { key: 'a870dabc3e409072f8ba2c47ebaa4960e79f9b6c', show: this.hasError }, h("slot", { key: '98605d4c0de336a2412b52d0d1e9e15f6e78e8e4', name: "error" })), h(GuxFormFieldHelp, { key: '7fcae16fe04bb3b119b340def276b420d7d786cc', show: !this.hasError && this.hasHelp }, h("slot", { key: '3fd1dcdffdb46da72c805f0c2894a64a8806796d', 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: '830fe622d4dfd9c8989ec5b8f773b79c91b640c5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b60a3cc9ad9b51563c50566cd155483a600d25af' }, (_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: '2a1bbf884b186e840364613a667491d1df43ca72', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3b17fd4bbdaea69801e7b94111591f86401e069d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '699c71c6aee52ce29377ba8bd586296bac42d82b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7164f758422720c56e4319eae042870ca698dd42', name: "label-info" })), h("slot", { key: 'cb1e3bf31091ffbf84127d0c4dcc8e46545ca1a6', name: "label-info" }), h("div", { key: '88c5cfd7f100279a3f838c46a53143172ea6b570', class: "gux-input-and-error-container" }, h("div", { key: 'ef3560f089a6afc0f46133ae8a475b1926f69e48', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e984fd95cec80503fbc2fa91e691ddfdb2fa0a82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a61ea3ee961797d7661d4d961bbec3be94539ad2' }, (_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: '85a7eacb8448dde570afa847009d83d58cc41c96', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '3249a818b31ef7b68fc5160ade03fde5cd9d1a66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c8bf6c7f1600f687ce363a614bf1f807fab0c842', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6fdf1fc2813962fa812bdb41363c89f209f1c13a', name: "label-info" })), h("slot", { key: '518b3ce692bea06d70bf002bfe2229b1376b0078', name: "label-info" }), h("div", { key: '3b5fd7abb5fa13bf4d86457cda1c82e0f6b40a6d', class: "gux-input-and-error-container" }, h("div", { key: '62e0ee146abf7e9dcd5815a16c577fd1e620b679', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '8986a9d1092383d279ad2ab1131403a4c989256e' })), h(GuxFormFieldError, { key: '1b0f957d7041d9f98872143cf3ff17be1aec8b7e', show: this.hasError }, h("slot", { key: '21697dfc6f67fbbbbe83570b650ce9a616e6340d', name: "error" })), h(GuxFormFieldHelp, { key: 'b4a571e7cd42a17d826b64cb70a7e306791760e1', show: !this.hasError && this.hasHelp }, h("slot", { key: '97249df4da2c8b56b196c6d8a9015bb0c4bb11dd', name: "help" })))));
+            } }, h("slot", { key: 'cfd48f756e21b8d48cf34dae7d4aa3910769a44c' })), h(GuxFormFieldError, { key: 'bd029518931ac05ae9bc3d8cb34469c267b74daf', show: this.hasError }, h("slot", { key: '342c9df2811dfb12b4127c5620e56c4b815e0ab5', name: "error" })), h(GuxFormFieldHelp, { key: '1d4d4c199b001662375a4e8d11ea3583794a9dc1', show: !this.hasError && this.hasHelp }, h("slot", { key: '5089f1a0783693b0d7b94e1f1f19ba10462ecd45', 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: '8e3e3c5de710ef86247ccdf649ff4c9695d7a88b', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'f7c35fe3fa03064a90c242e33bcbeffefdaf14c5', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: 'af10e2cd45d2db167289ee3381dcdf5efd7336d6', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '0cf9598e236da8ba7443be2aed6a74824f9c95a6', "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: 'd094d3becd136d22a806a730b7c60c0036701567', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '12f313f435c627de5adcda3a961bb2d5ed610e3d', 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: '96d877e834c81f2beef30504639ba5ce33d01a98', class: {
+        return (h("div", { key: 'cf3d7fae0693d346baf6571b16ca9988ed820e0c', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '613996e60cd474a7cd13dad881e5920f38427e68', class: "gux-message-wrapper" }, h("gux-icon", { key: '4add9450cb9c4fabee4cbdf9e0a5505b6bd5f0e5', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'ae90a0a2bccab6a39d77500cf70857edeb34f197', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'ca885d373e4396f3ed7ed552cf15a70264174ebc', class: "gux-content" }, h("slot", { key: '47ecf6cafe328743b60aa9ade78dccd2e12e17b2', name: "content" }, h("slot", { key: '6bace696f6181b7de4dc07e1c88459b52b4a3d49' }))))));
+            } }, h("div", { key: 'c90e3f69d545cef3ef05d775b1fb7fdee473c6f9', class: "gux-message-wrapper" }, h("gux-icon", { key: '76267a5138aa5c3a2e50aec8c8ef104b3fdd1d0e', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'a6da2516f698acf0df74c083b514ac7f8d3e809b', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: 'fe522a25ef788f532a626d810d3cd576622e5827', class: "gux-content" }, h("slot", { key: 'df87850d2a59afe1f0f05d9481b3821c26e2ebe6', name: "content" }, h("slot", { key: '7c5eb14d589f29b409248d0ba540bdd04d7a11ce' }))))));
     }
     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: '249d522cd8c5c0583154d900b21795030814af6e', role: "presentation" }));
+        return (h(Host, { key: '8b74788960cb48998d4c45b13bbf169afee953fe', 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: 'a73a8500f64a41b283d04839822596be7951947d', role: "listitem" }, h("button", { key: '44139a45c1b776f48a6a4e01831f0b84496f6661', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '1a60d18f8d999c2fba4bbbb880733b8acff02f6e' }))));
+        return (h(Host, { key: '228e7aaa169b6d32278420ef4226cb66eed680fb', role: "listitem" }, h("button", { key: '587a70dc3b66f4ca0420a9d76cb61b669fc4a736', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '1f9e09bfd16aba3ef049507060175b3815410973' }))));
     }
     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: '275ba18ca6a67097ce38d16e6b12ae7c2b19d5fb', role: "list" }, this.renderFocusTarget(), h("slot", { key: '324346580a4007be1eee22b0603bc5e31ac5d2a7' })));
+        return (h(Host, { key: '2282a3944bdb0fccbe2d989d7957c83faff1d2a7', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'e888901be4dd107001981bcf295ff393ad6b1058' })));
     }
     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: '50097429d09aa1ee2a198e5221b05e0589b68f43', class: { 'gux-filtered': this.filtered } }, h("div", { key: '0b9e477b7b8626dc71bd809e1f75a9e777e9d592', class: "gux-option-group" }, h("div", { key: '29656e0706e792dd64e7777d1be13aa617806cec', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '094a97df8ea2faea1dae94ef50b1dd1c8ed60b37', role: "group" }, h("slot", { key: '345c50437cd32012d5734207290d24cd6f2184f4' })), this.renderDivider())));
+        return (h(Host, { key: 'ef624d9a4655967326d4af04a49d6834d9e82d6e', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'a53a62e3575da9321c7c58ed45622120a74580b8', class: "gux-option-group" }, h("div", { key: '86e38732669ce25150c2bb0a35534e25e120a00b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '4e09a0ef6b5c1fd5ee65a66821d5009a3c6dd936', role: "group" }, h("slot", { key: '9777441ef6ec2c2d1fed54f2c5f3da4455c7184a' })), 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: 'f91b411fd87679179b8d68d54d788a8dc4541a5d', role: "option", class: {
+        return (h(Host, { key: 'ba3b98b91a5a04a27b478c7f884afdbf29881102', 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: 'c8e543fd424975831f50f3711ab42bb209015140', class: "gux-option-wrapper" }, h("gux-truncate", { key: '3dcac66932200b4f2b58e8c960f9b77985915b57', ref: el => (this.truncateElement = el) }, h("slot", { key: '8a5f63fa0c357e6583460dcb8c9e086e472b9dd3' })), h("slot", { key: '13cc9f7240ab26b298adde0be702feea32058d18', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '99cec3e8398894d279fdc61c062eee5d43332056', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c07a1fa21b525c765e32e31cca1159db15ac3fdc', ref: el => (this.truncateElement = el) }, h("slot", { key: '802c2fefc7edf39d897a2aaab7cddf294cbdc0d2' })), h("slot", { key: 'e08b07e86142947f6f0ee399746c6284338971ad', 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: 'f6d97334b6ac9e4847f0f77f30f95ebe28088bbe', role: "option", class: {
+        return (h(Host, { key: '5b25ef0b9d931263d80a5310553ef537e0275a06', 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: 'de90edc0af36ba92f23aae43612e54694daddbc3', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'aabe07b93b704361cc89b56b8da2fcd72245ab27', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6fcbe44baa62b77d41fafb97568e70821f3f582a', ref: el => (this.truncateElement = el) }, h("slot", { key: '95e9a1262dd1bcd3fc55d1ceafc9366d3627d49c' })), h("slot", { key: 'e4f07670f12dbfc93cee212bdf701118981c61c5', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '78dda54f4f1b3408417f47d1ff5678610c0ea5e3', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'abcfeaeffc78ecbe28f23152dd7db3415dcc4af6', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c177d0d53732faef8ad03c7da51031d08be8872d', ref: el => (this.truncateElement = el) }, h("slot", { key: 'ddd1a9ac65ce87a8ea0448758171080120776fc2' })), h("slot", { key: '1d6875e1088f49a148df88d64f3cfd9014105f85', 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: '0dcbc012615babc051ac2f898c055428a16d9eff', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '3350ea3c1b596ccef7a3e6caedc25a2ed262ec97', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '4fa9b0e2fd24f366c8b443e0bacce9a45d76213c', class: "gux-option" }, h("gux-icon", { key: '7c02200aa0207ac3848e92497b87e412da63a9f0', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: 'b2e4084e125e3f6fff832f0177334b69b2b53d49', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '835177b597c4159cabe9e03338a380568f721df4', class: "gux-option" }, h("gux-icon", { key: '6463f9b6e47da19ea7ec53d1a514fe3a06addd95', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '8df695fa753fb4dffbf66a243d7d40cd9f951bf4', 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: 'c0ee80a1e887bce0a0a793df494fd429ddb4a60c', role: "option", class: {
+        return (h(Host, { key: '5ba18edba35d77d344037918ef76332f527a90b7', 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: 'da6a8e6cf621311a22d870ce16969909561e4834', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1f3c00b576ea51da0df4343f7e240f30ae86216f', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c3eaf571850d783cc475707a0f7ce6c6683a3226' })), h("slot", { key: 'f8e8ea760065b9d1125e5e0bda6c84d273e135a4', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '30a3bda9d6e4e2f215d7eb0f58eaaea891c2a8de', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c487db112557a761793578096333520118ccd4a1', ref: el => (this.truncateElement = el) }, h("slot", { key: '6c44f2e2720501327f7d24ba75710b85319832cc' })), h("slot", { key: '10493ec5a98aafd4a79d3b3f63da70e308e5deb3', 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: '4330ab1ace84b7d34ff1e2f14e050afba042020a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '6593975a059fc8da6eb7b34718169b74a368988a', class: "gux-progress" }, h("slot", { key: '09c160670c9b6f77a0f5bb5476f742e660ecf3eb', name: "progress" })), h("div", { key: '2faf953954739889b7bcc4e6f413d4de63d13092', class: "gux-primary-message" }, h("slot", { key: 'a987f769f101c0896d51ad6c6edbe05bbd8ef065', name: "primary-message" })), h("div", { key: 'aacaa775625fe68d9319e88f814adc1bce9af5ce', class: "gux-additional-guidance" }, h("slot", { key: '3c07d692563277c80dba68ce9ef81684bbad589d', name: "additional-guidance" }))));
+        return (h("div", { key: 'd2db04fc6a51a857370830c1d768aea752f41559', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '8568e886e0321dd6bdce2c2bf2be9fe796a61ad3', class: "gux-progress" }, h("slot", { key: 'cac6258f14c0beb01e879c68418ddc9c4d395558', name: "progress" })), h("div", { key: '5bcfaff43634cca95e52a65ebef83c6943becff2', class: "gux-primary-message" }, h("slot", { key: '624767fe16d69e4811115bbfb07d60d2dca59347', name: "primary-message" })), h("div", { key: '9cd34f804dd1ab7a65127d9ca810f664d5f2ac90', class: "gux-additional-guidance" }, h("slot", { key: '2ca7d11d9aaefbf099122d83ebe89beaeed47fbb', 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

@@ -59,7 +59,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'e6053f042065f32a73aa833b684a5963ee9d15f0', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'bd3dda03b733d751dd03f021a3851809c68e8552', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'bc41ba8e49d2cd8de1be12e2392967c0a3b092f1', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'a63862b65648ce1607b419f8865c51072c945e92', class: "gux-modal-content" }, h("p", { key: '7255b0a005ad374f49d1c54c3f113238856ba8fd' }, h("slot", { key: '2553c414b2589cc10f5cebaff5b31f50910ba994', name: "content" }))), this.renderButtonFooter())));
+        return (h("dialog", { key: 'a7002547df63a1da234cee48d35d1b524fdeabda', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '39fc8c87eb460427d663ec736afa044df1ddd1e4', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '5bb984c29318465f0357bfa121c89e26a6b3c139', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '79247fdd630c4762e4252806490fa4691b53955c', class: "gux-modal-content" }, h("p", { key: '0e50379ace7726c8b778fe4c8d20bb0bc2a9f590' }, h("slot", { key: 'f13b5376f11dbcd96e76cd35ddb064307c173df4', name: "content" }))), this.renderButtonFooter())));
     }
     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: '306d60a9219045954fa0b35703fb19591104b917', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '66cdedf30d64f3bebb46be41b3a8c6d7463ad918', 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

@@ -59,7 +59,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '2315c7e3eb52584894323e23683a5e326aa92937', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '0e1f9edb026f513834430d7e1521278d535a2810', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '812b9e153087c30c0bb4b8f1752a49726935cb77', accent: "ghost" }, h("button", { key: 'e8a30e1df9ead8783d32d36162b5f8a077bf2505', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'af5aa1ce256d73b46ca8166ec7128c8163923f52', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'e2bcef18d214405f2961e48f1f3f846f06050e77', accent: "ghost" }, h("button", { key: 'dec33a851a230c19063c0d0580b9df0812749e5c', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '8dcfe6c80a54fa34afefb39aadadde76a27836b3', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '0116a2f91a6e70bcfe04ca485cad9679fae40b97', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '69995951810e2512497bac219c9d7fc3f7351096', accent: "ghost" }, h("button", { key: 'ed5ee27b51d3b9a59a33c26f9920a1626da1630a', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'ed0a2a6dc3c0fe9d1bc99b97fbf0045b8026dd81', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c5dc7e9bb824b60c8d30e428ec64de34e9798efe', accent: "ghost" }, h("button", { key: '1ee595989fddcd483feebb50253cfafb46e50ca0', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'ab3a566069727764605e7f4cf34583bf443149a5', decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '387c780af0dec1fed98e8d4debc94e055fd0302c', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '54ec7f65a4687d5727bcc6a2b0c3ae3c70c9a17f', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '61f9347b6d9c1e45d9a3a3671d15809275e74039', accent: "ghost" }, h("button", { key: '17e6b7d51571abd07f3bf35b45deed0973b35931', title: this.i18n('firstPage'), disabled: this.onFirstPage, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'ed41028f4d79655b8de2a7d6887d14783d31cefe', decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'db6a965fe029739f3be02becc3a664c551b80fab', accent: "ghost" }, h("button", { key: 'c73e4f8c4f580b114eb3f14754670bb5ddf96aba', title: this.i18n('previousPage'), disabled: this.onFirstPage, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '6150f9c20954219373c056b23ca7956398745380', decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'd4f4bd6972cb9e7c6b52693141f08bb236a2e4f5', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1c293acb56e07162563297123b9a04700fe2b4b8', accent: "ghost" }, h("button", { key: 'd85685a5ea699724f44c4639496826d30572ae6b', title: this.i18n('nextPage'), disabled: this.onLastPage, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '094cfd3b75b1c0771d8a5e733c9f144a3b1adc01', decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '583123687f1c61b8287037ffae8e0e8a1b4e5e6e', accent: "ghost" }, h("button", { key: 'e90ea9e062a0b65e1bd197aa08aae74eda8ff8d5', title: this.i18n('lastPage'), disabled: this.onLastPage, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'f2b44c27f57ff1c51d4c29e956183efecfde1cda', 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

@@ -83,15 +83,15 @@ export class GuxPaginationEllipsisButton {
         });
     }
     async componentWillLoad() {
-        this.i18n = await buildI18nForComponent(this.root, translationResources);
+        this.i18n = await buildI18nForComponent(this.root, translationResources, 'gux-pagination-buttons');
         trackComponent(this.root);
     }
     componentDidLoad() {
         this.applyInputListener();
     }
     render() {
-        return (h(Host, { key: '26ddbf806725d7a37183402f295d0b691077cd26' }, h("button", { key: '51bfc967300a939ce7fa97cb8b6728a8c3e4f41e', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: 'bc55f43227cf4e9eca5aed718f74f294571e4e3e', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '1fe33e2e49391ecc58ef42917cf55c1253779037', for: "popover-target" }, h("div", { key: '757d4ea7d0aa9fff1bb7ee6dec4d987308775192', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: '2c04761eb219129f965d82f43f9462deb1555b0b', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'be7b75b7abc42e55fae21afdb4adf10a139233b0', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '1f8d509cb99ec91b685283b9ca8923e152f9a7fa' }, h("input", { key: 'dec101e73c752bde13275fda940f0744c9350abf', 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: 'f6ded1908892aec05acb4e5f039c18f29f9e3c66', slot: "label" })))));
+        return (h(Host, { key: 'f852510fab9f3720e9caa0c2b0906c726858c506' }, h("button", { key: '5c0b04a89b9ab2d445d40c837aa39d307ca1d1a6', id: "popover-target", type: "button", ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, h("gux-icon", { key: '9d2c6c8bf72a101f46d049c26106fe2c2976db92', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })), h("gux-tooltip", { key: '4aee295c3323a0d2e9eb811bf42f17bcb72ff5cf', for: "popover-target" }, h("div", { key: '7c9dd23ad603697f8bc3c6f2db50355e31eef4e1', slot: "content" }, this.i18n('goToPage'))), h("gux-popover", { key: 'a55ac1680426c8663319fda45ac9f377223697ef', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '0acd5433a438ad5fd90ed3d74cae05b92fd8e58e', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a12102b3da41b8250c73361763e7ec7fc7ba785a' }, h("input", { key: 'b85a482f875fc2ddcedf0e4db532fe05a309ecab', 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: 'b0ec79ebe2f17bfc3498a2b34822ffd7ec4906a1', slot: "label" })))));
     }
     static get is() { return "gux-pagination-ellipsis-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -28,7 +28,7 @@ export class GuxPaginationItemCounts {
         }
     }
     render() {
-        return (h("div", { key: 'f08d505bdd5c1e6f24577b37d905e0836fceafa8', class: "gux-pagination-item-counts-container" }, h("span", { key: '7182128798a4d10c819e9cc29f0328f0435d8264', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '0593a448b17c08ef188586040d17daa2e1ee343e', class: "gux-pagination-item-counts-container" }, h("span", { key: '69a6c9bfabd22d19e974663f1e6337f4a99323e2', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
         })), this.getPaginationItemCountsRange()));

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

@@ -19,7 +19,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: 'cea537794b5b1a55626c7bbc8ed1573a801ea415', class: "gux-pagination-items-per-page-container" }, h("div", { key: '553a0867b0cfcb95eae7561e975bee6c55b64f57', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '4680bb2d980db9d65d715ed0b50efc2097ec55f3', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '3190be8e4580319a9a90ea8a7fb23a14dacd1b97', class: "gux-pagination-items-per-page-container" }, h("div", { key: '2a162c8ca98487e50b6581aed3e8eb1bc63a731d', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'af8f4b470cef18fb89326dd0c5b785d84aebf9af', 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

@@ -83,7 +83,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: '3577a6fdb512eb72b2115a72e1dde3e9af23f472', class: "gux-pagination-container" }, h("div", { key: 'ff66e0e27f4d7071e4c73b7b5e7f7da33dce869f', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'bc983187abac498b7722edd197b296318e0d28b7', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '1562302c201dac233cab29e6932a1b700511c7c5', class: "gux-pagination-spacer" }), h("div", { key: '53d36d5c1a88949d8c6bc10b09f9db2b395c06bf', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '713734be6c0ffad2df6cc36076c1bd85069fbc8c', layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '20efeb98ba27a76e7af91a6d2ff60b5d311ea1f3', class: "gux-pagination-container" }, h("div", { key: 'adfa1340ea3a686701e2cc530c1f029a02f14c84', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'a28e08c6cf74ab1dde9f195d132d4da0e9ce7994', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '01c7f0e6aeb4c7d03fc6339e3baa11b25eabe926', class: "gux-pagination-spacer" }), h("div", { key: 'd076556e9dc78ff34b6851f490e7b1bb2f3e1742', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'eeecdb5927ae2ad1e2f0ccb372b4172f59a00329', 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

@@ -155,10 +155,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '4ab7f3338ddd3fb6b7c789fe194f6fbae5fec514', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '36d5850e276d557d5e07991121f1aadcb11b3f4b', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '0ecd24cfcb871084ce571b2a937044bbb80a5458', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '49e1bb315b77d1c23652618c1a63377d008aa4a9', class: "gux-arrow-caret" })), h("div", { key: '4bb13e189e4421ff489e76b4ff4cfb667eb3faad', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'd2fbaf08c2787230eb77e81acf14cb019aadcda9', name: "title" }), this.renderDismissButton()), h("div", { key: 'bcead8ef779fd12b3e7343d55c7759f5ceab628e', class: "gux-popover-content" }, h("slot", { key: 'cee2b739f73448891d9b5eb2f97a9c35a04647eb' }))));
+            }, "data-placement": true }, h("div", { key: '35e7595c8b531b989418f0664c6e63474224ab7e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '38f324974a2d2997f0816183f32aa5e2889fbef9', class: "gux-arrow-caret" })), h("div", { key: '74f0488250f3b3821d4c5a4a2c8d3b5c68f4787f', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '40edb57fcfee191e7fce610bc77009a6b9d3f9df', name: "title" }), this.renderDismissButton()), h("div", { key: 'cca051a7c12bf2ff19d646ac09ca47b8c3cc684c', class: "gux-popover-content" }, h("slot", { key: '1d1726cb4e7bc3a7b6e00d3b9e53b36338518753' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -126,10 +126,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '07a0a8a7d42698b708b4cf8ddb5791bd434ed79e', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '63f31ca92e5d70a8c63195a4e1717b835684b7ff', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '04902e1f99e4b5bd6a8e87854bceda8462573812', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: '5a66b37cdbd967110a98044e7321d38bc6e1709a', class: "gux-popover-content" }, h("slot", { key: '262ebb4a6a126d35419248d5efcbac124e479a44' }))));
+            }, "data-placement": true }, h("div", { key: '3736a7036c3b7b1aa2b4335bdec78a17079705f4', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { onClick: this.dismiss.bind(this) })), h("div", { key: 'ed18d92443e931c2a01d99fae2ac385ac3ab8ee0', class: "gux-popover-content" }, h("slot", { key: '39ceb2d2711e9d816d13b959c59a90435cc72d2c' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }