genesys-spark-components 4.201.0 → 4.201.1

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

@@ -106,14 +106,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '476289fec520dca4865237d8389a23a82cb680a3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '634f4b34789a05410922fd94ad1401e2a290793f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1eb4f92404dc8c216effde61d88c0900e0762250', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '45ca01653b6f98ef2db38d85b3378a023ea8d63d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ecea95219130e3610fb61d87b0ef0fff5b241045', name: "label-info" })), h("div", { key: 'f1167bce53378b848f88edf23f382345555529eb', class: "gux-input-and-error-container" }, h("div", { key: '0468bc968a85a3eb3d2113597fb1c88cdde5906f', class: {
+        return (h(GuxFormFieldContainer, { key: 'e49440f3c26661df2f86ea0baa4f472f8866b2b4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7add0214327d80670cbc7a0666ee239ac3bd6731', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '23d701731c30ee8ffb52a54210af6edadda3d0bd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7c5313065dbd621744c4db498bb1975a5525ff9c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9702fc65d671a6f1c76fa3535ac9542239aa9df5', name: "label-info" })), h("div", { key: 'e016a2b7ca741176167e17ad8af6dd6927b06484', class: "gux-input-and-error-container" }, h("div", { key: '55bc485601160866b18159c56f2050638aff67fe', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'fc1b5d10c8ac9bae43fb36104df4ee93eb473bac', class: {
+            }, part: "input-section" }, h("div", { key: '02e0e9ce873e46ac408150554dc67023d45d75cc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'af4c3e6794de24e9bb5d438799b9a926ca34235d', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '9039c4ef353ee74aca1628059ad17510d79751de', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'de8f3d568b90357dcfa3189f478af45b8c16fa56', show: this.hasError }, h("slot", { key: 'f859cb2c03e35b75f676efffcd082be9dc25bc07', name: "error" })), h(GuxFormFieldHelp, { key: 'ae0469c5053ea98fcac1be5eb6a865e05bba49a9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e3125bb7c5ad7ab86dc10c7f51fa82a4b340805c', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'ce5b425846ad18bea77d6565ebc5a9cb9ed0ae66', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8fe1c5344b21bb34a2385cab976bf568c75eca55', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'ba4150c095025c8a105bf893c191e08cd211c5ec', show: this.hasError }, h("slot", { key: 'c4dbdd264f03fb106c0e78ae328d5a92e0db8fd2', name: "error" })), h(GuxFormFieldHelp, { key: 'b27b880c39594f8d1a88154361ac1a850f39c8e9', show: !this.hasError && this.hasHelp }, h("slot", { key: '9ad9536e4a5354ee9ae5af6d0bbc6aa53cb6a5b8', 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

@@ -98,14 +98,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '7f002d7a4d36d516bb9ad9fdf11e7e332fb7e517', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dd4efcd27dd4cf5e54f778cfb969ed0b528ffb2f' }, (_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: '80dae08bc0905b55ecbcc19cc6f171c84961e977', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9a351a20e43ade3aa9f53ae519e125e526919f66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '52a29606f8a8bd13048197712b8b9736f0016605', variant: this.indicatorMark, required: this.required }), h("slot", { key: '34f9ce1ecefdbe6a28628eb9a6a095abb2eb31b5', name: "label-info" })), h("div", { key: 'c048f4de9d9db0b48166eca6214d8d07670ed98e', class: "gux-input-and-error-container" }, h("div", { key: 'cd885cce396cd90405090e3de2ec89358d60c9a8', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '067c3644adc44608959d6b061db8ce8c1f0a3571', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '2ef433987c0cdbd4500264a7a909b4ddf0b4bda9' }, (_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: '0d9afaea49517cca23a8fd7a45277ef1f43cc6c4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '15e449032f847f83672d853de0e37fe4e4f0ebfb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '18f98a360e9ec2506b013d3c49f04da72e08e29c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5140e56e217e20b8c3123ed075a1f3d296d1f2de', name: "label-info" })), h("div", { key: '2722bdc7ded539188adae4b49db689d8b16d4bf7', class: "gux-input-and-error-container" }, h("div", { key: 'afb8203a5dbd0e31436a9c8572cebeb38e9f34e8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2426dec0a786b9c08cc18a3289a9aea6acf07ce0', class: {
+            } }, h("div", { key: '1ce1f141f4aa0c376f223f6ed41445a1629981d4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'dc170219046f69016c2fc111e9543b48d39dbeb8' }))), h(GuxFormFieldError, { key: '0e55538b92ec922e744d58784f78478d00888292', show: this.hasError }, h("slot", { key: '54c4691505613098eb6b253b784a54d4eeb450c9', name: "error" })), h(GuxFormFieldHelp, { key: 'ab607e7a1931a79e84fad3404e54172a068aa4c6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f0fc57a92422409e5107c23f25d3bcfde9be2aad', name: "help" })))));
+            } }, h("slot", { key: 'adc52f2310098169594830c525b875f5331d5482' }))), h(GuxFormFieldError, { key: '46955a52ea44562ceaff5ec7fc2735ce7668bc7a', show: this.hasError }, h("slot", { key: '41fb5cc0780b84044bd45b7eddb3f9168b266708', name: "error" })), h(GuxFormFieldHelp, { key: '624379030f8ce48717ceb0466efa7220e8486743', show: !this.hasError && this.hasHelp }, h("slot", { key: '1d5819f54280d07716c7dc3a15d812efd915e518', 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

@@ -46,10 +46,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '280cebf11e4924112fb46527bbd9e20c7403c682', class: {
+        return (h(Host, { key: '6f8e6641bdd917093000b409d24c9f9f4daae42f', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '4a9f32489d8f6615b575e7da0746a3e3e566934d', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'b622caa4da930c98900976c6e10f5ee84c125eed', class: "gux-input-label" }, h("div", { key: '100684b710294f3952f367ee148985bf9dbb382e', class: "gux-input" }, h("slot", { key: 'f55beaafe1664542857d2a1587629021501625af', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b2184452be404de8a54c34838beaa41149b248a0', class: "gux-label" }, h("slot", { key: '0d18c02f8c3f92bd48f35a524bfdbb7d75413edf', name: "label" }))), h("div", { key: 'd5441591eaab0f9e7ab9d8baf01376f56e2df79c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '59c054b9dd9b438d81b06b277e0873acb2de7a4e', show: this.hasError }, h("slot", { key: '516ce8c6f9620d5dd34e63f89a43554fda804396', name: "error" })), h(GuxFormFieldHelp, { key: '975de354b965e2be151ab2ec7c19c5a80ce771e8', show: !this.hasError && this.hasHelp }, h("slot", { key: '2b72de789cc6f5800de7cb48fd913c58ea5f2baa', name: "help" }))))));
+            } }, h("div", { key: '50d54260daa8166e7a19459097e351c6ed5f040a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '098dda5521471f74022b0113fe2e76c4ac33713e', class: "gux-input-label" }, h("div", { key: 'cec03aca12b0085cea6cb4a73cae05ba725dcd97', class: "gux-input" }, h("slot", { key: 'bc943846deaa3c4f87975d6292a46ba0f8061ab6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '67bbb8194c1739dee032da0d921b36789cdd2463', class: "gux-label" }, h("slot", { key: '2d400d5a46e027c98313b89329beaae4c09ca19a', name: "label" }))), h("div", { key: 'e8a8d8da04be67799fcb93f786596f7447bb74f6', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'b0d3667990bbb43cbe1da2bcb6d7929b42ea6b9c', show: this.hasError }, h("slot", { key: '4b65de9ae0aa9cb52ad408f574b82009e2edd8c0', name: "error" })), h(GuxFormFieldHelp, { key: 'ccb6811af34476db953e5c2c46c1b5a7a0d12ce0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dd0945446224945a847626d4d7b5285ff5c9a810', 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

@@ -124,8 +124,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3c8dd01690792866de854e2b0f165e49a2d65794', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '2bb339ee3382ed8a53dc5fa2c18c8d35a07982f8' }, (_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: 'e1e6d9514d585b94426640e1886507fd3564c005', position: "above", required: this.required }, h("slot", { key: 'b57d2a2d3ddf247c65b56bca14ec1df115bfdfcd', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4d101d85b50dc94528340a30d7f7385419d48b72', variant: this.indicatorMark, required: this.required }), h("slot", { key: '552239601d89f8bbc972edc27cc0c378c7816324', name: "group-label-info" })), h("slot", { key: '60c692ae9c807d5e9d3081ccc8cfa053efadc3e1' }), h(GuxFormFieldError, { key: 'aff42f8abc8573c01342b38b90265debd7c3020c', show: this.hasGroupError }, h("slot", { key: '95dae42ed28b431abeb4d4fcdac099ce572db2c7', name: "group-error" })), h(GuxFormFieldHelp, { key: '27a0e6ea691b7f4b74e347063ce9f46ea035c914', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e720860250bf9a9cf6e348b99f09b88c865d0b3e', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c40014e4da7c7c6180110aad1dacd14b9cb0e083', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'e3638d3969f008dade406067ffcfd29a392f548a' }, (_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: 'daed4d6464936cbb870cfc03b951b6dd3da62046', position: "above", required: this.required }, h("slot", { key: 'f8d7fac4b919ef17041b31b33c87b9051576ff26', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '01bf79f892a630fdcab7f668fc5f17eef1f24c5c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '04bf90a17d896cf84e97c6343d339d2559e8c4e7', name: "group-label-info" })), h("slot", { key: 'f998cd340ad62e29759772e5d92f79184038a2d5' }), h(GuxFormFieldError, { key: '4e0aa5e65783b0db26ae93cf78741d0fdf6b2319', show: this.hasGroupError }, h("slot", { key: 'be81dc9697df1d4b9b276bea9d0ad42b395737c6', name: "group-error" })), h(GuxFormFieldHelp, { key: 'b545ad588f79944aaa14fc0f0acce41f474d6d89', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'fc7a86ca04edc7b945412aade5696d2ede04f5ac', 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 GuxFormFieldRange {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'a71c428b667ac9ad6f2df614b2b9d6ec1d1a0288', class: {
+        return (h(Host, { key: '7a55a646571bfdaa1ffb26767e11ad6da6d0c68e', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '6923db6cae4a65bb5b96ea2d02f6bcfafdb5ac96', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fc0fe9b7d185a8f762a2b176fcb7c3a045ace9bc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8452f38889b077c24125f6e33b795bec5c3bff62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8d922fdf2ac1ed388e3a3a9ba200990636ab0354', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c1231bd9c2dd2943c45bbed163955837c89dc287', name: "label-info" })), h("div", { key: '296393f95d8412f21928d87ef318aef8f66a37f4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '9c2fca9ebf6cafba768261686d3b8a41d48d8e2a', show: this.hasError }, h("slot", { key: '7389b4a595d9e675fc68a3756b3c4abb4cda050f', name: "error" })), h(GuxFormFieldHelp, { key: '0dfb2474aa895dd7324ea58d2425d471f66bd377', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd0f1a86127a31c996982682480c3910c29c5088d', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '6d7892292ab9e97b326457e7ac0ff0c2d5687577', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '19c554f64ca5d4c851f2e1a5a6def8c0ee761c51', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b4839412444beff05d9f67bae7ea8c649aa74fce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '42dbd4c1a32460945fcef16ebd99df693b8a96d9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '08e8f926563b927d98f10f50876023866cd088c7', name: "label-info" })), h("div", { key: '3f51efa906f41de6682e144e54d7813f4ac5f1b0', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '1c8714e9465323c9289026d774e6036dda3afbe5', show: this.hasError }, h("slot", { key: '1b18dff0885f0e0c50ffff9cb23dc3f91e69e209', name: "error" })), h(GuxFormFieldHelp, { key: '78b8b26030dce4a59847f90c567fc6a4c2d66255', show: !this.hasError && this.hasHelp }, h("slot", { key: '3f684ba2281aaa89f8f1df031dc70a263d5a8d5b', 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

@@ -99,13 +99,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'de84038be46d2a47bfc328499e30cd06df286b87', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '061dcfab1cc8eb715f43d57329c9912d0a19f69a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a5bbb599ae2898f4e617140494562122af069989', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fde40cddc62331b06c74617e10585e9f2670dd5b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bd3ac05b74cfbd90f934fe9820e48eb8316c3942', name: "label-info" })), h("div", { key: '7ca74d43009a1baceacc93c5d49bc74f2c6d0d13', class: "gux-input-and-error-container" }, h("div", { key: '9121ed6866ed88fda81bdde16a76139aee9cef88', class: {
+        return (h(GuxFormFieldContainer, { key: '00709e415fe88509771a2469515362a6991173b0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '839726dde8168b2aa9ab56911a3ff49b2674b636', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd8e0aa0a54740bbab34727682e108bb54dc59064', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e89e4b45adecf31ca63bf6ebbb5f4feb034b273c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a3093cddb56d455e1f30b7af0f1914b5034a6dda', name: "label-info" })), h("div", { key: 'ab7d0a3b20f5352350b1b3fe5a589aa436e3da05', class: "gux-input-and-error-container" }, h("div", { key: 'ffbe7f37b150a07990476e1216dde38e04b14846', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'd51ebba09f5b81514568572757af02b747ff2efd', class: {
+            } }, h("div", { key: '37b52655d2ea902022b519696a75794ede124f38', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'a5529361eb395b53de6bd35d3dfafb256538d549', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '278bc243bba819071ab666f189856d53aa3f3acc', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '2204353c42274afc975a03818a16bad3923e616b', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '919554780ca3bd1dba247f1996db7b3c1b5e1fd6', show: this.hasError }, h("slot", { key: '38905caf21c202cde018aae6a133cc29abb65f19', name: "error" })), h(GuxFormFieldHelp, { key: '6ee33348ab4a5e01dcbeba62cdf60f42eed8e8c6', show: !this.hasError && this.hasHelp }, h("slot", { key: '2d97d03d7520f54659b9d9d4e206b3574febb331', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'bb3412d11a1bb6eabadf43fd1a159691441aa90d', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'cfcfeda810144c2560af684c5d7bf75936ef9cc7', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '7a5e5a9a349f034d1d67594456410c2938b1d5d8', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'ab7d7c33ea582586ba6c0ee3d4b06e7720107499', show: this.hasError }, h("slot", { key: '64b37098ab2733397d90199aec6d82750276b716', name: "error" })), h(GuxFormFieldHelp, { key: '7680172857bcd37925817f5a6d9917b0d869198e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b5e8fe3a734ee10c14ae5aefa5f78dfbd32d7c06', 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

@@ -89,13 +89,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '886cd27efcaae0589043616acec990874bb22075', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '473f10d508393bc87e866c7c619c3d078dcb64d9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'fc91a75d620f860e9a097784c26ced9cd2ed9b62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f69dc6e5c564b9627a892b2e6e043bfe20945fbc', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e340f3d885ff95f3410a3cd00fdcb5c7d677b9eb', name: "label-info" })), h("div", { key: '658e325c58e4c96777a345378829a39cfe57a483', class: "gux-input-and-error-container" }, h("div", { key: '24c193506d7440d76a917360b81d68c491157772', class: {
+        return (h(GuxFormFieldContainer, { key: '99599aab8bc4b078d4fc08347d4d7136961c62fc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fe91fc3bca9e347f8a148856b20dde2bb285d547', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '5e6c30f4db08459dd0dd06ae03bca7d5cefe78ea', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '63e5ca11e251efd96b8d894ac36cab219552d74e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dc0b66c24ef78a543acf51c1cde0d5aacf236381', name: "label-info" })), h("div", { key: '4accd7d22d3cf8ae0429a8ebce722dc699d34b7a', class: "gux-input-and-error-container" }, h("div", { key: '7ef5717a2faa6de8175ff9142d51730d4252a33d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b34e82cd56cc9ce53bcc11554d8e0fd931f3ac5e', class: {
+            } }, h("div", { key: 'a17b7492bf8682913639e00d9c56e84f43fa7035', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '10cf79ec0e6442f80a9d5f0655014d1658227a0f', name: "input" }), h("gux-icon", { key: '417232a40fbc65634a59e4032d5243e44599d380', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '30b923cceac5137cdcb22969ba0a5d0da2754cd3', show: this.hasError }, h("slot", { key: 'a5fb45bc8d78f070f5d36387a614e9ba4539daea', name: "error" })), h(GuxFormFieldHelp, { key: 'd3fcd1959b234cedf1cf7dafad94ad3c7e5d8f43', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ac5f49fb23115f75ec50d9d093426bb1e388f075', name: "help" })))));
+            } }, h("slot", { key: 'db19d752e223e4c8182c9d6d843330c5ed3d6e66', name: "input" }), h("gux-icon", { key: 'ef3fae0f606fc2ad92aa68ec192d1124592e7fdf', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'b48571f7d9dc9f97360c5980cd681f80bfc378a5', show: this.hasError }, h("slot", { key: 'bc3f74a715b6a94be5451fece3b808e4526814b5', name: "error" })), h(GuxFormFieldHelp, { key: '26b739daccdccd4b8407fb9387f3614b75914b87', show: !this.hasError && this.hasHelp }, h("slot", { key: '5475cca4a5c47013e19c614e7af43c835c6a0010', 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

@@ -135,15 +135,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '7289f2fa5ee5d17a266236ef3aec2144f4f2b0ae', labelPosition: this.computedLabelPosition, characterLimit: this.characterLimit }, this.renderCharacterCount(), h(GuxFormFieldLabel, { key: '5b1d5cde497e5fa9cda42159c2c99468cdcd6a91', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '028716c2f3e6a9944bc7783f55ced185c1f02d45', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f6a5ef8f8ab01c3b97ec1a137e5ab4b769b99182', variant: this.indicatorMark, required: this.required }), h("slot", { key: '762b27415783c9ce197ff81bfbb5f718047e95f4', name: "label-info" })), h("div", { key: '8d4b43018b24ff170507026e46b192c068465cc4', class: "gux-input-and-error-container" }, h("div", { key: '637626703dbbf80cc918a6e254e1b7cfa206f247', class: {
+        return (h(GuxFormFieldContainer, { key: '3303da09ea9425ab056fe4a1b68a27b0a8eac48f', labelPosition: this.computedLabelPosition, characterLimit: this.characterLimit }, this.renderCharacterCount(), h(GuxFormFieldLabel, { key: '79180bb0329f6f3ff99dcf54f26aaae094c4d196', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f0b0c0f98338d06199e08e35fd82bfafc09f4970', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1861570726737d109cc18c9ee54a199511d12d1e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '477314b29222b05f8777931ae7b4d02f6403c575', name: "label-info" })), h("div", { key: '3ca1ffe1ff0ab870bafb78270254a245828a56e7', class: "gux-input-and-error-container" }, h("div", { key: '35fa22df1fbc8006639b78d6680bb97310ad4f2c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError || this.charactersExceeding
-            } }, h("div", { key: 'aa17af854f2789d346d6ec7c2dad813a19e4a6bc', class: {
+            } }, h("div", { key: '822baeb7a3e029ca5479070b2219d6aff50b27a0', 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: 'd2f3d1cc26a724ca9579fa4b8ea0ab174c6e6a5c', name: "prefix" }), h("slot", { key: '7830b592bc68fd010896c817366f61698c68ad32', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'a108aa1b48180b435fc3060dcc868c86fa199d26', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0ac5664077476b3233d43aa0a21730683a8ff532', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b82173f426a333b5da96f563aa7e3d4a77c7e74e', show: this.hasError }, h("slot", { key: '3e30fd1588df1ad0a664ddd5b51176068e5fe27d', name: "error" })), h(GuxFormFieldHelp, { key: '1b7dbc734d98cf6c14f3bbaa4dfc9141111305b9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e759dee9387087d2c2cc8a610ba942bdac65af67', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'd0169d8906a1702d5bdb6cd352f2ae548fc651ec', name: "prefix" }), h("slot", { key: 'd6a28356341af6b1dc1befbe94f1e1ca35c2ef4a', name: "input" }), this.renderRadialLoading(), h("slot", { key: '4e3562fd280db28885356742e2f942e95ffd9f64', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'c36543f381b1667742ff6a204a54f90d7ab2e32d', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e3ef83821314eacc0199e3a073179ae27cc00f30', show: this.hasError }, h("slot", { key: '0811cb0914cdc20a90717d42ec560cc709796e50', name: "error" })), h(GuxFormFieldHelp, { key: '38ccf8162f958d9ea8015c3db3fb6e20f72d3de8', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e2d8b6882876c9daeec6227218efaaa56b690b8e', 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

@@ -93,12 +93,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '85aebd536e58112721d561faa61e69ba85799920', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7d09e03efb5b36a42e0f2ae8c5725480ae7c0e35', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b322969c7e5be7ea9187955f033591998bf7f3aa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1db04327abc722066c4d44a7693e37416c099971', variant: this.indicatorMark, required: this.required }), h("slot", { key: '773033f5c1ea09e6545821ca4ce769f3019ff678', name: "label-info" })), h("div", { key: '474e197ef328cc222fec17d60d9c6952b937b116', class: "gux-input-and-error-container" }, h("div", { key: 'edb10c87a93d8915f1c18138a12f613017a07cd4', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'a8e94705d839e5b516e2ce6e6b1ca23a0003e387', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3a3223757c774b672e8061233bd2730ca021c7b5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c3f19df80248c3f2b4c6e961c4fb2a95c78af182', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cc4a9e720556c8da4dbec95489dccef6e0537f61', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a20d144b51fd294b1c354ba1323e7593c4b8936e', name: "label-info" })), h("div", { key: '99c2be25af913a2f98d7979cb8392a1e32dae1d8', class: "gux-input-and-error-container" }, h("div", { key: 'f69d179feccff16a66338a1b284cfe18791980c1', 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: 'd49a85eae02c1af2e33cde3534190132cbe8a591', name: "input" })), h(GuxFormFieldError, { key: 'df6c36a16a7b3e6facc0b11b530a7cce01a254d8', show: this.hasError }, h("slot", { key: '290f0ce6fa3f1a113d8d0c32addba7d8fbfa65f4', name: "error" })), h(GuxFormFieldHelp, { key: '5c31320412e44262d97d6c3d09dba4c133e16ca8', show: !this.hasError && this.hasHelp }, h("slot", { key: '680e0b229058a79298ac97400aefa4861bee1286', name: "help" })))));
+            } }, h("slot", { key: '0f862f1fe7594a4d3ad062eaf6f3cfac08adfcc2', name: "input" })), h(GuxFormFieldError, { key: 'e378321410e2e85fd5c558c3b1baf5ba858c8d5f', show: this.hasError }, h("slot", { key: '06f1c622450d75581b52b2dab7ddd9f4e13bb57e', name: "error" })), h(GuxFormFieldHelp, { key: 'b47d966ddce7b0e2c47e3eb2c53c577d966f7fe5', show: !this.hasError && this.hasHelp }, h("slot", { key: 'db3ae1c179f1d088b657bb35ec5031bb571317e9', 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

@@ -98,14 +98,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '21e8399f25c2482448463567b989e369186c12b5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9cb7b47d3d67e87cefa911d225115783b8cb6d84' }, (_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: 'fa9f7748ea47396c757da01696bba5a78afb666b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f43759d10b227d4ece87b2e040dd7abfcc814074', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '52e7360229a5b8225dd30ea61cdd0b6cfdcfcb88', variant: this.indicatorMark, required: this.required }), h("slot", { key: '07a07f01033abd5bde1bb36cb6f4bb6558994d69', name: "label-info" })), h("div", { key: 'd400154bdef2033885accb84bbe9925c739809b0', class: "gux-input-and-error-container" }, h("div", { key: '1480f29b283a94582cdacfb83fc9e24d28866343', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f54170b5b11e34e45f3fc77c225366f8fcaa8afc', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b7d094345e415a5269fff00a0edf8d7ccb92d586' }, (_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: 'ab829d0eed8b0af4a60b327d487b7de4e34d7c01', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ce1fc3f8e86bf8b76b07749e71d91adf59530607', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bf79cecbfe0fde35fa93c1c87291394cf755db59', variant: this.indicatorMark, required: this.required }), h("slot", { key: '90f9ce0f3eed5083728610afc8e5df63afb1b498', name: "label-info" })), h("div", { key: '465963fac249b739dd5b43a9535c2627a4d5faaf', class: "gux-input-and-error-container" }, h("div", { key: 'c73c66adddc4e9a202afcfe22f08ac34867f0f71', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'f4b9f594deff983080c65090463de9af268028f8', class: {
+            } }, h("div", { key: '223ca6df421127fd7a1741c763bc928cbe97fa60', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '0390341d9d25ee9931be3571c4bc8d0b3b505be7' }))), h(GuxFormFieldError, { key: 'ed90284efcf34aa3f48fb685dcc6088e29c24785', show: this.hasError }, h("slot", { key: 'ea77b5e9ac41ae846104d44839ec825995cb31cf', name: "error" })), h(GuxFormFieldHelp, { key: '8c1267cf45a65119764ef91db9496e98d4afa5d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '11e1ac355b8ded171a64009d1bc94f89fcbe955d', name: "help" })))));
+            } }, h("slot", { key: '2eab4f41e54ea0f5d1bc493a53953f7ff354c4e4' }))), h(GuxFormFieldError, { key: '24f90205545a2ba2505d389907802709a4aaa540', show: this.hasError }, h("slot", { key: '7aed99f687b04a0d8d54c13ba9df16116a273f41', name: "error" })), h(GuxFormFieldHelp, { key: 'ebc930841ed98b487ce3cca1eb13ca08b29288cf', show: !this.hasError && this.hasHelp }, h("slot", { key: '0d4ca1620fa7e50cfb13f212d8b71df1929531f4', 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

@@ -99,13 +99,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '52f9aadb26a0ec8aad7a7017f1b7de656fd916a1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '906e1c2c238d46813ac0bba58a01c16213e72abb' }, (_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: 'fe953a34afc986d6fedbc5bbd21bf31fef5f3e4b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'aa269f867b9a9a163bebe7c42a4da6faf767b126', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b26f07392794e15da05491f6b2c03f3635dd255b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '435b02a6bbb5eaf3cd5103d6f4929d8c9c78a561', name: "label-info" })), h("slot", { key: '7efd43713a114b96b74d10dae0b967cbe6ddcd4d', name: "label-info" }), h("div", { key: '56da9c25e86f32cbdeb76043c0e751f2a72269b2', class: "gux-input-and-error-container" }, h("div", { key: '92dfe9f601463b0a175e2f7473bc0e5938c5d428', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'bb075b3f66c81ea5a8d1e92b109c8608af7c4f80', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '11631e74407938e08ba072a910ae9fef2fa5e051' }, (_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: '56056f1016982c27107056ce6b1df8023fa85f37', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6b059128760063d3d74ad16965c2bf2412b8b892', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'df4924ae546b8fd079dd368b11e814263841ee83', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd412138bef40185927bbc3aa0d0505ade7d72c85', name: "label-info" })), h("slot", { key: 'd3633cf36eb1612f7f012d7aa83f2a5944718c3c', name: "label-info" }), h("div", { key: '8e3b8646013a25144fadde0f07f86fa4b86c3f17', class: "gux-input-and-error-container" }, h("div", { key: 'ba8783d219c7d4ecb3e1311f6e7a1a0ca23b4280', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '43366c9da6e7ada0792def009c6f2f6b60f65ff2' })), h(GuxFormFieldError, { key: '82856e290ad916147e65088c5c855bf152f33ff5', show: this.hasError }, h("slot", { key: 'e3d3dae86fd2781eb1e44b12352b026df92fa91c', name: "error" })), h(GuxFormFieldHelp, { key: 'f6224887bb83b8a30472a661258123f5de07bf38', show: !this.hasError && this.hasHelp }, h("slot", { key: '567e70213ea6ead60ddb49e5fd3e6ac45b039505', name: "help" })))));
+            } }, h("slot", { key: '87ca9d8bbcf8e7c3649bc466bbad3b2547953ed6' })), h(GuxFormFieldError, { key: '76b2b00bf1499789ae207a605cf6cbcc9f986525', show: this.hasError }, h("slot", { key: '8d220f12c2889dc7eff8548af5aa20a12a4b0ce3', name: "error" })), h(GuxFormFieldHelp, { key: 'a7696a867796a3c65839c9b1fc909b303879633d', show: !this.hasError && this.hasHelp }, h("slot", { key: '5a38f2de6966e3727b8f0dc06ebe90a9f805159f', 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: 'e796f38dff31b2751a760efa342b22dbd1c24b05', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: 'd1ad9c79abc513d782310cf497aed0ab88729ef6', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'b8596861059c3ff2475dd01564eb4e9af0cc672d', "visual-only": true }, h("div", { key: '1e47c8e1b4e120f5737c7d5fa5602f99441c0379', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '2844f33beccaa89b1f1a877b048bdfa29d7321bd', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '7c910485e8bdd75adbbf473ac61aa2070f5325a9', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'b5431f2e2e26a03e78b17913d14dc1299bdc4e14', "visual-only": true }, h("div", { key: '922e9867b4f6fc5369218898baf7fa23e32f44f2', slot: "content" }, this.i18n('clear')))));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '73cbf4213807d6d15b63c35401d906e5707c8e0d', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'e7675550dbe28367932bec917cf9d804aa15896a', 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: '7504bafcbdb4fa936c38fcf362fa7a3857c62d24', role: "alert", class: {
+        return (h("div", { key: 'a07c29c9899a52cab0397d567492e46ef48a93e3', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'beb44954aec3cbc05cc0e3dd31d3490f24775833', class: "gux-message-wrapper" }, h("gux-icon", { key: '89978444bbfc17656c1e911360650f997c5044b7', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'dcec502419377cdc0889cb49393d439ee5cf48e6' }, this.i18n(this.accent)), h("div", { key: '83ce1d2021fc5019e81af4b4e026f006c3e97846', class: "gux-content" }, h("slot", { key: '56f47fa60458b4756a0ed3537cea8df98d214146', name: "content" }, h("slot", { key: 'e036f95b6a8b97dbea6c513850c56b5afda4c494' }))))));
+            } }, h("div", { key: '741dd5002d40ee36628702166f256b44e4676402', class: "gux-message-wrapper" }, h("gux-icon", { key: '3917c0c951a0bbc43395f064e781325aec35ad36', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'bbddd2a85bae227c30c6c72d20abd878f5ad7b42' }, this.i18n(this.accent)), h("div", { key: '73b0762d89c22d1ad29b8daf00e6339b81c69cfe', class: "gux-content" }, h("slot", { key: '89a8aa253ef04e4772c00db5dd75a851744e5e6d', name: "content" }, h("slot", { key: '25c7b2791347b3c5ad9f3044abffee24ae6f1532' }))))));
     }
     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: 'f7d424b18ed244dd03fc6f6c65f78ad10bac18ac', role: "presentation" }));
+        return (h(Host, { key: '602562f7ab06feaf53ea226ab3f493b1de141904', 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

@@ -7,7 +7,7 @@ export class GuxListItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '0ae25b7f97873743757c06efc8e4b975e4cae214', role: "listitem" }, h("button", { key: 'ef7aa9b2aeeb740dea9ac73c63d3abfe63646a77', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: '08ebf5289d565116783d82ff16ebd7f03163229f' }))));
+        return (h(Host, { key: 'a1dd453e44364f522f6ce34b3754f25ede3a683c', role: "listitem" }, h("button", { key: '8d872d1d580cab82ce5a93b9b60163035f0fd168', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'fd5df837ae8f28e58304014f4e8c2638e9dad889' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class GuxList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '4d3b4fb9b853a983166a125ca59713584d93432c', tabindex: "-1", role: "list" }, h("slot", { key: 'd3cb52444d2748295158ac071427756c5a484a32' })));
+        return (h(Host, { key: 'b6d6381d12d6a648f8c1b86b83cde3790805c63d', tabindex: "-1", role: "list" }, h("slot", { key: 'd434103f0a9dd954d3b5b4689fdca47ac29ac3f4' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '09c3f56d626dbe64bbd35193ec590fd0ebc94b06', class: { 'gux-filtered': this.filtered } }, h("div", { key: '38f09d8d52cc298889c5f5decd623cb87b3953dd', class: "gux-option-group" }, h("div", { key: '177f1266b88a5d26d7fd9431587d340803a7e718', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '463b5c686c7dcf602b2d3618dc61eb702ca973c8', role: "group" }, h("slot", { key: 'dcea8f4fad1b3709e1d6144f4b467bca6f7759bf' })), this.renderDivider())));
+        return (h(Host, { key: 'c8f3522799de96daba62076908f93d506cc1151a', class: { 'gux-filtered': this.filtered } }, h("div", { key: '9eaa060e0b09dbe55e58b47e975ce0792dc0d0d7', class: "gux-option-group" }, h("div", { key: '5ca126a92336cec769c700c2b5213fcdf62332ab', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '184f3daad77229f6ac25d269947b9088f062775c', role: "group" }, h("slot", { key: 'f535c0d14a80302457f315f466fa7da342b9ec4a' })), 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

@@ -43,13 +43,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '4e62af5e88e8a161bd21adbd7bfc0c3feb30ea7a', role: "option", class: {
+        return (h(Host, { key: 'ae4a28332162c5aaa44bb16b41475adaf7c568ef', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: 'be7d5ab42155ebc2096c9c91d98f93271ac11738', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd464d586da1888b1b7dcb73c062849301fea99bf', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'd323f844b46238ad580b537724c559e619d03fda' })), h("slot", { key: 'fac32caf4469f4c3c78a3a4310046ed9babd52cc', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, h("div", { key: '4441073ae07285034ee0533605505ab4b970e594', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c4e8137feb530918b78105b660934aa98c1b81e0', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '722d9eb7756f9da578f8ed80c7f566bb86925a40' })), h("slot", { key: '26691728330fb396fc8e95d644a2db23de9e7b9c', 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

@@ -62,14 +62,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '1068d1f0f436b632985d1fc34baedcae532fb16d', role: "option", class: {
+        return (h(Host, { key: 'a61b1ce5aff7ffab22c8e0499c8519b3fc15dab9', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-hovered': this.hovered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: 'b625d6efe6382323cb0470daae78b6c6f10af987', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4b193caacf57b6382a7f00a6287d3a9f1d1c9d55', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1373b5c30a53fc60ce113f3aa5057661de4bc29c' })), h("slot", { key: '36a691705831fd1e7d0ebfc7e9204e8b6a7e8571', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderMaybeIcon('start'), h("div", { key: '009df260b2a632efb695912feda2aa9f65a7660e', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a91569d35957d238cf0cab86d8ea121a941ed495', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '8cda3dbca3d40357a484259aba81f05f8823bbba' })), h("slot", { key: 'eaab4c7be922d587120e5e72978579a92373401a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     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

@@ -32,11 +32,11 @@ export class GuxCreateOption {
         return (h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '2e20b2ad4affd4568ef28cf353fb3c3d2b65b216', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '05fc677a05c9abe56cf5b8cac62b6f33955c0db7', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'cf72703bcf9b3d053f8889ab61f4a8981b330887', class: "gux-option" }, h("gux-icon", { key: 'fa396072d13c7bd6f80d023070e81282cd8a1c3e', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'a34266460137d452e4407b207579e8a29ecbc1f6', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '17e4c409d39b774306017e7a89a711aaa0872678', class: "gux-option" }, h("gux-icon", { key: '63527f1e746e90e2ffcdc5fdaa4f7610fade39c2', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '12b1e526e30eb2d7668c8ff54eca4246d23ace14', 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

@@ -60,13 +60,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '832db3f02de1b66a5302c0365785b1a15a969c74', role: "option", class: {
+        return (h(Host, { key: '852c62b38568b07603318690f7764fe06fd26a3b', role: "option", class: {
                 'gux-active': this.active,
                 'gux-disabled': this.disabled || this.hasDisabledParent(),
                 'gux-filtered': this.filtered,
                 'gux-selected': this.selected,
                 'gux-show-subtext': this.hasSubtext
-            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'c4d4fb43ba511d6b43d8a804eeb1df334c5dec09', class: "gux-option-wrapper" }, h("gux-truncate", { key: '945be15d5bcf51342f430c9a06c09b1a30d5797d', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'ee7c5adb35764dc4fff585221f4920580e2c24ff' })), h("slot", { key: '56ded69f8ec00d648cfceafe9ecd70de3e89c36a', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'e0060c956777572c8e46e3149595cf7e2197f880', class: "gux-option-wrapper" }, h("gux-truncate", { key: '85ea7e47f2ba388137b3185124195af68c301f21', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '42278feec73e2059bbe4beb1a8b1b220443782e8' })), h("slot", { key: '119d8faab38436a39f76ade6ddeb36f31229dbdd', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -60,13 +60,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: 'c3e075ee55b9693e25c899aa1545af0127cbf172', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: '49fda83185cf5f4fcbad9df6d948a626cc732ea8', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: '5f3b6b5121310dcf5998e8902056bbcda6be0ee4', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'f7c411260319bef9416b479f676b880f06945654', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'be28a1ea88efaaea8e2dc2bfd2c4758b494c4a68', "max-lines": 1 }, h("span", { key: '3a063d95ffa95c26a16eba6fc31711a82f1a2f9a' }, h("span", { key: '482ad2d605e7a594edff87ebefd8cd585cd3f7b8' }, h("slot", { key: '71ddd8a58537e4f90d3c719d1bcedc4f0e1ecce0' }, this.i18n('allOptions'))), "\u00A0", h("span", { key: '5286af59b331e0435131080920954ceb35321992', class: "gux-counter-label" }, this.getCounterText())))))));
+            } }, h("div", { key: '514fa0fce73d3adcdb9b3c84cb25f33b5f107eea', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: '2dcc74cf9eccc27c17e5bb73a5809d98c08484ea', class: "gux-option-wrapper" }, h("gux-truncate", { key: '51eb9e18a6d6d5b33074c4a3e05bbcc1cb5b1bb4', "max-lines": 1 }, h("span", { key: '3f46eed8146419f0a15d31d03538ffb33a2f048a' }, h("span", { key: 'fed2d90d2a5bb3ab51168a6cf47bd1a29e210203' }, h("slot", { key: '4c3b66509c6c859706d115a2892be206973eb9c4' }, this.i18n('allOptions'))), "\u00A0", h("span", { key: '46247f3c85bc546c663d2f45ec30bfa93c4f2f00', class: "gux-counter-label" }, this.getCounterText())))))));
     }
     static get is() { return "gux-select-all"; }
     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: 'e224351c0f33d7d27f4d1100ae252c35ae24e712', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'bf63d3628d4c925bf2021828ba2ef59eb49ce686', class: "gux-progress" }, h("slot", { key: 'e36799bb4078ec1224c4fe20e82874e322b88ebd', name: "progress" })), h("div", { key: '6d01ff2247f0dd4e139054ddbe602f2814946b7e', class: "gux-primary-message" }, h("slot", { key: 'aced02e544db8ae77e33704ece1d322304d8c319', name: "primary-message" })), h("div", { key: 'c987bd4ba39168952830ab1a2132bfa47e97848b', class: "gux-additional-guidance" }, h("slot", { key: '41df90f1b28ea9d737d67015e8a5d69bf03e5440', name: "additional-guidance" }))));
+        return (h("div", { key: 'a07ff489fe1586c0f74a214c8c0b5a8578871138', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '936c23b9a09b6895334358d7315dbf6dde1cd5a0', class: "gux-progress" }, h("slot", { key: 'f18f88eec3ae262685df99473b36e656ed4f9149', name: "progress" })), h("div", { key: '9d5f73ad86b3fdf10232b40ab107c6bc5c45538a', class: "gux-primary-message" }, h("slot", { key: '5690c7a91b53ef206217d10c93825d502bb8205c', name: "primary-message" })), h("div", { key: '68da074528cff3e697c3e9378af747fd69930ce1', class: "gux-additional-guidance" }, h("slot", { key: '3523f1785e5ae4b4af89cbfc9311daf6aa928ff9', 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

@@ -76,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '30f2ef71960523a077d916462b8ddc0169e432f6', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '3f856eafab224757ec09e8493710de439795704f', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '8a91fd7873ba6ed2da23849ff5e6bd72698e217d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'f7ce68d63b2a1e00419a8e2f6665ccbae2df0382', class: "gux-modal-content" }, h("p", { key: '00e6418805bb45ab03e7ec51cadca623b59c62f7' }, h("slot", { key: '78710ccc7341bb4ece460ae794a9b5655e5cfac5', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '3260051a3dee1ae8d9d7335c606ec7fa2c4ca06e', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '8809e0f7cb14619cef5edb6595faec7a74048d8d', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '4018b622ba4efccdc8b593efafd7e1a6b9bf968b', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '1578aabb82165a559b7926762908c55c09261b0d', class: "gux-modal-content" }, h("p", { key: 'dcb1238012ee0128038da8ff6d14930dc5a2216b' }, h("slot", { key: 'a32edc918a4bc04a37007c5361ef72857fed6304', 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

@@ -5,7 +5,7 @@ export class GuxPageLoadingSpinner {
         trackComponent(this.root);
     }
     render() {
-        return (h("gux-radial-loading", { key: 'd62fbea7aa39eb04eb780c886ce062c347362910', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '945853cf6290f74074358de315b5be796317ebab', 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

@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: 'e26d11e9bd23006b07a146e3409e14e351c940cc', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '499780ca8ac612e98011fd7e931157004588563e', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '2b1d97007832a825186b9bb2ddb53e47400023d5', accent: "ghost", "icon-only": true }, h("button", { key: 'b7883f38b4707cb23b2cce6027480e5d0a376a17', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '989d8699e6ae5fb774e606410653d772ba68089f', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'e6a0e3ce36de38bf54fb49e86733e885db666bb0', accent: "ghost", "icon-only": true }, h("button", { key: 'e842949080b0c4dfa646aa1e5bc3a96f2b81830e', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '0a7e478c7c2b5cc679e2afc946ffe617d346d778', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'beb94fad08853ab3f29e8688ef87a580f6cde32f', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '27c06da179d60e595f2409892c967c56f4eea141', accent: "ghost", "icon-only": true }, h("button", { key: 'e6b02f809fca4ea6e7f2bcdda417888c2ee0a97c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0cdcebbfd70e5acab11013509209acd6349662cf', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '50e4d00fc5928629545586698d7a3452d4cb499e', accent: "ghost", "icon-only": true }, h("button", { key: '89467a024900b2b41fbb25ad9983bb5f24d9d9fb', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '017bf437504406ff20b18f654784fe973dd6a6dd', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'b484f5cea236d55244dd342faedd7064b1d1f3b4', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'c1ba737929b8d8e7e165eb03fdb357051ef8601b', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c905a009a9895a566e4554205eccd7e5dab36d94', accent: "ghost", "icon-only": true }, h("button", { key: '745ea0f2f890c9da6d994ddefa394b8c1a491324', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '4175b20f258517e6036d81d7c0c744296e2b6375', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '9b7ef399f3f47d57f848b44187051aaadf8814d9', accent: "ghost", "icon-only": true }, h("button", { key: '493a987648adbb11f274981345661d8bf301ca6e', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '028a9b80f8bc5d3aac5b42b770a7494d32e6bc5f', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5a07290da6d9bdfe277afe2a9dd316eea01f8ed4', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b2d05b01b7f7b291f4afff1110a3681f211c774a', accent: "ghost", "icon-only": true }, h("button", { key: '150bc64ee8917fe52d8cb6331b885fa962dd804d', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0389bae41b422e723724be4cdc389f063f941b1c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'ae2548ce65091d7b3da5626accd187474869c4a5', accent: "ghost", "icon-only": true }, h("button", { key: '051f073b45acdffed6a6636f903568c58f9a4137', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '4af94b7100c26e0dd06d2a5cf9482fdd20b8f469', 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

@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: 'f15a7f8dc0ef9abc9662336a7ae68ee3c8b59fcf', 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: '0bd4dc0b4acc7ad0f97759d9c602bad26b38ae63', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '28c3b7e2c0b7afec7bf025104089f290eca533de', for: "popover-target" }, h("div", { key: '4cf7a6347d6aa09fcf4baf3ebe2a82f97e08cd9f', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'd05859ddaa7072d6b7e9ad160cc8a8739aedd678', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '69cddbce7ab4a35b0595c43d1aedd26417a7e2e3', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '31577f7af2b1cdfded0fbbe516c09b7dafe5c6a8' }, h("input", { key: '83ae91baba0465971dbcb34b4b3d08c0cec524ad', 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: '4f53b97e4d632aebec1ff64efe9df5e9eb3fa7dc', slot: "label" })))
+            h("gux-button", { key: '48f4b3dcdc95abdb27e4c3f7d8987b3c22de5e80', 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: '7ed0fab1e1e66fd2262b9be15b79580a1f2a7146', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'ff4a46070aba1f306a3a83973c8cab97853a4eba', for: "popover-target" }, h("div", { key: '78fb6bbb47b5457309d151fcd6f5a9f5b085c5fe', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'af9164709d8ae88b04bfcda638cc7a14956d8d00', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a2124b4456bd9380a2b5bac59b03fe09e207c058', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '3c684ac85dbea4bfb4e1d22ee74f4dacc32580f2' }, h("input", { key: '6c2db869d94dbda38a35dca4035b666e724f7ac7', 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: 'f0c5ac6ba3b96425f4960e1c808ece7cf80a771a', 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: 'd2403e7deddd25071890695d3b79029cebf7c0e9', class: "gux-pagination-item-counts-container" }, h("span", { key: 'd631cc135b8e56ad1fc0f7a1b93e6039a3c2822a', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'acc4d3ef15288e84598a72c3a9fedd8e6c92b139', class: "gux-pagination-item-counts-container" }, h("span", { key: '828177136e6b68086acc92125aa8ec4423bed5cd', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: 'df62f74c86b37ec52f64729ee851860aa5d48bc7', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '19b44c8543a6fa21aafc86c0769c98e6a9193219', 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: 'fb31ce3117f1c2e3d7427b1379b9a95401b90953', class: "gux-pagination-items-per-page-container" }, h("div", { key: '278c9e24468cdf7d30536454ef45f85a3dbccc60', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c0cb80d09da5180cfc37f6029a9ccc79f75a2f97', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '124103892ed8e8110c5aabcf4c4bb3b4c9a17d45', class: "gux-pagination-items-per-page-container" }, h("div", { key: '4db666a74aa886e3f131afe45848d44ede027ab6', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'a5e3372cc40a6e0688a873613a64b68151290439', 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

@@ -94,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'be5a0776f4a931c44242abbb20428d1a905dbbcd', class: "gux-pagination-container" }, h("div", { key: '9570fb3d5579f26c03cbe95ea130a275f5e92a11', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'c7a536c877fa18347dc3cc1ecada68e736e67c78', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'f9ff37ab727ec5a1ad65b8214ea2a55d351ba3a9', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '1c3a96ec3866a6632d9d0dda73ccbf4801e061c9', class: "gux-pagination-spacer" }), h("div", { key: '043a3b305c1d495f534294671727972f9d5b615d', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '72588d92f9ffeeb3bc20cc7a7d65323f212c6b55', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '0931754d28ffc2969840d6d042f226fe50c7343d', class: "gux-pagination-container" }, h("div", { key: '55008a4cbfc890d22852e724a785d3849a00a1c0', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '7029351c4d8e4ef808ec29a8e08be6e4b1a06ae3', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '20b485e55ee6a7df07376ea800fb003b77f64dd9', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'dfce25c1ecbbcb8d53e3e4a0376b228095e91c17', class: "gux-pagination-spacer" }), h("div", { key: '8b72375fb0b3dc822745b0fa60477bd0f05cb29f', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'd9856c059e3370b66bd3ed53da1054c53c5be2bc', 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"; }