genesys-spark-components 4.188.5 → 4.190.0

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

@@ -40,6 +40,15 @@ const indicatorMarkRenderConfigs = ['optional', 'required'].map(indicatorMark =>
       </gux-form-field-number>
   `
 }));
+const textAlignRenderConfigs = ['start', 'end'].map(textAlign => ({
+    description: `should render component as expected when text-align is "${textAlign}"`,
+    html: `
+      <gux-form-field-number text-align="${textAlign}">
+        <input slot="input" type="number" value="123"/>
+        <label slot="label">Label</label>
+      </gux-form-field-number>
+  `
+}));
 const optionalSlotRenderConfigs = [
     { name: 'help', html: `<span slot="help">This is a help message</span>` },
     { name: 'error', html: `<span slot="error">This is an error message</span>` },
@@ -64,5 +73,6 @@ export const renderConfigs = [
     ...labelPositionRenderConfigs,
     ...inputAttributeRenderConfigs,
     ...indicatorMarkRenderConfigs,
+    ...textAlignRenderConfigs,
     ...optionalSlotRenderConfigs
 ];

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: '613378ec2b9693daa0d18c873bd38194adcc8d4a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '714b94c9baea910a5557478a175af7b484d419f4' }, (_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: 'f5cd6e7de34d23b88af5a5c28d7249e1d3cc9ca5', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'dd43169118d9b259d1e264393e00d25ea21345f9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '61b7d9650aa32bc485eec34b7b2c96dca71bbc39', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3f159b032cc9ac1a8592d1e8c7a46c8f01a02ed4', name: "label-info" })), h("div", { key: 'a255777cea26f2ebc3584c008fdef471470979b7', class: "gux-input-and-error-container" }, h("div", { key: 'a3efa67c24b78802d2eda00d5d18e19104c537aa', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '39a407208d3376eff32481d80fd7cd885f8879f7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '845c687f78775c6f6cfe24dbf267520ce19f2b46' }, (_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: '7f10639eb517a75ea7460cdbd8a846ffdd75bb76', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '225815c06ff37df869c3124059338f0ab10d7aa3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e691e8e73d381e21d327ac8ea14b0ea82ccf5710', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aa0c807c18732462724b170feb164746affbd39d', name: "label-info" })), h("div", { key: '71747507e15078f43f045820156a2f001ae15880', class: "gux-input-and-error-container" }, h("div", { key: '30295fbb1c3219edba2424b29fe9bce9dc7a7af5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '24f51dd5ce104bba05b99dbec535787f38605e9c', class: {
+            } }, h("div", { key: 'd7ae0f45b6bba0984cad385da8a9cbeaf265f158', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b113dede3ddca50431087a10f334a68fa42c3705' }))), h(GuxFormFieldError, { key: '6257297b31c53af850adb599dbda8a79678055fe', show: this.hasError }, h("slot", { key: '53a58ab2005a598ffa97ab16f894e642e8dc6884', name: "error" })), h(GuxFormFieldHelp, { key: '34abd49c63cc0617f0f940be16dad10525a8f42f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ac6905a7b49d47dab653ce3ad3d0c5899f2ca5f1', name: "help" })))));
+            } }, h("slot", { key: '6e8536d0a24dc0a50c756b0a9f97c2d6dc86a318' }))), h(GuxFormFieldError, { key: 'c7f083797d4f68730ef17268a3bf14155b4fbf58', show: this.hasError }, h("slot", { key: '8942b4457ec833f4e80985e812ea9d5ecaa3af69', name: "error" })), h(GuxFormFieldHelp, { key: '278ffdc44a4b6d4c335a75ed07bd726ff6e87901', show: !this.hasError && this.hasHelp }, h("slot", { key: '9ddda671e1422f1e9d952f12a5d9bb2a494b8916', 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: 'f7dc4e7c2f80984974904582d5cc2b9dd5c67fe6', class: {
+        return (h(Host, { key: '67116e4eb3942df84634acee5e9ce953775a5d73', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a1f12b9fb10c3c37751aebc02964b05969acfe86', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'b86f210373fac683d085236e558492d130fa5c25', class: "gux-input-label" }, h("div", { key: '1ec27063205b05b0569daee06db75328b7ffbbd3', class: "gux-input" }, h("slot", { key: 'c38d40a89108c29b74925b3b2c54464ddc818fbc', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '0b6939d4f955c5d028d4b34e4c51d86a99442ed7', class: "gux-label" }, h("slot", { key: 'defaaf9b388c1ec65d711cc0df93feff683b84e7', name: "label" }))), h("div", { key: '31813aaff5b026ab9ba7101fdf817bff59db1108', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '05d8a17940b0daa4c2fe80470223be99761fa564', show: this.hasError }, h("slot", { key: 'c9b45fe30d06f75142b55c67705c814950faf1a5', name: "error" })), h(GuxFormFieldHelp, { key: '4b4cd37bddb6629d1d992f401b453b696e0db392', show: !this.hasError && this.hasHelp }, h("slot", { key: '25d292684f9b5b17a4ef7e6f1198d96f6c87e2b8', name: "help" }))))));
+            } }, h("div", { key: '823c51daa536c9f4d74e079e389e23ca2b329e29', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '31167f841d8682b44d28107f9f8ba4dce9d24d36', class: "gux-input-label" }, h("div", { key: 'b41e9dc80b1ceedb5e86b9d4840885e8845c6e7a', class: "gux-input" }, h("slot", { key: '7abc5d9b92c977b3fe9c2e972dac49c23ae00f17', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '753be796e830557b7c9673a4daad39276ed6f48e', class: "gux-label" }, h("slot", { key: '031994e319d909cd095ff008e95e80e28ae4429d', name: "label" }))), h("div", { key: 'ab4d5bc0a67cb0674bb42f5c68e088a7548c1b0c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f299e1eb9508216270b46408b2264cae2aaa44e3', show: this.hasError }, h("slot", { key: '3dc59aec8fa8d4faf52d8424e870a6ce44cbf18e', name: "error" })), h(GuxFormFieldHelp, { key: 'bfd5e8b55d213fa5296742b756874f40d884f718', show: !this.hasError && this.hasHelp }, h("slot", { key: '769394d7fed56cd0bb7de8e77df1d7637684e6c0', 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: 'acfba046d414d134764bb8d63c0d944ae190ef0b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'fc6c07690055a4422007cf2976e7c15cfc1e2b32' }, (_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: 'b910b0eab97d6aaff27123f8f3b7388f987e3153', position: "above", required: this.required }, h("slot", { key: 'e5b77b04269f5fdce492a3c42cf48fcf569cfe38', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0bb67f0d56898360c3388e9e188c7c1b523844c1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6a7b260dc69e954062eb7d262ff1dd709a1d3fa0', name: "group-label-info" })), h("slot", { key: '324bdaa5590740c1fa0c86490c0ffc6fd50d0258' }), h(GuxFormFieldError, { key: 'bf9c69816c159a8a180f71ad1654476ee28b8ca2', show: this.hasGroupError }, h("slot", { key: '7c6500b5062b211d57b7aab257d8a43ad4d7d193', name: "group-error" })), h(GuxFormFieldHelp, { key: '7eced387d0ac6e21de3c5ba2b6a9561a910a701d', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cc323eb191b6d5139ee85b1a8e9b22c750d624e3', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '1dddf22be29f710fca6ba6ce98b0dbe1faf032f9', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '14f39be31f723aa8d45addf90e70361e1473a8ca' }, (_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: 'e1b406b2f4641ff77792d3379cbedabad581cec2', position: "above", required: this.required }, h("slot", { key: '822237035b64c334efc7a3949ef079b64653142c', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bc3ea838afc780927e61b23b85240da795c9d512', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1ab538015e21dec0a12be8006097f259e96c87dc', name: "group-label-info" })), h("slot", { key: 'db77e8d6c5af8a3e1bbca49449fd250604682a49' }), h(GuxFormFieldError, { key: '4e92f44b08b08733bfa61ab18b1e8a5422c9dcd1', show: this.hasGroupError }, h("slot", { key: '0b2846006c3eb88ae795ffa7bdf46fe19e7838fe', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e883b50237c419f86fd9bded37bc8facb4ed995c', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b778e4b03942129d6b5670707f261a1ceb428017', 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: 'f0ea43710ef4a39ce8f00f0aaa5444e4e2c11644', class: {
+        return (h(Host, { key: 'a6f22a9e582ec638d9f6309313c920356e1bb630', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '5425aa03f151449e14a6fbc22e22cd5cd41a6937', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '3776c2b6167ed2a3786c173eb1df81feec4c9d55', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0ef71134e1128d90d8120448cbf601c157a271a4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd93000d3b47ab3d4e82ae25e4e66173cfb041670', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7d98fb6acd4c53835929869bfd6073d5d786137f', name: "label-info" })), h("div", { key: 'd812bffc149d767637f4c31613dfcd6c5096965b', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'c3bae4f5efb6902bbb403e1e5f941f01cda056ba', show: this.hasError }, h("slot", { key: 'a37c59e74573413fc69e3bc85e18b501df46217a', name: "error" })), h(GuxFormFieldHelp, { key: '8dd139f4e664c185f58fd510d5725033f6a37796', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eef51ba6ca031acf3a9df9ddba55e2c77cce56a2', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '160c53d5399debe101c82e188b5c46f47b84cce1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4527048ac90fb4442efd0d1073c682bd03ca6461', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f2da62566c5ba9a271d9ff0d671d6dbed37f88a3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6f57048aee9b0389a4cdb96b007d27511eac1fe5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '659d2f15e5914c8b257f61fce0945c0a750de459', name: "label-info" })), h("div", { key: '3d6c2f68312721c4e3a79bea2d76c9a123812241', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '380b1076a454b286534d3b9a1d687fe59df10e3c', show: this.hasError }, h("slot", { key: 'c4e0bd4ab15ac54623ca8f7295e590b717c3a5e8', name: "error" })), h(GuxFormFieldHelp, { key: '032ad62e730d205a65a05d952202cb42912cd304', show: !this.hasError && this.hasHelp }, h("slot", { key: '224729f7c5c00f411b7348ce3d591fa84ff2a893', 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: 'b6fd9cc1299ad98c62eb26ed723b50f252a1d960', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '85317cd753898a4994bee108ffe9de8a10280acd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2de444abac4cb87ccaac33bfd3c9a8fd8fb7b781', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd7d70bb3d250dfabfbff3028abe0a14baa1a97a9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0834958114c7bb532aff2340bd615ffba436ff4b', name: "label-info" })), h("div", { key: 'e8e51be1997d6edd73742b41a505fc8c24c6eebf', class: "gux-input-and-error-container" }, h("div", { key: '98479f702b194a4afea9c2bd4b92fa2c18baa33f', class: {
+        return (h(GuxFormFieldContainer, { key: '6507ce14649f45316af15c20184d610b5cfba20a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '87cd402400bb26ea4ce621d0898dee78f644d6f7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4913517e08d245dc3e2ff4ec3de1b3ec675c5507', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '22b5fa6aefd1185ae0bede4e8b9457ab3eee5193', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1415a0d73398c3aee5ab10c5e1cba8bbe2f43d57', name: "label-info" })), h("div", { key: '4d1a634b508b4891c6c977d047af50e0667977d7', class: "gux-input-and-error-container" }, h("div", { key: '1b5e492b7f653b0bec71247ffd83678b7d46d861', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '81559bc37b88fe02dabaa9cee25083ebda55e0d1', class: {
+            } }, h("div", { key: '8b97da4a7c0de0954934555426d50de4c5a031a5', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'f3706a1a58d52caa4398527adc123c796cf583ad', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '26dafd78af632c3418d57daa2acaab3bd3c40e05', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '7f9f2917f9a41cef175770ba9ae537a4de5e60f7', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '2ffcf69bae8c23fafdf3ca207a22dba5ace612c9', show: this.hasError }, h("slot", { key: 'dd600061ead761ee0a705e3e5fb9c9f54616ed29', name: "error" })), h(GuxFormFieldHelp, { key: '3d45df101daa9bafc3852edd369bacc4ffaf1b1e', show: !this.hasError && this.hasHelp }, h("slot", { key: '04a36d9a887e68426db0e41f44c91afcdcb48e59', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'b38376b0f79e187a38501230dee96ca0bb4cea6f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: 'd98ce658d611bad649645350bd44b13f7a37d49b', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3cb5ce32805749636cbf5334d45884635f0e1e26', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bccad44237fe2e71f50197c1a55f89736a8621b1', show: this.hasError }, h("slot", { key: '0a62fba69aae92493020a49636315b9ad076b858', name: "error" })), h(GuxFormFieldHelp, { key: '263c386c65e8dd1705e0ccafd0b71487802b09d1', show: !this.hasError && this.hasHelp }, h("slot", { key: '6507f8559f672d99bfc75d92a3d843a44397e13e', 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: '36d80cb0c83b9c7e683a21a3b1ee8b319cf4bd73', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd7ab019e29ff3b6fcea76250ceea22038c17e4e0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f374ef61481fa4d2f6c2e53908886ee151e8660a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '114211228486a8f146e41127c1acd56280b4b1aa', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2d50de846e94d63aa6dd9cca126d3febe1845121', name: "label-info" })), h("div", { key: '5c83a9e15b35464eb8880f609dd01cec4494e895', class: "gux-input-and-error-container" }, h("div", { key: 'ede183b4ff75a8915cbceca9a5fce9f73fdfee1d', class: {
+        return (h(GuxFormFieldContainer, { key: '95b1307ae83899f5978ddaf34054191201f66c51', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'db8a4a35beb1dd0c413c35bc62cc2194222dddd7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a805817a5220c93d18d62a7f3adb9ab56150f398', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '419d709c54c8228ff85d4f684c013098a6c16744', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b1344f130052784e29dac48241b1e895e14cc6e3', name: "label-info" })), h("div", { key: 'bc55fa3bdd47cb7a0d76dad4fc15c62fab2fe1ad', class: "gux-input-and-error-container" }, h("div", { key: 'a04f7cedf8ae05aef94cbe64747c5ddcf750b401', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '3ffa5170a267850f556fbcfd9ec18078087dbee6', class: {
+            } }, h("div", { key: '2730d639d0f62854440ee43a2b0761abfbdf6c92', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '4e4881a00101024bb2a0940d7b517e4f52892451', name: "input" }), h("gux-icon", { key: 'a700cd27972bbcd45a985b98e62f0a9fad62c34e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '1d3132a1292256096f8ec2fda877fb1d808b4466', show: this.hasError }, h("slot", { key: '5c6ce7083f67f2488ebdab5877cae6ce3e034df1', name: "error" })), h(GuxFormFieldHelp, { key: 'b836165487d038ba425ca14de727d0f8d0391b9f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eeb6aed6c059152d2507c110befb5d47491be583', name: "help" })))));
+            } }, h("slot", { key: 'fd0ca6b699de87bced903bb678a562b38b49fe01', name: "input" }), h("gux-icon", { key: '0db4a6a9f4b387f1ca366a6dd164cb5ccb751bf0', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'f2b6f167158037f6027790a94a2b1d439175f009', show: this.hasError }, h("slot", { key: '0014171582ed20fdaa79d498526307d6bff2f993', name: "error" })), h(GuxFormFieldHelp, { key: 'ea68634f4529ace457f236ccd3d296aa129a020a', show: !this.hasError && this.hasHelp }, h("slot", { key: '04f367c56b52dcda0dcc439b721366ab60e4f1c5', 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: '753266bb9ecf15ba5cacfaaee364e59c765b7c4d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '26c4366085f69d644050943fa29c7e7794671281', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '78f39c5b6f908265ae43cd15ad86747051cf8269', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ba5f56697af6bb08d7b24220e16a2b2db53ecfb7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '73264427cdeb03ba95a0f2bf263219b4625b3d4f', name: "label-info" })), h("div", { key: '0d3baed6cdeeebb07295a2c9ea40527bd3cb77a2', class: "gux-input-and-error-container" }, h("div", { key: '83817ebd3819a5b104da9e6f100b0bc534dcb4a9', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '9e39750d06ebd16ebfb7397f966c909025982ddc', class: {
+            } }, h("div", { key: 'b375a6f2b1cc2a551db68c3d7f47ae52162de355', 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: '438115de7518408190cb8129c41bd05de5132096', name: "prefix" }), h("slot", { key: '3bcb0b6ed7c8f6c9bc3768b512b17641f4606ffd', name: "input" }), this.renderRadialLoading(), h("slot", { key: '596540127449c6813feb7879b180c14263f907d6', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3b37dd7db5888ddd73ed191c863fdb128712e404', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'ccd2d0274f514aba8bb8d9a19259d3d47e5c13d5', show: this.hasError }, h("slot", { key: '56c72130ce6bf75d99dcb3da20059c6b52239b1c', name: "error" })), h(GuxFormFieldHelp, { key: '90fe1b60aaaf959583b21822da1a9905b8dd72e9', show: !this.hasError && this.hasHelp }, h("slot", { key: '9d943aecae00baec1eb04210d4c02e8b51c64de3', name: "help" })))));
+            }, 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" })))));
     }
     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: '96e4bb7f50b658ba71f58eef6364a7b4c40b5c14', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f589df9755a80ba802a9a27956148e445c6c2c4a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ca92d6a1d0c292bb767b702155efd18cf71eadfe', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'd9489ab61733ea7e7ccab22236b559beaeb94b15', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6d5f591c954a9a0cfff971d818edd1c3377c996e', name: "label-info" })), h("div", { key: '70638e7f09f965fca80fcd6f67ef75786456f0d0', class: "gux-input-and-error-container" }, h("div", { key: 'ecb2ba7cb6308ecd0b2bfc76114843fa4b2dd43a', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '9d4a14eecf131a8949928deb7d1341b8fd7aa6cb', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8f3f9aad9aaf77e13964916b6b72270f0dcbd1a4', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6ae871001183b1eb908a2505bc4f94445ed87711', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9c5b545896d669cf19f0a7c738076f555c3a4517', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9a3e6985da7354c2e73e0ab8dec2e93c3eba6b10', name: "label-info" })), h("div", { key: 'ef9a4d8eb3ba37b9bba43cf7bef3c85688662bde', class: "gux-input-and-error-container" }, h("div", { key: '24f5b080cd8efba1885482ef2b94d6ca2c1f5c38', 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: '145743ba9567e5db383883e7983e26bf3d5dff68', name: "input" })), h(GuxFormFieldError, { key: '5b129317959e6ba6efe7ca779974f8c5fd22fdab', show: this.hasError }, h("slot", { key: 'd75956631a0c7ff0cb1b3b373803e717141f5bb1', name: "error" })), h(GuxFormFieldHelp, { key: '2ec0ca5ea4d3bb33587e020ed7d68d8ba276159a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f747f9e35e0270ee3eb330507cd4de4e589253e4', name: "help" })))));
+            } }, h("slot", { key: 'bbba06d3e1c30eff82c73f7639f7b804e1e4aa30', name: "input" })), h(GuxFormFieldError, { key: 'b258457525950e755e23c165cc5d60ef6e1dc9ee', show: this.hasError }, h("slot", { key: 'faf677c38681fa0dcabf911680d48027bde696b4', name: "error" })), h(GuxFormFieldHelp, { key: 'b74295df0254d41d8dbfe8814316c9994ed4144a', show: !this.hasError && this.hasHelp }, h("slot", { key: '13648cef817f3c5104d6c13fb0648570aa9e7c0f', 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: '2a590162d4336de472cbf26d40e29b54e074f6b5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8097110d65499e6426539eb8a3955773fcb26313' }, (_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: 'ef18ff5e0ef2de7068a42d8045425d6ff827fbb8', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'c0ca466f74f190dcac95dd9078b6ce733864301c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'adb9c4e9905961806e88d73ecbdd15e9a70f445a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ebe5cc98c6aebc1745a59582b6a7bdf2bb5dc9b8', name: "label-info" })), h("div", { key: '47c76e583ffd91528f3a4da145cb5a47a6dc04c5', class: "gux-input-and-error-container" }, h("div", { key: '7f1be7d0bc7436f4cf1ef1762b8d1aea231483f4', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'db8247513641d3f1216c7649f858c1537b7c4af9', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '3624f298a8ad748a22c1e807338185b25c5f6dc3' }, (_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: '8fd8e91f29eeaf7d041d5b3d86b6fa5ddae0a260', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'b37eb164f76dacf6ef1d977dbccc35458419852c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e02c192b5c26df6ea26f85b313dcd19fa4cff4df', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6b515d4c947954b9235290022f45f12da8a661f7', name: "label-info" })), h("div", { key: '13f16c11bba6d4ac7956660bb12f6388e45c8bfd', class: "gux-input-and-error-container" }, h("div", { key: '2199a4b191750fc8f733badecfe0ede9654231bb', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '1cc80c6073e344954dcf8d82a1ae841cc2607a32', class: {
+            } }, h("div", { key: '48926099c83ea49273a2470d6a7c2a9da5b5e11b', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'e20ca61994751a5679e0712a466a6b55b7234e47' }))), h(GuxFormFieldError, { key: '01893585f8ac5a83e6d4eca90fb41e1da013a291', show: this.hasError }, h("slot", { key: '2444179a580fa3662112dd762c639ec5b79f1de4', name: "error" })), h(GuxFormFieldHelp, { key: 'a864aae889748c1b96398a1a42c4ba4811a0e8e0', show: !this.hasError && this.hasHelp }, h("slot", { key: '24d91c276abcfdbec50703d6069bad2453644ac6', name: "help" })))));
+            } }, h("slot", { key: '167417194f8b109842f3a948c187b1caad8b8037' }))), h(GuxFormFieldError, { key: '3c2c5c61d490da2526cdb307dd99446305cec31e', show: this.hasError }, h("slot", { key: '8acfe75ff992b935ada1f6091de5e3b0e9ccaf93', name: "error" })), h(GuxFormFieldHelp, { key: '08b16a6c3a8ff7a94f6f85e06ac98fffa1105f5e', show: !this.hasError && this.hasHelp }, h("slot", { key: '2d8831e69a1580c1663a55f6a2de67cf19d7dcac', 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: '253f126bad039d8597e5e04720da30e359b0bc31', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '5b2379af4fda9bd34de7be21e24271aa0be376b3' }, (_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: '431a3a5a3737aaaf3362bcca8a3f5ea121eeb67b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '94a662cd42c271c5c3fcfc69844bb88ea038d17e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '41169379f5472c2c1f1ded1bb0dc08c2cced1f20', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ca2408560747429d605ab9e21639eb79136670ea', name: "label-info" })), h("slot", { key: 'c7657a3fc244cc380626010fbb07e3fe6161d4ba', name: "label-info" }), h("div", { key: '4452ed2293e7a9155b27b80057e747a955e7fb5c', class: "gux-input-and-error-container" }, h("div", { key: '0f1b9da635a172a90a32bbf5edd980078cf56f47', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '698a03f7203710e51df8a4c63fd0847500d3fa9c', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'cd7cdb03a86e7927ec27fd349da16c1fda31c154' }, (_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: 'adf54b2fa3a4650554d1d084b176ce41807f6152', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ee407db2b4175f92011d5839005ec5b78a0853ad', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b5809be679379648fdb79ca1803af38c9c20e634', variant: this.indicatorMark, required: this.required }), h("slot", { key: '52509ba3cf65d8885645b19b61d526fe2cb848a1', name: "label-info" })), h("slot", { key: 'e62a6928d1cb82f8ba10e6c1eaf1a1087dd961de', name: "label-info" }), h("div", { key: '2a11b0692e8f73257f85c1a7bf5f5e2a82e62a50', class: "gux-input-and-error-container" }, h("div", { key: '1cc573fba25e36a8f96f61361c327a671dc165a7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'c088e3e49036cbb9121eb9fa5ec4f87fb8f989f2' })), h(GuxFormFieldError, { key: '84898fa29cc83489cacb7e322b472a179caa3b39', show: this.hasError }, h("slot", { key: 'c8b6b862e266dc3d7c856967094acc830612ca24', name: "error" })), h(GuxFormFieldHelp, { key: '786af2950e6463f7a89e6e7cc3f950dd1148397c', show: !this.hasError && this.hasHelp }, h("slot", { key: '9c08e443a5bf0268a14cd75660a869de0999f04d', name: "help" })))));
+            } }, h("slot", { key: '00fadf06ee72e4118171be3de9b47b03fc6a4302' })), h(GuxFormFieldError, { key: '9c7dca3236e4b9cd6cd52af93a53c98ba427d5ea', show: this.hasError }, h("slot", { key: 'bfd7cf78218f8235c6a8754ea78fe253db92b39c', name: "error" })), h(GuxFormFieldHelp, { key: '3185acd1efc2d620e4b992fdbb8c01d050995013', show: !this.hasError && this.hasHelp }, h("slot", { key: '659851ed78c895b5bc4a6f23251166252af4d68a', 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: '64404e9437de8a45385161b1dee6b8811543895c', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '5a4d5acbd2b2243bcb142559c834986ac15c4bad', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'ebd62167e9f3484066e68dc0110af280a50976e5', "visual-only": true }, h("div", { key: '7bc3633e898beddd15386e0268596f28660fe70b', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '779b8e00c708e767fcae1e8d8458a7b38c6aa310', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '2986d3a8ffbe6e38bcb59d3713a2f8c09708795b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '468add6065638c3abcdfd35fd7a6cb7c2b7c00a2', "visual-only": true }, h("div", { key: '24e172e461f7f7378af010946a6cfb7ccaac3f13', 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: 'f0428ad587ae63465b9352564c3fd7bdafe0a693', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '57507f01d51b79dc790d622cc656073e6dcf6e60', 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: '0cc56669d4391255b4ab87778692902d125f9dc5', role: "alert", class: {
+        return (h("div", { key: '701e0f8c4d7dbc38ba3ccd2e47369de9e37b52a4', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '012b260d9f1a98288646e1160bed5a845f42b3b5', class: "gux-message-wrapper" }, h("gux-icon", { key: '372a76f372efc221936de7ed79ba410877621f11', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'c4da670c1421a824d4f895b3c3d63a75b41aeb49' }, this.i18n(this.accent)), h("div", { key: '947363b18e34685adcc1668261dd695a2b3e852d', class: "gux-content" }, h("slot", { key: '80cd34a7b53ec01b57ad4c61482099a0acb4af17', name: "content" }, h("slot", { key: 'af09ac4f9428e935698143d185ead50ccf032e2a' }))))));
+            } }, h("div", { key: '440571e9f332509870de353f95713d40a15b2a78', class: "gux-message-wrapper" }, h("gux-icon", { key: '8bc20b88cf67e551660691cb22e18a9bbc6a69b3', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '19b376ddc2c2a47a32ac517ae44d86b7bff8efb7' }, this.i18n(this.accent)), h("div", { key: 'b3f63b115c18d031614dca531ce221acb58055b4', class: "gux-content" }, h("slot", { key: 'ee2436ecbd5a22a033310dbad0bc2e34289fdab2', name: "content" }, h("slot", { key: '023d525781534d8ab225fb756c4b74b60d622ad0' }))))));
     }
     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: 'dcbbe61c502bb8163134ce0ab46df25592e32a1f', role: "presentation" }));
+        return (h(Host, { key: 'fd525c85fc875c9096d657712ab9c27101d46ee5', 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: 'c8b2de3bbca939674315a674ccefce3663018b21', role: "listitem" }, h("button", { key: 'db9e5a47ee8cf68cabc83d9a9f0ed8ff421879e5', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: '2d031fbc9d6b2f63ed2c3ca327a709b4e674ad1c' }))));
+        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' }))));
     }
     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: '83e17b06638c42f03e85dfd27ef96869aa61ec83', tabindex: "-1", role: "list" }, h("slot", { key: '2634eed100b5f167b8c5e552acbf3f5048789bb1' })));
+        return (h(Host, { key: '8395a8f463a004348db09d3f93a2393a52719a43', tabindex: "-1", role: "list" }, h("slot", { key: '3c5a179b63b142e0973bdc225560324da0f385bc' })));
     }
     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: 'ac61c52ea48efea48438e02d7741e13e6932e241', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'f620551c2a9623467e306b9444b4438e13abd683', class: "gux-option-group" }, h("div", { key: 'eb05cb1d31ef39fce6fe3b984e1a9eabeb24635b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'ce351ee678adf3b54283d54d173829bceb8fb442', role: "group" }, h("slot", { key: '02c714e9c78f6d3c3cdecf1394f43913d61d7eb7' })), this.renderDivider())));
+        return (h(Host, { key: '376c4d9aeba2e5d853e789139b602f887fec4d59', class: { 'gux-filtered': this.filtered } }, h("div", { key: '7d1412d3478d5a5a54706045cd8cec63d8d42883', class: "gux-option-group" }, h("div", { key: 'c1aa8cdb10aa82929dd69c80bb777cd3c27a6008', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '086f3e0823cc64b75c23cbde506971b07d56573f', role: "group" }, h("slot", { key: 'b8fa6b0e5af1aab97b334b1e4e0d4af6a04b017d' })), 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: '3b32039f09c90fe88bdafcb3597943337ae79ff4', role: "option", class: {
+        return (h(Host, { key: 'b04390887a747ee520c74e9aa76d9115b6522162', 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: 'e12ee238fe0bf8b88ea2ff9c422ff7a53a4f92cc', class: "gux-option-wrapper" }, h("gux-truncate", { key: '07bf888b0cb355764fe8aa4343f84395389ac32a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '632f29668ec685018e381967833e9ac0e22e6991' })), h("slot", { key: '3f6c9039cbcccc0002d21913ce2f253fd149b70a', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "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" }))));
     }
     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: '0678a2b4f2dbe030e5f84d38f3f06c730dd610da', role: "option", class: {
+        return (h(Host, { key: 'a3217b52a53817185000dd2d4c8362fb9f9b2e55', 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: '1f0468cf83a5a2a51412fd66afc158d414cb1b49', class: "gux-option-wrapper" }, h("gux-truncate", { key: '0ce2ebbf207c70be25dabfedfbd27b5f491ae46c', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '8d7a267adfb3e5a84832f1a8ed682b87b7c6c9e9' })), h("slot", { key: 'fb501045e53353a2d32bdd87ff5e15c3f0a08ff7', 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: '39ea9e98454722d6cf336a81a696771801f72614', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f60b217abc9ffa063c552d5e80a43d11b6929a9f', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'f4d667ee6a783c00191eb367c01c707acde8afc2' })), h("slot", { key: '9660ea5bea515a69d0b4a60f0ac9983f86f6b446', 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: '0729ebc0999cea75abe1343b990c541a77f1b256', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '00c3883ebb4be184f4976e67eea6eb90ff137be5', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '7c9d28546510035aef071668a270138c9d3e66af', class: "gux-option" }, h("gux-icon", { key: '99559a6e25df446f5f59ec7e4fb0bebb987f9a60', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'd547101e200c946fa69b448699b7f38ed70f8464', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '81644d3707458da3491fcf2b760d8556c773750a', class: "gux-option" }, h("gux-icon", { key: 'd1d0b2092a9f229b50a124408e5f40629179dbbd', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '9bf974c928f1c6b1319ed15e6e606c0be1b2abdc', 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: 'b7d575675e158c4bdddca4065075ff613dbe2601', role: "option", class: {
+        return (h(Host, { key: '98385741ffaa4af7aa5e8bdfbc0061b465d8b7de', 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: 'ef67e7fc0b4d0b2289c81f66da2ed9647f475c21', class: "gux-option-wrapper" }, h("gux-truncate", { key: '2bf664d02cc77074dce43dda9cdc434f142b1785', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'a1a2584e47d7d67adb5f3fb453aedfaf0fa9acd8' })), h("slot", { key: '195b17e702d055b3d4fdc3cbc2e52099798b2339', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": booleanString(this.disabled || this.hasDisabledParent()) }, this.renderSVGCheckbox(), h("div", { key: 'c4dabe8458e33768668bcab98eba318e4330dee1', class: "gux-option-wrapper" }, h("gux-truncate", { key: '9c94aa524ff9541d08db16a78dc54a56433c50c3', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1023eedbe9b9820ba80b927ad7efee72adbbbba5' })), h("slot", { key: 'a014619badd4f5a364c0c241498abf1c4377f27a', 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: 'b2f0dcf205b269782ffcd0f0ca989af6931775ca', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: 'bcf806d6a2458bb6c74743c8dfb9e900ca10608a', 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: '4642ea5dc909ae620e059bfd93c3129262849eae', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'd4c557586b44972dd5bbf5f388fc2165039f8711', class: "gux-option-wrapper" }, h("gux-truncate", { key: '22b34f3bab1de721a6156ddbdcdf3814161c57ba', "max-lines": 1 }, h("span", { key: 'f4b9d20d0050894c559b1e02fd966f7a17898cfd' }, h("slot", { key: '4bc3064da64acd81d87705ad20f2831c8f830b28' }, this.i18n('allOptions')))), h("gux-truncate", { key: 'b5ff9fa432ad2c08950d8734cacf1812b8e0fa97', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '48102c007997133ab904798b617b22ec1d083eda', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'f875b31fb6f862702a0987ae86683fafa208366e', class: "gux-option-wrapper" }, h("gux-truncate", { key: '150417ad2132b98829c0e93a151837172fad8fce', "max-lines": 1 }, h("span", { key: '96f81731b58b884fc2ae5f2d0d3ac5605cf82271' }, h("slot", { key: '790faaeffa5964e501ccc28c448158134af2a869' }, this.i18n('allOptions')))), h("gux-truncate", { key: '29459de7c3d6e9a7542f435ed2d036fe8764dcf5', "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: '33aa762a14b4269f0b65db987aca0050ae8fd9eb', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '7b05aa6383e209326b1b4e9e97ce48d688b9b3ae', class: "gux-progress" }, h("slot", { key: '8e40aa68437a1a9df282091f61e64887bf92fa0b', name: "progress" })), h("div", { key: '3868052a6e93f8de73f14e859c0d699d21293bc3', class: "gux-primary-message" }, h("slot", { key: '8bb145a728592ebe6e7bd14415c82a94969fe96a', name: "primary-message" })), h("div", { key: '8c061ce88d5b9b14525e4dd4051112af2e7136ca', class: "gux-additional-guidance" }, h("slot", { key: '9fbf9cbea4f3cdfbbbd33b2b2f11f670bb6f5f2a', name: "additional-guidance" }))));
+        return (h("div", { key: '46580fe13de56c4c7e2933bed747b72f9fd836b4', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '73c9cbdb2177dab3e5d6cac671b51c76a862fbf9', class: "gux-progress" }, h("slot", { key: '5cae8df5abf1fe9be32a74c96e7084eb580e5b1e', name: "progress" })), h("div", { key: '3924b247e7114fe4ba65c528744ebed3f10dd0ff', class: "gux-primary-message" }, h("slot", { key: '91f32355082d4c9e9616e6110e995582590371bf', name: "primary-message" })), h("div", { key: '7c80480ed92b09228ef564c268fa01f22b4df2fb', class: "gux-additional-guidance" }, h("slot", { key: '252d093bc66e3e95494012d39f75edb35c15cb69', 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: 'd3b4a073cb42940e2b36c9fac49556d16908d651', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '0890cd6f19431c4d56563ea6d94c1ffdc0b16ef3', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '368f38b56091ebb6cb0ec1b1ea8a73ccb2fe5fe1', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'c1ed78b59faa9a6e3c4d28247c7ef87bb0099c70', class: "gux-modal-content" }, h("p", { key: 'ffd1bfd295afeeda7e4ef4f523cb4d0ba8619398' }, h("slot", { key: 'a630b9a638f057a545ec6f9a492839c962f4dbbe', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'fc8f8e295a6c38b6d0f02c17f7bca1e1d12dfd7b', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5446a432c1e49bfecc35b9e239594fa8a5bb1d86', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'a7a0a83c615b1cc831b0af03ea97394480ae9d82', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'a13788b0f1f6ed2fd41a0efc64f90ac1c5a5bb3e', class: "gux-modal-content" }, h("p", { key: '5934c6827eb053442a630f4fbf0ce2737c1dd3d3' }, h("slot", { key: '79199c58a26989ff83c61a18cd1ebd37ae57c987', 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: 'd63abf0f5364727a21f2862a5c3bd6b22b7ccb5e', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'e47202d630e2dd925401cfa2903733e76e7c421e', 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: 'ed0a3137d3ebafdf655ea2d0ce07629d126fadcc', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '94f9d1bddf21aa6e99241330d92298d40de2197d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8ff7d5c384b1e140ea9238f69f98a878ca63eb0c', accent: "ghost", "icon-only": true }, h("button", { key: '40260fe80ddb1600fc2acdcb03c9717db9e6cd97', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '666d4257742d647019b0e647cc9a39f7fcebae6d', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '68f8ba112a073dd523be4f4219960a2504722ae6', accent: "ghost", "icon-only": true }, h("button", { key: '04c839a35565284b44b537dc5f88c5ab3e9c2ee6', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '7a0f19313924e616753e2bee1776cc76c8167f44', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '96f21df74872f45dc1001a96b4560b61ac374e0a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7ed45174cd97e16910d4afc9670a7258e07f9fa9', accent: "ghost", "icon-only": true }, h("button", { key: '003e2afa1e4373ac813f5d4c9a0f7ed7c75d6840', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '8e60b23cbadf9305bac7973ac030b2125c4a1dd8', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '9f570fd9ec20ee9e3aeb941229040b0db13d7af7', accent: "ghost", "icon-only": true }, h("button", { key: 'eb21f5559db2c11c1461d09750ba6a71670216fb', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '0f4fbbdf4d91d358106848437dddb2b0e7637711', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'fd4798d0c449038f6328c7f76e83f13625019d14', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '600cd55d9e2ac49c948b29c36a63b33ba4e27069', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '7e4e15b5b8990ad4c957bc92292fa88cb09dcaa3', accent: "ghost", "icon-only": true }, h("button", { key: 'f3c11cdc32ece0020659d1158717a103b1292772', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '4393da4c2b46d725d527802da0c352ee7adf4631', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'cc0f9e399048c64f08b862ef7aa99e226df08165', accent: "ghost", "icon-only": true }, h("button", { key: '802a3e94e2f125c9d03b13786d35e43acf0b0e0f', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '08a5f5c5d54ab23d386aa828d67f95ebd5e5c7ac', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '5c5dd6da1ea528d629f9170c33ecc12f3832a879', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'c0344f416d50ad57dca72b7873dceb6db87714f2', accent: "ghost", "icon-only": true }, h("button", { key: 'da5c286198529e4dbfb697a51905ed1fcf1bea2c', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'bf29eefd8eb50a2f70688652adbdfd050bf19c6c', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '51a9af3361f6c7a99c730e0dbb382748d8c5a721', accent: "ghost", "icon-only": true }, h("button", { key: 'fcc224495a014023363a326ee3a21d60cfe4013a', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'd24ae3c9a28b41078f8f8ba956535ef311b483ee', 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: 'c0a0f5339eb18427f2d0a295b2059ff1dd3354f3', 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: '7783134863b3749e02a098c237be70dd2405650b', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '9e4a5b4684c26c37cf897259e9dd96728cff1015', for: "popover-target" }, h("div", { key: 'eae4d6c935bdfb6067d33db1facb3bdf2c75a35b', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'd452fae8bc5cf41f10cb66e3edee10b1da55396c', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'a8a03c0a8d6e51191d53f2c185f63d269ceb6bff', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'a3968c8cb70cf66c8415c51ebe541fef742d5e59' }, h("input", { key: '303bb563902aad6ee9af1188ba647773ae914d70', 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: '392d27147d9fd9ced515a2b93cb299db9f1ac13c', slot: "label" })))
+            h("gux-button", { key: '54d4931acd0b6adbf452b5234e225c4e531302a1', 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: 'cece20bd08a8fd503168a8c2b5a84c10a53ae1d0', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: 'aee4ee449d689c54f26c234f07ea15bf6044ab5c', for: "popover-target" }, h("div", { key: '304258ccba1ec70a299b0c4e8635675b71a147f3', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '8b8411e720a78c6fb7e45d1f7133175d72985797', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '6e670634e2677cd8f46c3985f3e436b3b82d2d15', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'd7c88f32207584e289f1eabeb56b7838066c3bfa' }, h("input", { key: '234b7415c9a861f9a3b7d1d328f95e8061746c8f', 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: '72490115bd1baec1333b48457002ce9d934b45b0', 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: 'b3dfc4b5774ffcadb3c280268cba7c0ee0d59c95', class: "gux-pagination-item-counts-container" }, h("span", { key: '66539f2a6fbff0e84fbcc631625aa511f0dfc191', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: 'f1a9cb407069fe1662449412246f0635eeabf243', class: "gux-pagination-item-counts-container" }, h("span", { key: '8e0f47180f52e380de91e13a9c0863e1233481a6', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '01041ace2a94983a35eb48fb7dc49df5506a5ff5', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '1382bf5da836df1609cad5113486d975162bee88', 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: 'cd1eeb84ef960bce3755bc7c50c7138febab0cba', class: "gux-pagination-items-per-page-container" }, h("div", { key: '414d2501984edeeb59472b508c22cf4cdc01281c', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'cac5ede08069237779d2f7192a58a82b2346c876', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '735bbf225e2eec74a70876a44004fe76b98409b2', class: "gux-pagination-items-per-page-container" }, h("div", { key: '58076888683def33f7ded16c942788b0fc127262', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'c9264977effcfef4c31a0e32fbeea9a3f3efd797', 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: '7673154a4efcd0c1055a10977fd083c40e670e57', class: "gux-pagination-container" }, h("div", { key: '3b74a394c4774284c41b3fb8c99eea749d59fe34', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'ebbbf625971146831fff1915402f7fdd3965b57b', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '1ee57f8bb6c1a07eeb382ce272e4db2ab0cdcab7', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '4bcd2815dd35f34d9db2a57606369c3eb44dcc22', class: "gux-pagination-spacer" }), h("div", { key: 'b592c284322bcae10c1d76a50e6f66450b5f521a', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '93ad90139be23b8e27ca72df2aba423697956f6e', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: '1d15cb0a7ac97eb394c57b8d04cd0d282f442a87', class: "gux-pagination-container" }, h("div", { key: '76d13b5ee2f6de6c81789831af0bdc11e3853d9e', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '41cd5f25d8a713b3ef152ac130f768e84694584a', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '03e956bd8958c614550b708256099ff0fa6a2ab0', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '0c252066b864a59e3060d1f39d1bb5668e56ecc8', class: "gux-pagination-spacer" }), h("div", { key: '2a5752ad88fbf84ee54ec4ebf895f72790c5bc59', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: 'cab7ac81d2211176be59db72c4d94ccf42998fa4', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
     }
     static get is() { return "gux-pagination"; }
     static get encapsulation() { return "shadow"; }

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

@@ -169,10 +169,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'ee79a5f977f663378a53835e2eab1c7b76cc6adf', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '7f45f2e9d6c2e41369fb895a3e63d9e0320eff6e', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'c1517105ebc5fa838448897ed17ea424cfa3ce62', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '4e21b190182f4670537c26f552f630d1103570c6', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '89d5caa0b37bfbc335262e9d256d3cdcf5e9083c', onClick: this.dismiss.bind(this) })), h("div", { key: '7ed52f4bcba59d629f95a7a1e545b98c758701a5', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '3e279a48d4cc94698e607382be0317afd240348e', name: "title" })), h("div", { key: 'a1065a031834315f097ac4a13f210248eb21879a', class: "gux-popover-content" }, h("slot", { key: '544bbb7943261e84766b241bd6c33a2df09e971d' })), h("div", { key: 'ab485c77165e4231bd5b636f674f2b5d239e650b', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'a1ed812ec311e6f358ccfc7315a0155d77cbc4d2', name: "footer" }))));
+            }, "data-placement": true }, h("div", { key: '96f21a6752d0ac9f753b413ca66b598bda29baa0', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'd8fe0311b51732a7cffe51f3e344366281d59d05', class: "gux-arrow-caret" })), this.displayDismissButton && (h("gux-dismiss-button", { key: '58b76a646f2c4d1b65f7ab4a53ecffa22b25786f', onClick: this.dismiss.bind(this) })), h("div", { key: '264389d6999144df7bb853a6722d80fcd01e46a3', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '8dc5cfabbe814d9df168b543ee6e64bbaaf4211f', name: "title" })), h("div", { key: '4e32ed6bc13652905086c35e8949f67432ec1184', class: "gux-popover-content" }, h("slot", { key: 'af66d314463e695c7e7a60c38842e167be36c788' })), h("div", { key: '036f4658b663ded4a17c58b206ed8b6361c12af8', class: { 'gux-popover-footer': Boolean(this.footerSlot) } }, h("slot", { key: 'e33ba6300df65518fb96711258c5c4b039aa391d', name: "footer" }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }