genesys-spark-components 4.199.1 → 4.199.2

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: '802e4e804c0ff63447beb64d1c3ec74641f0f9e5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c4a8919fa11e73bbf5a6a9f16d9c31be1ef6694b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b94b116930844aec239fb700792b986f0dcdfb68', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '26d03102dbeeff75be46b10437130642a3a3d1ba', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c75977abf537734087596b45851b6ed002c3ff06', name: "label-info" })), h("div", { key: '3cd90c995d27e5ae6324e0c738a8bc57d6d06a8d', class: "gux-input-and-error-container" }, h("div", { key: '6110a08d781ff6633170b05ab86fe62d41e59042', class: {
+        return (h(GuxFormFieldContainer, { key: '1afb09a448b2cc280635470424833594aa33a436', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7d15d6e9e056cf791c413d19a4e7593a069b4ab8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '576ed3cd517e30895ef919e4a919753d0744fce3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bc80eaff5f873ef7886cbe47eb58ee257e3159e7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff1f5deceff8871ce3d3f6212aa85f66f185789e', name: "label-info" })), h("div", { key: 'e4419df87fca952990ea3904a9653080e1525acd', class: "gux-input-and-error-container" }, h("div", { key: 'c7828d8c8ef6fd70d7ccf79b18c11203228c207e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'dd3ddf7fd3ff9f85ee2cd0813129da60fed14ead', class: {
+            }, part: "input-section" }, h("div", { key: '4ea301bd8363355d5a457da4382bade792e33a85', 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: '62523b10e81b47392f422bc48d6982e0407feacf', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '8e8d305fd03f54979d67fed1fd67cee04318c958', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'dd4ab025eef11248369fb2d7b34f130a30c87739', show: this.hasError }, h("slot", { key: '949db9a5bac588cc3a47428e1ef2e01d4a433f4c', name: "error" })), h(GuxFormFieldHelp, { key: '46c1f0d9f2128cfedbe241551a98fddf39e5ba4e', show: !this.hasError && this.hasHelp }, h("slot", { key: '6b0eeb8d8cbfbd069e28bae2dbaf759e44cd43a3', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '869519b5fee822675980b209f5977a97fb9cc46e', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'e06d26730668b07bc8d6540498105608675b5261', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '1626273042068e9fbb1aa2a34108144081aeeac7', show: this.hasError }, h("slot", { key: '564b1572c570e9d09f9328c8f8442950f2da9b74', name: "error" })), h(GuxFormFieldHelp, { key: '720c9cf71974405305f4c2f07dae379fbaaf7a02', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f9c6a63636cebb60c51878ad71b37c089e034114', 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: '757cebb89a13fe36ebd2ba756dcdc6dd4973b4e9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1f6343bc6255556d8e38f4729cdb76d003e7d4ee' }, (_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: 'c921c0f1f61ad5ae9c406dadbca51873729604a8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1da746dc51d15b046edabfb2c628925c036543be', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '693dc7b8456373ef7d8d1e8dd95ef4a248c37635', variant: this.indicatorMark, required: this.required }), h("slot", { key: '99451c0b8fbd56e017e709e4b0c870bc38696bf6', name: "label-info" })), h("div", { key: '06f2235a9542cab53159ad0ba61c1b71f860442d', class: "gux-input-and-error-container" }, h("div", { key: '01ccf1a88c30096d43424704f6b3024c90e0004c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '53000c90b4beb4b39a5b01034c0f3fa73b396876', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6a4254e82dd5b768633e6612ae651ed0248f4ae9' }, (_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: 'b2e2a111d921bc08b263a0fd97c81f3eacd6cc79', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '804d6889de8742cfd867a498198df4071ff9c943', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '659eec208d8e4c854dd3cfd1f9cde624f4635402', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b5240ca888ba1d103445db25a713127b30e3d990', name: "label-info" })), h("div", { key: '3c8c7f5861a2e8a9fc1f820d3f9074d805ca8e0c', class: "gux-input-and-error-container" }, h("div", { key: 'a591e5fadd1710f309284fb0585d858312c2e49a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'ca8c3a6b3d4e0d8edba4787660248f337a07336c', class: {
+            } }, h("div", { key: '566ee4849c10818c9a995071ed7975ed1a5abaa0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'bb332adf129294ced650fc25ecbd0fbe02209785' }))), h(GuxFormFieldError, { key: '0c13dfde870fc9a6f7b6d12a9057d431d488f178', show: this.hasError }, h("slot", { key: 'fd27983e9293fb8af84dcc83e0784adaac1a3f8e', name: "error" })), h(GuxFormFieldHelp, { key: '425bb54b990cb99914a225f298b5b89b3551c3d8', show: !this.hasError && this.hasHelp }, h("slot", { key: '08689d1b13d15fab6e73633fb4be9ac726838d40', name: "help" })))));
+            } }, h("slot", { key: '11deece909da10c36cf3bdb4dfa3ca3d4c0880ff' }))), h(GuxFormFieldError, { key: 'a18267eaeb18e47e7353bfd5ef80d42b7a5dd596', show: this.hasError }, h("slot", { key: '5cc8272da81a69d381b2577012edf5ebee602cf3', name: "error" })), h(GuxFormFieldHelp, { key: '69abfbacabeedcdc63dcd752b0946811548ad25a', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b79a04842832c6e85a124d6b6d6cd0f44de3c99', 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: 'cc6a04d4435bfbfca304beb4769bcd330bbdf514', class: {
+        return (h(Host, { key: 'b98b27ed8d0a8d5abe14ee10f142754eab52d328', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '4ae84c4e5d60358eb997f129b8c088a1f0ae5f10', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'd942e12836b2bc5ab4c204cf6213eb842dd92fbf', class: "gux-input-label" }, h("div", { key: 'd1657d6c7fa5aca36d25787c99ff7c9ce15f2750', class: "gux-input" }, h("slot", { key: 'eff047b0f6106620d33517a5e3bc26b06c0d9d86', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '7a4bf9ad866dd55887c8374d3b45cf0e13578fbd', class: "gux-label" }, h("slot", { key: '4e169d9f2012f3e9f783a25acb26acbd76001b7e', name: "label" }))), h("div", { key: '969e9e6130e9da8fcdcd1582aa0b561515156b05', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'cb5dd92f7334c02c7658b4d4c588b2255e95834a', show: this.hasError }, h("slot", { key: '88a2ca3252fa17b8a550f230bd2b54350f716bd7', name: "error" })), h(GuxFormFieldHelp, { key: '299d15016018ca89c22a6cb14f70147642604c18', show: !this.hasError && this.hasHelp }, h("slot", { key: 'da2c41a1dc738427a769ae79af28f4063a26cb16', name: "help" }))))));
+            } }, h("div", { key: 'f4c9b73176c38ed3294c75265b19a1277b064483', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'fae2731afab82056dd66d7227a5ef04ebcff72c7', class: "gux-input-label" }, h("div", { key: '2ffa9946ee945013279cdb2e22a895cfabb63e74', class: "gux-input" }, h("slot", { key: '11c8ff038e8902a597b4e9b1143eae57f4848ee3', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'bc96caee8655129ce492044aa573211cb7312da2', class: "gux-label" }, h("slot", { key: '8591ac397a617afdb1a438081533204f84ced124', name: "label" }))), h("div", { key: '95c77f38708c1441565c055ad64e567e12814953', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '3e113730b5cf959acd78485799abb036e70a0833', show: this.hasError }, h("slot", { key: '5dabb15f01b21e26dfb3f7e9a399be3bd79ba2ea', name: "error" })), h(GuxFormFieldHelp, { key: '38419e0287dd06ca1ce84c9b7a51cf207a6cbd67', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f13d14dbbd145be3c8148974b74e167599d5e650', 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: '064878acc06694359eac83ea971398e7dde5eca6', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '45cac8e655a3879c2e413c483fe3a842b15569d2' }, (_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: '02983c33307a2e495bbfbc13e4b9c5a95a70c9eb', position: "above", required: this.required }, h("slot", { key: '6115a27910af173207d57d4d19e27dbc6d0a762e', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '28a5d2eb175c842367d1bb2dc1e22e9d628d08d2', variant: this.indicatorMark, required: this.required }), h("slot", { key: '074821371b9fbb2fc62c57d6877a213292174b36', name: "group-label-info" })), h("slot", { key: 'ea9d5891081645fc731ef2e02ffcf0d6d5351cdb' }), h(GuxFormFieldError, { key: '1941202beb7c274ffc6aa5e4b0a5da768c225fdc', show: this.hasGroupError }, h("slot", { key: '84bc65865c84649fd31ecf7fcf313f8d99295edc', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e6817262317f6cfc5ee06bd57c37f0ecab3baf82', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '95adb1fbec549329e2478e8375430ef752395f49', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e881bcd96cecc3c883ee4cff00d381142b6c03c7', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ce05ec0f0ef21df4e4cf477765744ad6b2696c40' }, (_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: '837fba29937dd4e4086b6385e9837e8342298bdb', position: "above", required: this.required }, h("slot", { key: '5abc8b8250fe8dc8e795250ce9009a6267a2086a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c02c76d2ed257a9c07c84b5e3fc97db2274b9a45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8a6052361e00413536632f1e002ab1b524a41ff6', name: "group-label-info" })), h("slot", { key: '68edec2e6e82a5c2fdf5bad66278ab0d707e8e68' }), h(GuxFormFieldError, { key: '4a5a3698a952a0640dc56f8bc760cbffd3cd6e65', show: this.hasGroupError }, h("slot", { key: 'caed6db06b01031ae7e42cae75332dd889155198', name: "group-error" })), h(GuxFormFieldHelp, { key: '3a5075eb14843fe46c87a525bfafc2b1ef49f290', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '6eda3f62aa08ee56b939a916223aa6d14fa72e93', 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: '9619f39516089dec1af3add943c647616d6a206c', class: {
+        return (h(Host, { key: 'ab4702d8fbd679c42b62b92492fe520d15bb4ae1', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '55bb9b7123d8b56d82ed16ec936bb8c822065e90', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cf035065a70bf185c39838e54458d8f2fd8e7a4b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2376af0a20104ab59db2df3188ecc96267cf777b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'abb34b53fd55306a49d1ee1c47714cbbaee443f8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23bd81b67c8621ae098f7e653abd0ef7dede782a', name: "label-info" })), h("div", { key: '70a9ad941f868cd1fdaf6376d287d6854380dfc5', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '2f4d79036c7b295b1f74b78701534a4a2345a8f2', show: this.hasError }, h("slot", { key: 'fd856f1a5e020881ce54473a1fb67ecb7d4949f2', name: "error" })), h(GuxFormFieldHelp, { key: '485ce0bf3a37dba85b7413b8ca556a7d607186da', show: !this.hasError && this.hasHelp }, h("slot", { key: 'adfc74111011054ddb56c07b1c9fed6fc82a5b19', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'ed3c22c3a06e1be5d34b6db8c318f17160b56f34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c1bf9980e9061948adf39cc65341c37a836ea957', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'baf7e6ea89b65d3f35e3cc920032e47919f6f64b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3945354b2582627b5df484dd56a2cc8bb7790ade', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f8ae2f6f15d3b604e4443bb0569a9fae5b50b42e', name: "label-info" })), h("div", { key: '0732d11e5ba3cc3eb0a2000fc7c28514cc5d5f29', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '5480154884dfb0ddad58bb62b8a7ab9263ffcdbf', show: this.hasError }, h("slot", { key: '14b19b68d851790426b8c96250f390eed7bfc7a2', name: "error" })), h(GuxFormFieldHelp, { key: 'b474b4c75f3a188e989116aee10cfb9035256238', show: !this.hasError && this.hasHelp }, h("slot", { key: '0696024395cb20c3f4606b0f4b94e423b4563b68', 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: '29b59df9fb4b700ab144d7d5a4f4751b76985ff8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '63121bf73a0059cd543e1cfc436e0f9cdee8aa69', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cd413ade3e1583cdb46d46890d4fba8a4a2f515f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '800eb4bf8c204e54891270e5c10d43cf74f09767', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4ecd777e2c5efcb0ffec0477c033cc677393b9aa', name: "label-info" })), h("div", { key: 'a410526dfb1af30c9195764509237e6450433c8f', class: "gux-input-and-error-container" }, h("div", { key: '197e1a1b08e4570bf32899de7f22ce1e03c1d86d', class: {
+        return (h(GuxFormFieldContainer, { key: '3cc20f3ef9b2640e7b15797965b122f9b06dea4b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f0f61cf789d1600cd34cddc21a0ae1602c13e898', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9ce422a06e603ce31416ec0c1ba81942351c3b66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c1d022f5bffc5f18d8ebb2fd3fb6d56792759e2e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7b22ef8aabaf23f47b89fd32f8db58f72b469f7e', name: "label-info" })), h("div", { key: '7fde3d3417e1d53ed3a2d23c30b49bd53f526a47', class: "gux-input-and-error-container" }, h("div", { key: '44ed53dffef4cd0bcf90f57e7d2555384fa364bc', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b6fee2f89c0ef01aada923cc56619f34080fa086', class: {
+            } }, h("div", { key: '46aa44f6c7e1401b8fa671be0798ab0f4067f653', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '1bb545531deb946096774175558d26741f4fa120', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '65a20e02bd472bf21992854b13300faa9e5d2f64', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '44d426c7a0dd4c8541c1c1308f63a4ac26163ec6', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0366df7203d470467e0df99a8f13d43bbf8f730e', show: this.hasError }, h("slot", { key: '127b81417379054338d15a2fc3bec7078409cb8d', name: "error" })), h(GuxFormFieldHelp, { key: '582b4031ea679ecfc197fbf289c466b290b63ac2', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b4fa4f8f444899782adf53188027690693f0bf79', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '532298e11fcc46ffd14d8470e4877f2050954b31', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '3ade933bcbb71001a8851f5e7aaae3944a203535', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'd7e2e144e858871e88644d5d32dc66d8848595ad', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1373603af9f884b6c4d832cc9b1337c9a3ac6af4', show: this.hasError }, h("slot", { key: 'ac0dc681cdb6fbe7ad05bacc5e223a5bff1f93c8', name: "error" })), h(GuxFormFieldHelp, { key: '17de0a427a62d9fcf55b21b023852cd0e693f673', show: !this.hasError && this.hasHelp }, h("slot", { key: '567d4ae2f8ec19b3cc5188ed2b328f92774bf957', 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: '28357f6d18b35cbe1b62ec9d7e02ef04a822ab68', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a2b5bde275327e7ca88299319ffa1cee6777c9d0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '01de425157db781a55ace8168c312a9285416fd7', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9ebf52c54223194f1014bc1a70041d6365909fb7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1695b0d4e9c12042c63ff381d57ba737f8f749c3', name: "label-info" })), h("div", { key: '203c55784147e1dca931abdbf7d2729bab1b4e84', class: "gux-input-and-error-container" }, h("div", { key: '584c2abb9210b783c5a4893b15df94787f53970c', class: {
+        return (h(GuxFormFieldContainer, { key: '3402ab1b309475e280788aeddc1655d6c98bbb0f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd1c6f668fcd33c262ee379108fac64805a566709', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f5777b301b592514ad90603dc9bb99408abf0394', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '32ba4ab2cef8afbf106f361be16f5199230cb36d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '532c771fd2061b1dd558f3dd37894035b8ce46da', name: "label-info" })), h("div", { key: 'b965ec78affd82385648fd7bc0a630e2db006ba4', class: "gux-input-and-error-container" }, h("div", { key: '356e7f24566c455a858d1817030af36547ff4233', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '95e98d853744d4516c0f40e191bd805e19b05c09', class: {
+            } }, h("div", { key: '664f0dfb99da5793c7ff9e280c04b1bc890b7a6f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '301cf81dc4e152195be4015fb6ce2b13c56dcabd', name: "input" }), h("gux-icon", { key: '0b6e4b26b58f5cc1cc44af0d5d46096651db7c14', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '895fce78e62929770b6468333cf22eff18bb5d6e', show: this.hasError }, h("slot", { key: '12aef346f03b6ba72d31614155f2f8fc6f81f98e', name: "error" })), h(GuxFormFieldHelp, { key: 'ed9fc46e8ce3809944a5671796bac3cb4026c32c', show: !this.hasError && this.hasHelp }, h("slot", { key: '37ae1c1d8e94ebae17cb419fc9920c3bb6f8a2a7', name: "help" })))));
+            } }, h("slot", { key: '040b99334fad644a71b1a3aeb1091c52d7b7b6d5', name: "input" }), h("gux-icon", { key: '8dae3067bd9c40566e6cf6be9f8a90da68424f3c', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '6a6050352d4b9334a7a6e7c96e0669de7662f512', show: this.hasError }, h("slot", { key: '416f7e2f55c07d2a5e75d6af96f92de1c0112820', name: "error" })), h(GuxFormFieldHelp, { key: 'e687dd057a1ed398eb1cbb1ca1ebb134f7815d99', show: !this.hasError && this.hasHelp }, h("slot", { key: '010dc853ef4c78f12be27d066989374101f35616', 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

@@ -114,15 +114,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0eaa7ab4d4be472eab4155d15e2e5fb8f123415d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8497de1f7ac4b2d0b7884b3b63f4134020abb075', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'de382142b072e1e34d5ca1b995989d5c7612e435', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8044d6695e880dba2025c9e999ff12350cc98fde', variant: this.indicatorMark, required: this.required }), h("slot", { key: '766044f3b8dee1e646e394ee35821b05f3225dd7', name: "label-info" })), h("div", { key: 'a618cd6dc8abf89bf40d42be53a9938fac7db24e', class: "gux-input-and-error-container" }, h("div", { key: 'f85ff6b1e4b5f1bccae05959b049fbaf77e6bef1', class: {
+        return (h(GuxFormFieldContainer, { key: '9bfc30b8843eb183867a476354293e9bc9921e82', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a3d0c387d0c3f0cc855b358004af9cac17dbe524', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1f9e53a84a931b6b970edf0f83ae00f01b67f27d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5e331521e6e947c80c0cd67ce364774fe63e136e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '90ba86260175ae34c5da2a3c28eb56e95dc83c70', name: "label-info" })), h("div", { key: '571f7ad84e3daa205c311e5c46cb4e1ac2aa06ad', class: "gux-input-and-error-container" }, h("div", { key: '1ba0aa3aa2b23ff3ec0d7cad06ff4854049e9728', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'b375a6f2b1cc2a551db68c3d7f47ae52162de355', class: {
+            } }, h("div", { key: 'c7425d80c410708dd2b34118e9fb9e6226051e03', 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: '52b244c818be817ca7c7d736bf10ec28d0da925b', name: "prefix" }), h("slot", { key: 'a5346c5d355bb5cab2883467f117f03f14c5065f', name: "input" }), this.renderRadialLoading(), h("slot", { key: '653c12f386e4d140394599753e3fca1013bdaab9', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b2bd482483cc9937a69915e1dd7ded22b51e477e', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b12c4dbdfd8740984b9b7a0215bf508d1827f67a', show: this.hasError }, h("slot", { key: 'fee0dfaee738d00271c008e1b3d07e40f7422eb1', name: "error" })), h(GuxFormFieldHelp, { key: '092b00c92cb0239019a46a1600a801507410a531', show: !this.hasError && this.hasHelp }, h("slot", { key: '444f8c5e49bfef24e18287852bfcb2b58939f7f4', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'e8aa16a816ea9a27fc5ad7bfd9476ebe4ed19660', name: "prefix" }), h("slot", { key: '0b95bdb5aa1b8cbd31a6bc547b9c66f0ac5af156', name: "input" }), this.renderRadialLoading(), h("slot", { key: '9d13b92dcdcd8c4ef2735f262a3d5769c186242a', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'cde944bf5ba83096a41877937f13204e4aef00a8', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'b4d7cf6c07ffc120d0e74a49c4afcd6fdcfc7a0a', show: this.hasError }, h("slot", { key: 'e2ee4593c6d00882409c531761733087fae0664a', name: "error" })), h(GuxFormFieldHelp, { key: 'bd8fccfbd3606b2bf8f4e4671c1b9d7f4b329ca5', show: !this.hasError && this.hasHelp }, h("slot", { key: '887dfb1fafe8c52067ef181bf13e06e7195afdcf', 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: '2a365f9b1d447674235bd9ffddf98967d5b8fae4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '49a6b8ee2a03c41c743e7fd2d2e8e5d5f4bc47d8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8cc074b8079ac81b2b98a4859fe90a86bdcb21c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61a95740d7664c80eba7efd5311ff6f1e5b1a80c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '987228befabf0916554deca27d065d7585495ab6', name: "label-info" })), h("div", { key: '19302986d05d9a4d6ef58488861954c32d33d0e0', class: "gux-input-and-error-container" }, h("div", { key: 'bae0c384922fae381e7321bf5daccdd9b30b5215', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '4b1f3a3849b6531be680a2e92a78dba1d0f84140', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a0e84d7b02eb4f05147118adeea7f01ff579af64', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0ee1e048db694ebf27f192afef5541f112cefd50', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '11451983bdf4ea3996e2a1f78c6c52e5b1cdd0f6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '66c180e6fd82c8cecb91efb110540dcf87469b6a', name: "label-info" })), h("div", { key: '843388f86d120a49e9e350dc3beb1bc5b2b7f67a', class: "gux-input-and-error-container" }, h("div", { key: '754b49d553cfba9f480eae90b023e4abf4cecd1a', 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: 'be421f029fede53fb56e2625ddbc155a85a383b1', name: "input" })), h(GuxFormFieldError, { key: '7539f848c1efc9ed993f227ab6bd4309040746af', show: this.hasError }, h("slot", { key: 'c93372c511eeb2c8461f6241c7c2a76f6d11bfca', name: "error" })), h(GuxFormFieldHelp, { key: '90359ce1f49f6f181f7fe635afba6ff2d53c260c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b5ec14693a86c09e7638fe7881bb048cf2fa8dd3', name: "help" })))));
+            } }, h("slot", { key: '595174105f304eb67df65ecc5b8096b113955534', name: "input" })), h(GuxFormFieldError, { key: '2da19cb23e97dab99cbee4dbeeff7df9514350b6', show: this.hasError }, h("slot", { key: '8d22ad4a8bbe0b08c607d8a80f73f68a56014351', name: "error" })), h(GuxFormFieldHelp, { key: '7974826c93a50268fa795e1ded407f62c0aa350a', show: !this.hasError && this.hasHelp }, h("slot", { key: '75fe9c7988bf8ef1e76488eab2c420c6f4fbc1d2', 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: '2cea88ed3d3c818948d14e3ab8747f05591f1612', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9c3bff809a6ae95dd5996d9da6bbcf4f9ec4619a' }, (_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: 'ba71037edbb6da6cf4a2348cbfd949265510a7b3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '867bac691af76b2cdba7574d79c94bd9f8b60379', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '218814930b592c33376215605967e42ed7532ee9', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f303ce6a2d20b74c7fd26b9c6125fa858edb21a9', name: "label-info" })), h("div", { key: 'f868f0a7ed8740098261116cab52e079903ecd0b', class: "gux-input-and-error-container" }, h("div", { key: '55c97fc474d870176218c53b09a5314d30a4398b', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '02cb96a3ca56e49c1f55adc9c336748f1458986d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0b98d730bf9f6e7db0ff21f474ebd81d09ca7ff3' }, (_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: '309face0b7993819eb29eaa33f25e76164024787', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75cecfe1b3dc23aa84ffd25bb03ea0f16f767eeb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fba9d6637f29831a71837604a633f219455875d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aaeb75dae86048147d44f759674e70d217a24ac4', name: "label-info" })), h("div", { key: 'd184479d25644cbae2bda07dd93b9cdcf6a4c3b3', class: "gux-input-and-error-container" }, h("div", { key: '37b5c4911f4506c5e45a470335f0c71d7a427275', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '77e2d7b4621072b2066587423fde7b53b3c23052', class: {
+            } }, h("div", { key: 'c18bd8c95fa643829ac7ef4e5a332a4d977f35a6', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'ff26139c10224df0a335588bb2c2422dfb3bf21b' }))), h(GuxFormFieldError, { key: 'db56ce699f9389cb04eeac2fc8a8960d447eed21', show: this.hasError }, h("slot", { key: '8ebfbb53a7a3531b5df2397b1cb66362fe193ab5', name: "error" })), h(GuxFormFieldHelp, { key: 'a932a6cde47974cf2473aba724228db17b38679a', show: !this.hasError && this.hasHelp }, h("slot", { key: '0cad9ed59d779c64f150ca5ed0303296a43fda3a', name: "help" })))));
+            } }, h("slot", { key: '6f8619955a235511f54fbb68983031cb50be6ddd' }))), h(GuxFormFieldError, { key: '6110a244d25e03ca657d14ddb9f989af3e9d2e81', show: this.hasError }, h("slot", { key: 'ba589609cbc48c647afb6f4c05b55afff726e030', name: "error" })), h(GuxFormFieldHelp, { key: '12c1b379f3dbec23bb49da5a1871d1e19d990118', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c34107baef4d238e601c6e46020d9ad38fbb985', 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: '8dfac8230f4ce8c861992e9904d097709c6182d9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '71831c32360d9c1eb1017e98fb32138a9c2ac6de' }, (_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: 'b0a9cbddc5dc81b597e825036c132ac6dbcc01d6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '79b360377f3ceb4b6a4258fac723f0ada0c54f4e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b6e13f8b858425eb0c08213268105774e5bc85c5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '463701646c4fb4c93c5cec63268ca3f015d8ed39', name: "label-info" })), h("slot", { key: '2f84a3466390bbfb97f75f6e3e54d39626c183f9', name: "label-info" }), h("div", { key: 'f211474b13b3480a8a67bca79445c0ba0f6c4379', class: "gux-input-and-error-container" }, h("div", { key: '73b41b4b265fe9b1363172fe19d5506113a942f3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '3e57a459ac9b8b1c73c1f9251a5333ddda22f26d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a14c148a2d4eb9745bce1edaa8ace4aae5f39a64' }, (_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: '4e227677b726d48bf2d6a7af38bb09c05e4a6aa1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '21fb69c6ff257ddaf1f6864c9ac00a765eee18f9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0c7e44ef498bbfe7e27ddd0ad5bedd8bb4c44940', variant: this.indicatorMark, required: this.required }), h("slot", { key: '72257b3c88d9ef5864a5604b5ed69bfc4962bbac', name: "label-info" })), h("slot", { key: 'b89bdb0b384b306f77375b42dd211bd746d90d5a', name: "label-info" }), h("div", { key: 'e7a9a969bc79200c26ffd310d4ab6f49db2c2c21', class: "gux-input-and-error-container" }, h("div", { key: '84b2420673c503a0edcb05ce019666926805153c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3f141d4c147e9073ce9918b4653f89d51c5fe7e1' })), h(GuxFormFieldError, { key: 'd98fe6b47afba5e527f24567fc5e1e6d74072dcf', show: this.hasError }, h("slot", { key: 'e5ddaae04b68f9a8b33e9c2f8dafc9b8f3b572e9', name: "error" })), h(GuxFormFieldHelp, { key: '13d2819ef4f236870cfc86cb21ab0bab20d5b56b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f914a03c60c30ddbec7d821ccd503c2006eb494a', name: "help" })))));
+            } }, h("slot", { key: 'bf2cf24a4d1942586aae892662edd28c2999c11e' })), h(GuxFormFieldError, { key: 'be587a3c75b395b4290e20513232baf1a8c53d35', show: this.hasError }, h("slot", { key: 'e5a4d2eff6229c9362519828af3ca2ad581b54f5', name: "error" })), h(GuxFormFieldHelp, { key: '11e61027c09cd59d7f006c219ef3d870b6ec532b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cfd6a9363d800337c91cd53061400f55e957c80d', 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: 'd767eeb75f1d8e250573451480cf1658d595640e', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '55472e3853a8fc5c309db8a5e2181ef0b189b297', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '63a327f0dd1b4bf47cda108eee0a4403c8d6ee68', "visual-only": true }, h("div", { key: '40fb239275e0e48f770283d1fefd8f8e804e00fb', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '1f92bb0930c3a6d8e6191a790458895d6e548b8a', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '22779e1c27671fb68e0ac67a2bd3b5e933f822be', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'a2e4487772f1fbf419fb547dc7551d978f3f7c09', "visual-only": true }, h("div", { key: 'd65cae69fd0f710ba73918eb69e1df3835120c08', 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: '09cca8836ec219cb5df43d37746af37f51e009c6', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: 'cd0eebcd73ab18f151ea5db731bd49f9f4d33a3b', 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: '988f7b847ea4768795550880dbc2eb0308df536e', role: "alert", class: {
+        return (h("div", { key: '893f8cb93674e8234d16ebb3771f63685982ef0c', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: 'fc8d5bf258aed90445bbb8e1fe82db9026def9ca', class: "gux-message-wrapper" }, h("gux-icon", { key: 'd10c8bd6e5e49c82785f59985a5a9993979e889b', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '49adc3c5fcb004ea91c5236853aa8e9d6016b2dd' }, this.i18n(this.accent)), h("div", { key: 'abf688e747c1f1f17c2290685d4e24f6b7526856', class: "gux-content" }, h("slot", { key: '42eb216ff43da320b0fc52c81c3a8f5a6f463d54', name: "content" }, h("slot", { key: 'db4451365bd5b2dcf95d74f078f1487e64b395cd' }))))));
+            } }, h("div", { key: '875659a8ed6be235d5161185aae8452e80d4923d', class: "gux-message-wrapper" }, h("gux-icon", { key: '90d8b789054f64cf0c577b831beaa6adf3450a04', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'dc0bb42d6e44e9073b6cbc0020e4e56b13fef5c3' }, this.i18n(this.accent)), h("div", { key: '63b60e0fc00d11893c11d7b883ff41b454e0f03d', class: "gux-content" }, h("slot", { key: '44032f7fb2b49b7b7b850ed1a0e1d871b6288508', name: "content" }, h("slot", { key: '04def049ecf29864c63f478258af0e959ed56909' }))))));
     }
     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: 'fd525c85fc875c9096d657712ab9c27101d46ee5', role: "presentation" }));
+        return (h(Host, { key: 'f7d424b18ed244dd03fc6f6c65f78ad10bac18ac', 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: '15ab7e6fd4db436ae3c23eb9b8d09b3ce070681b', role: "listitem" }, h("button", { key: 'b0abc22d589e1929d1f575f0e833a6a828e4c001', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'ec66d570c993a51c4a20c13dbd951796f07522c2' }))));
+        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' }))));
     }
     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: '8395a8f463a004348db09d3f93a2393a52719a43', tabindex: "-1", role: "list" }, h("slot", { key: '3c5a179b63b142e0973bdc225560324da0f385bc' })));
+        return (h(Host, { key: '4d3b4fb9b853a983166a125ca59713584d93432c', tabindex: "-1", role: "list" }, h("slot", { key: 'd3cb52444d2748295158ac071427756c5a484a32' })));
     }
     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: 'bf2264fad5ccaa3d3d885ddcb00ace36acda818f', class: { 'gux-filtered': this.filtered } }, h("div", { key: '833836658495be364285015ccd02d7f0cca00d38', class: "gux-option-group" }, h("div", { key: '51409c34282375f34255a56551a0c32de08aa899', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3d081524b65f73004e1f69f2cb9fc3bf84ef72b6', role: "group" }, h("slot", { key: '45179640a98fc95894209ddd48ac2090d82223e0' })), this.renderDivider())));
+        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())));
     }
     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: 'b04390887a747ee520c74e9aa76d9115b6522162', role: "option", class: {
+        return (h(Host, { key: '4e62af5e88e8a161bd21adbd7bfc0c3feb30ea7a', 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: 'c4f1d57329ea6f11b3105350d541adca91284d53', class: "gux-option-wrapper" }, h("gux-truncate", { key: '6ff141ac7c6145413a2d45ec6a194a4289537454', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'c64cb966786cfa051b040f884b707c7bea0998af' })), h("slot", { key: '6af7b43a8b7aacc20c41610c82f5cc68a95bcee3', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "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" }))));
     }
     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: 'cb40e6e9db3a150b24d779f5801201d7034482b7', role: "option", class: {
+        return (h(Host, { key: '1068d1f0f436b632985d1fc34baedcae532fb16d', 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: '4738cb8ff649e71f891e526f3b7e65e1b6ecd1f9', class: "gux-option-wrapper" }, h("gux-truncate", { key: '1e23fbcd5b56864ceac352f74057d610a99d4038', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'f79049af5816cc211f0f26738ca916859a0f4c1d' })), h("slot", { key: '3d5a875166cd6021649e552e4558811f272490c2', 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: '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')));
     }
     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: '8a0ea0c472137a854604c8315f3c62898fac6161', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '0659710cecb6a4be475e884023d406b3e64d63a5', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '51f7a6b6b8cf06a11acdaafe75658850886bae60', class: "gux-option" }, h("gux-icon", { key: 'ee366fe4883aed2ab2e06e7e9665da80b421c2e3', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '00bc6e8d0bf64178307f5eb3e93ce96e4df6fb06', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '63cd7bc57902cce6b6e943eceb48c5975d1b36e8', class: "gux-option" }, h("gux-icon", { key: '1c25a460dfbb4dd96b902656522c8e360745233a', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'a94fc19816ee91a73cb800680959922cd9b60dfd', 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: 'abf4485d68fda4dcbd70c9e40b2773fc9354338d', role: "option", class: {
+        return (h(Host, { key: '832db3f02de1b66a5302c0365785b1a15a969c74', 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: '595f722356cb1b8bcdc7eb1ad7615098854d9d5a', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd1789f25e09da7ae6f175644d2d2d2a18abae0ad', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '9e22fa35ce5c074e8220a6a52d6389aaf4a24b9d' })), h("slot", { key: '38b9f04c81e3241628ee2e7fd638684652edac14', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "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()));
     }
     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: 'c92395ded45769943e63a8dea79878782f8034b9', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'c3e075ee55b9693e25c899aa1545af0127cbf172', 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: '16ea7760d4bffcc041cba35fdd9223789a1cd601', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'd5b8cac4b89aeda5027e4b5f8294da1f8b8b4c7e', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'e97ba10bb61c4733152458b041534240e61d2cba', "max-lines": 1 }, h("span", { key: '1e87e02e0b59f2e523de99414bc4ad30fb398985' }, h("slot", { key: 'd7864964de415911add0358cc79631b88129bced' }, this.i18n('allOptions')))), h("gux-truncate", { key: '218329f4dad4d30562328af32140bc9a280bf468', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, 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("slot", { key: '482ad2d605e7a594edff87ebefd8cd585cd3f7b8' }, this.i18n('allOptions')))), h("gux-truncate", { key: '1562ac7803825b06f52d9925171937aa1977e5cc', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     static get is() { return "gux-select-all"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'c35b74337cf40d22715b771cea42c84ff281c0b7', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '098f6ea2c02cfea83a3eaee273d345c5f56ef465', class: "gux-progress" }, h("slot", { key: '623d589c64bfc4b54792ec8ffbfa4c05b124aa14', name: "progress" })), h("div", { key: '011c47fd957e1cd8d1a93cd40697b7102f5c0ca9', class: "gux-primary-message" }, h("slot", { key: 'b983f35135469c61e604952281b696ccb8e6865c', name: "primary-message" })), h("div", { key: 'f274ad26cae753d6216c4d72a47c74cbce83ef4d', class: "gux-additional-guidance" }, h("slot", { key: 'ccfa9be1b51c9a617febbdcc94f9f1c837b531b4', name: "additional-guidance" }))));
+        return (h("div", { key: '75caa1ab4117ca7b09e15df54e9ac7dc9505fbc3', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '435044ed2d7e44b4647d810d8c556b8712b28659', class: "gux-progress" }, h("slot", { key: '621e70026cbe7bdd81867da723eaf2483c364746', name: "progress" })), h("div", { key: 'f6c7e81f143f408453eefd3581b2ef30d684f4cf', class: "gux-primary-message" }, h("slot", { key: 'f45954b1489f6e11e25f2630e9ccec6af55143d5', name: "primary-message" })), h("div", { key: '228d3b2183013c2792c8400c609d19f7be1db9aa', class: "gux-additional-guidance" }, h("slot", { key: '3c0e5f7c0b31969d86fa4afc88959af3f6fdefba', 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: '92f0f077df97b644f7da4a32c66bb08f98afe165', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '2cc343816355a89ec93411655a75ae08cee7a040', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '27c52d51864c0719c26cd6a006afb885fd0d5953', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '9963d374059c8924a92259459887621f8ceec46a', class: "gux-modal-content" }, h("p", { key: 'aef0e0a783c6cfa30d2f4842f2cedfba7f0d6109' }, h("slot", { key: '39bcdbb2c3bbba2a8384a0d8d2406bce94ea894d', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '579c7911312c907960331630f9d9c344ef690c48', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5f19b52614728ebd2a4acc21225a7f34e561761c', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'ed90c6d018dcffe14dbd590c09bab5aa0d4e9307', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '0facc7c6a76777d756f136a0f7ffd39176308354', class: "gux-modal-content" }, h("p", { key: 'a3e6e383ad754f22d59993fd397671dffc3ad73b' }, h("slot", { key: '9a9e5e012af2abacaa435159aaebd2aab1fc4fe6', 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: '68ac2d2c8ade1f89bce562c4160234244c0cf3df', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: '7675fc43f4ae1f2135615ba47fb37f8aef8b58f1', 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: '47f6e2ba69104138f2255d2b5898a9ed78737ee6', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '7d1f2d67f25b9d3289a3181d66bcb8c778f46fac', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b54843a967f03b7a9c791e6057646c369f4003bd', accent: "ghost", "icon-only": true }, h("button", { key: 'cef23624e59fc7a82e2f6dd35e18acd241e4e619', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '79c954e162cb8cff6ab6cf6b170d50f586705513', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '99341206745b6aa1cd0b474b6018904f3e3d3a89', accent: "ghost", "icon-only": true }, h("button", { key: '88b1a83e44d5ac3f56b4c7a262cc4080db074b66', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '3b8b492763cc2eb5c8db779c5eddc5d9649a7251', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '1c52792a1eb1eb6e6fb18e44709d70196104a0d8', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'b0f816206db6c8f35d05dd30069468be042e8efb', accent: "ghost", "icon-only": true }, h("button", { key: '6dc98d7cef11d4165d2ddaaba422c00cdad2aba2', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b850a34ba4bc84aa47e3b0feec8d72950114ae39', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'fcf0191b625328089b534b2142b7fd93f2e97c5e', accent: "ghost", "icon-only": true }, h("button", { key: 'ededd66699f69c3dacc58f1e3a62d81f31aacdb6', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1dff7fd595c67cd2f26e44e1fab00e29b0b13a9b', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '76b5aca128a532b575dcf509f9572e4db225119a', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '8f2e749dbaa0498b03c9538fd7559f6cfa1b7847', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'baa630da2a88d5b06a848638bee4915e5c182ddf', accent: "ghost", "icon-only": true }, h("button", { key: 'a9ea7ac1e03bfb8d1e380e6e6dcbfcf636040d4b', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'c7155355d9619e2204e1025b220847a5b997f303', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '3ab0d49dadc6a334ae5a23fa5d30cace8e8a3523', accent: "ghost", "icon-only": true }, h("button", { key: 'cbe42fd606ab8f4bacc5b77bd9f91fbf80397784', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '88c34f3bd57b7a023c95ebb867f6cf7ec2d4d87b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'fa32b22f7744bc09d838aa2857215c7b6f243dd0', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '356d6b100004650618cb43770e219e33e598d23b', accent: "ghost", "icon-only": true }, h("button", { key: '10998838a35f9ac4c7010904d9072ff50458f0a3', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b22cd9346148bd7b2f04f026e9c86c2678f32007', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '9f3815594747696c86c494b6cef46d449180b20f', accent: "ghost", "icon-only": true }, h("button", { key: 'c3c2df08067ba030fc2b48cd1d5226808840ab79', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '9adca27a9c5fd05736189df296a2230bc3f4dc20', 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: '2fcf5064a17ca9e8b8dbd472f10e4a2a2805d3ab', 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: '97dd6f748e49b6a0d85a0cd7e2267306985c34c4', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '7e2503b4e4299b83f045c54b8640d54e66719e3f', for: "popover-target" }, h("div", { key: '090820d0ae09bd2fa5aa51431dfd016784a4be52', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '339b3819def254b1c4e1c4e2ad6c61738330abe5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '00ec6b9344a801076796d3726b2e80414587bd54', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '369bf241308f1de96d84fb3ed4ac3ee91cb2f32d' }, h("input", { key: '279cafe9b624a2d7a9bdcd361adee0cf71fd6484', 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: '49de61ad35b002e1a07c4577b68b9903dd2ec6c1', slot: "label" })))
+            h("gux-button", { key: '41fa8ef4c3c0019bf67b93db08f601f88d805c8f', 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: 'bf25edf05ed8ab988c5119570478f1cec13b87cd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '1713d68208cc7fa115dac5029e6be2b04ceb5648', for: "popover-target" }, h("div", { key: 'af473fdd17ea5a002e47eb75f8633e6a0c67ce47', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '5d3ee487cb610eb007c19f436b9b30b24310a5c5', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '346d66913d5f1fec8d15827aca51c63bd0d85de6', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c6831032a1576b0fbb5287696cee3fcccd8ef810' }, h("input", { key: 'a576ecd7bd9cac0645964ec78be84fa047ba5019', 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: 'd9efd50b577a7148c963d514af54c83e7c1af5b5', 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: 'c3dc8f9db0f2dbe27bd11e5d4ffaa67ac29ad894', class: "gux-pagination-item-counts-container" }, h("span", { key: '5c2692dc81a425b30afcb56af407341514fc8f39', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '0fa43a8cec23f4ebddb3031e0ba571a669b25841', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c0858dfb2652b37a3c51fea93f22d07551b5cc9c', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '5d702cf5878ff6ca9466c7c94828e0a877e58b7a', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'a12125027176c87561ff601b64213e8533b6b824', 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: '3f41b848d118567d55cea69cbb21f5b5948aa95e', class: "gux-pagination-items-per-page-container" }, h("div", { key: '15fc67b2b46724549563e55806de603052a77d73', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '7de04c826fa8f00389c6e01e5013283484e2607e', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '873c267a9e7f8f055f9e1c854e79bdbfd08b782c', class: "gux-pagination-items-per-page-container" }, h("div", { key: 'a5ac2ee8177fe8d0e20a0309219216b7bc4c6e40', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '76eab5e7284b7576854cf3b31c3f8d4740f49809', 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: '6e6a006db9b25cb2950774843680fbb6736ebe21', class: "gux-pagination-container" }, h("div", { key: '19af8033a4ede7b0c009aa00866a491fc59c32f1', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '590aaf55cc1d334b2c0617b3c82f20527d12b204', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '41bd0930fe7d88760bd80594cda5d9b493ecc9cd', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '3b03389adfb70ca9f83a736a025ce11883f4330d', class: "gux-pagination-spacer" }), h("div", { key: 'bae00961ea358b309323f85de8de5de58008bf88', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'fa794adb861f86054dcf43964b2ba615b9aba45e', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '8e5a4835e83acc2bbf6702c403fa5ee7c788b679', class: "gux-pagination-container" }, h("div", { key: '76939bd9fcf17fa801adb3bd07fed343e859f636', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '9fb4b8d5af2e15779e384b3ec28fd8a4f6123ad2', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '56e06c7e53d2c30d05e90d726d991b4b4541e9c2', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '7d092a4bfc9b581954e5e49bbb4711d570b4bb7e', class: "gux-pagination-spacer" }), h("div", { key: '6b9d6d62271813633da9bf4d1a89cfab2acc8a51', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7d0645ab565f7c0213dbdfbfe6b6221fce18c106', 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"; }