genesys-spark-components 4.101.0 → 4.102.0

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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '3fedb6ac7e3380d2b3663b83c3b87cd26c4e2f35', class: {
+        return (h(Host, { key: 'b8cc61af119fff1a4947467e21203ccf8946e150', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '66f6c96a9b7ecdc50910ef3c88a2b10cd9c477a2', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'aeeba2e6dfb13f0d441b141d8292ea054eaad9e8', class: "gux-input-label" }, h("div", { key: 'bed8d43aa3c615c6d9def0934a0e7d1613566cb0', class: "gux-input" }, h("slot", { key: '65dab5edce681898c401c259ca769e6008db5b21', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '8c893ed733eb9aa3c06a6a6b223476ba7833b73e', class: "gux-label" }, h("slot", { key: '9fb7f71e37985f972254ac9d7fbfcc0870ce2786', name: "label" }))), h("div", { key: 'fcea3b42629d881916ff5fd2acb5e26e414426c3', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '35855d6ec082b40893b37f3384559594076d58bb', show: this.hasError }, h("slot", { key: '0e68f5c30d9cf2a73bc01508554f76a5a48b76a2', name: "error" })), h(GuxFormFieldHelp, { key: 'd2e20cfe8c6fcb6b0655a0049d841277456cd4d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '3e793592719983b61af2ae5ecf3b21c3457dbcbc', name: "help" }))))));
+            } }, h("div", { key: '908ed4f97b66698110072365d3bfe802fc5e4a0a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'aca70a7bc6cc249fe467a28f5721d35a8eb16c25', class: "gux-input-label" }, h("div", { key: '6acd6af22e59252d385cad14ca6ba732e41cea91', class: "gux-input" }, h("slot", { key: '01f65a5a0cb2111379c800b04dd2a8bc26431978', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1e3d93464558fa7b9697c8796a16a132f55a66fd', class: "gux-label" }, h("slot", { key: 'b49bef2031a1fe2973b7c138cf79ae8e3194e315', name: "label" }))), h("div", { key: 'b2815c5655b33fb9a494c07ad6498ad24f41f768', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '30ef45ecb36be0293cace61d82054c8ae92c0601', show: this.hasError }, h("slot", { key: 'd7109cf9d4ebc1c762618ddc2b94ab2e667f4ab9', name: "error" })), h(GuxFormFieldHelp, { key: '1e6f7548c322e3e8bb009a966f4dce1b3a69c80a', show: !this.hasError && this.hasHelp }, h("slot", { key: '3491b6f14ab815547054df92200064f718e3a08c', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '1a3687c372fb894ff8d144ce5d46234f9038622b', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'a65f7f80e7bf3d8685626155518e72963dce491d' }, (_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: '675852f4c212b888f81fc1f69b22112de004fa7b', position: "above", required: this.required }, h("slot", { key: '54752438d4b8a18dc3893e8a29969a969d9eea43', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'da81216ad0aac38e185f7275b74490d521306c04', variant: this.indicatorMark, required: this.required }), h("slot", { key: '86fd41cc0fa352204452efa6d504788eede6229f', name: "group-label-info" })), h("slot", { key: '07e8e738687159472f6a4892bda8b79151289a85' }), h(GuxFormFieldError, { key: '99d531fc134fa3d990e51a53d9b747d6266f9e59', show: this.hasGroupError }, h("slot", { key: 'd6e0550f23eb5295fab41d73b3b97a8bb7f42cb0', name: "group-error" })), h(GuxFormFieldHelp, { key: 'e6f954a1a149ea40742255dec2653bbe72cf4ca9', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'badcd5245cd93402c218b45b9c100e46912ca267', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '1646b927cc46c4ff1c9748c41a9c97f4d4b1e366', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '2e25483b17ae579bd4970145ed60094029032425' }, (_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: 'ca237c0f436d4ee422cdc5ec208d068dbf5bc31d', position: "above", required: this.required }, h("slot", { key: '1f371bd6733e0ffe63c9f18e98d6964b9513c017', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fa75a8f7cc56682c99d57eb16bcfbcf576fa7df5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f26d13bc5e076db693185f48758a05ee28b0bdcc', name: "group-label-info" })), h("slot", { key: 'a0d105571946c14d7f47b4520883c5298ec33857' }), h(GuxFormFieldError, { key: '57843efa2f3450ed05694a417e9099c83baeb60d', show: this.hasGroupError }, h("slot", { key: '7f9eff898931e4ebb9ffdc1489f22d9668c7a82f', name: "group-error" })), h(GuxFormFieldHelp, { key: '31516a0f49ee1693dc72442d2ac345d5df35b162', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'cf558d7c2edb22dae99c2a5e022c208e02a4d584', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -114,9 +114,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '4cbea9af89ce92268449b2f0cfd48ccd3c6e2e15', class: {
+        return (h(Host, { key: 'cb95589ea0a287cbc6805e7de12e1db1b2e40ddc', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'cf15e707a87bb032f08cb2c4954509ffad05b62a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '101fcbbdd80a793c21ebc1acec2f2542de55a01b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8e49f451d6a4ebd06c6aa27ba0ef31a161c436dc', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a1ad4a1bd434b2a50cef7c3483d2090bc3d5d1f7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1797399d476b7484da805c8969686c3cc9e46811', name: "label-info" })), h("div", { key: '19d5801782e5a74dac5708882278684c6ff7154b', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '0f83900103315c3ee8ca1613dd7d88ea73951cbe', show: this.hasError }, h("slot", { key: '2b0f0ffea8ec8069adc4578643a0107863a2e9df', name: "error" })), h(GuxFormFieldHelp, { key: 'b5fc5e6cbed42dc90fef77b4ead2392e3cd34d1b', show: !this.hasError && this.hasHelp }, h("slot", { key: '02ad028abf2de26a0871b6fb3b302c589f8a5a83', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '3c7e5ba3c1255b7cb0b4ba8b6f97994e7621b698', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5a886b6c4f3cfee755137ef0740f21c05a1210f2', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '09af3d6eb75e92a8964aeec452329e8a662584ac', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1dc9e7a27e46b5e224ebde1234fb0ce10a529ac6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7f942136d1ae0f06ed8aec13b17be7b7a8dc39ae', name: "label-info" })), h("div", { key: '6d2df850c8b5e2aaeb61fdc6c96e4c0890632aae', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '4f5bd4fb1fbffb7725d05291a9b411b5a9149ca4', show: this.hasError }, h("slot", { key: 'ae6baa1d3e433b0d702f0b675f975358db7be090', name: "error" })), h(GuxFormFieldHelp, { key: '5fc5dbec3423d068a98317dd490b02cd97407da3', show: !this.hasError && this.hasHelp }, h("slot", { key: '850224e8cb398d7f451472cb631f511a3a1a8de6', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -94,13 +94,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '336198e812230607deb37f71ee3019bf65b15846', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '650a13f56a30bcb414c3540aa065375b16b0553e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '05344f9c7db0c1988d2a8e72a671065bfb1911b3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0f36d4975e9dc6e5880bf1d9a2bf5a7b73364765', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7c528650d6fae72a5c36b38184a5777cfefce6fc', name: "label-info" })), h("div", { key: '0e9a6b1d2b1eb5ca216b964dc7f2629a4ea09fb8', class: "gux-input-and-error-container" }, h("div", { key: 'ea347e041715619c75ecf9908dea0c3d7e530044', class: {
+        return (h(GuxFormFieldContainer, { key: '8c12679267c47c320653e13e5694a3c5d65536d5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c74a7bc571e0568d43fcc56d4527114f1afc79c0', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f58dda7eb82d9576beba295f68813cd33675d2b2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2fd8f38e43c5ee9892b0d4aa2743c3b88175b1ad', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8ebd1f5268c861e777061f9b1721dd53231f30fc', name: "label-info" })), h("div", { key: '452b02cd3d70cdc221e961190b5fa830e30c219c', class: "gux-input-and-error-container" }, h("div", { key: 'f02c1a93d9603271f05ffe3deb57be8534286199', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '41abb1425cf977cba199122726bc03c12901f6be', class: {
+            } }, h("div", { key: 'e5168bcbf28439d6fc81bfab1f61d203218457f9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '9e10333c422ec8c28d44444e89a860b5556063df', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'ceb217ddefc8f7e30de20f558dfd4a950ddeaeef', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '5dd6798a369da28b8c4b0a1528913a88dd530897', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '64d55ef65bb858ad646aee3d3e4c7002ce923506', show: this.hasError }, h("slot", { key: '5c35edfb121c90a8504bf3b011d0c8ccfb88d2b6', name: "error" })), h(GuxFormFieldHelp, { key: 'e52a4ccf5bf365d3f414e61d23c3121f57c98263', show: !this.hasError && this.hasHelp }, h("slot", { key: '89de32c7f404bffa6fd9be545bbc0dd394737a13', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'd318da3d76c9ed92a41c263c3f1d7bf88f3e3155', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: '541864613611bbaf7bad41ebc059bddb1bba29dc', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'e2a6629005ec253289a05137a2304b388bca8d72', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '429fab645ce6db3fd305c3e635d3bd7b396da844', show: this.hasError }, h("slot", { key: '971be6c01ac673349b34cc1df330e7d9259eb547', name: "error" })), h(GuxFormFieldHelp, { key: 'a68721398ab225a27fc1eaa5dd5995e7619a20fb', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e45a0321a8c22ccc860fffb8b831353c986fbe00', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -84,13 +84,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'ad09c3d46b844b01afba5cdce4c29252359da968', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c6e1e799e6bd5faf6dfe9a21884ea43c428413ca', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6dbedf8abd80ace7a19ccdc7654ed0a7c386cb34', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a0f752aa9907241645413641a4f23149af4378c5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b6a2f4ac3c3b8d21143e55e2b117c0e21a433f7a', name: "label-info" })), h("div", { key: 'da5830e41f7612122ef1bdd2afbfe4da2a1b3048', class: "gux-input-and-error-container" }, h("div", { key: '1b2e9e03f9af53e9c7a7dca2783de3f15c05cc1d', class: {
+        return (h(GuxFormFieldContainer, { key: '9dfdba1c8e491473ad5e5179c2a20b06a0739fe1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8d6c171269a74833b5c1153887d547ba63cdee54', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b82bb4e4deae995d2008009dd8a97e36baf9d554', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '887bce3d8530e80a2e6f96227dd0eb87c3f3e856', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1aa72cc581c9d0f04ff6edca122b70ee816eaf54', name: "label-info" })), h("div", { key: 'e16c1bea12f42e996fa5e7343f4d0cf36f7fa5e2', class: "gux-input-and-error-container" }, h("div", { key: 'a9b3cd97cf9566ee95df591f4cf19ae3455addbe', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '31074c07ac12f0d4e92eb4a56b8cd0d3576cc0d5', class: {
+            } }, h("div", { key: '29590e2ddaffbbf2bff795bedf81920c536a4070', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '201f803832d45b43569daf34108d98d4408d801a', name: "input" }), h("gux-icon", { key: '3612f9af25f7c6e1f64ca2f77d03d22ca9088f91', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'bc78abd5cb50937d6087de6877e403e8855c5b09', show: this.hasError }, h("slot", { key: '3dd7eefaec7b04812277624f075e0f24a7438aca', name: "error" })), h(GuxFormFieldHelp, { key: '8fb2062a9fa187f8b1160581a982a12694b3380a', show: !this.hasError && this.hasHelp }, h("slot", { key: '446152428e1b865c14f25f4e397ba33aeee6c2e1', name: "help" })))));
+            } }, h("slot", { key: '337d6d550fe284fc03c538e0aa1039e28852d985', name: "input" }), h("gux-icon", { key: '76f2c8bfaebd58760530fb81c71c54ab6cee37b6', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: '8d69525375974f8aca07139df0a78f1d3e3cdc1d', show: this.hasError }, h("slot", { key: '570cfe9b9b9bd2bbf9155778988fc8c3a39bfaac', name: "error" })), h(GuxFormFieldHelp, { key: '8a33c4e05d52e1cb7a327ba7efb9808ae0db472a', show: !this.hasError && this.hasHelp }, h("slot", { key: '68dc170ba28721d6f4b2da7333e6e9731cbf544f', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -112,15 +112,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0801dc0976b6992ce33189632c95d34a32c73d88', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '0d315cddaf8f3ed713f8cb912da9d9b419353da6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'e9f6546d8510e314c9443bac13fe7f136c9252ed', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '591d6f075d6d54b87f61b26e3982cdbe6ce91a12', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5d41e47e38e0fc8a97d5b0e4e9f5fb7e4498df72', name: "label-info" })), h("div", { key: 'd76267c472d927f7107ffa700310648bf08ddd82', class: "gux-input-and-error-container" }, h("div", { key: '9f94b6b8e60c62e61ae6f4ed509093eeaf5c0e97', class: {
+        return (h(GuxFormFieldContainer, { key: '4b275b928b72ff8466602030972440552f007702', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd9833f6836c8feb1913c02788c4c115a2ae112fa', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4821cad0e93e0693fc9a14cc6bdb671f17be4c1c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '477b7a5269bef683b4482454922034e371f80b64', variant: this.indicatorMark, required: this.required }), h("slot", { key: '806f87fef79eb4c107cf459ff2830fbc840b972a', name: "label-info" })), h("div", { key: '058d590178a581c71895ce3f5b1aceae90693d21', class: "gux-input-and-error-container" }, h("div", { key: 'd2c00752430f5437866922a119e41ad97cbb2b6b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '66bab3cd80e3ca99fa88ea2ee4a078369f8f3e33', class: {
+            } }, h("div", { key: '56f3df277fb6a72a1999699ff22d6d3cce734177', 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: '2d34f3a3b3debc7ff01d70bb17c5c9bf2f331045', name: "prefix" }), h("slot", { key: '7292cf3937ce9273979fdb9e495913a822a33841', name: "input" }), this.renderRadialLoading(), h("slot", { key: '7b80a68281b17d6b0dd947550fbdae797bb8fbb4', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b728dc6bac9e8426163b26b137518ce463e3ef6c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '5a9665570d1efd017d3f1eb9d786676bc1c2c0b9', show: this.hasError }, h("slot", { key: 'e4b592e8b92255788c24f1c4dc1ecb7adc89bba4', name: "error" })), h(GuxFormFieldHelp, { key: '88c62aafca29ca45c333da744dad779593745f5f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a814ea6d9f2cf62b205393a145088682da17673a', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '5b1eaf9f94c7191dc911e48c625376397ab35acf', name: "prefix" }), h("slot", { key: '1236bc435fcd672c3a6ce9e15c83adf980e51239', name: "input" }), this.renderRadialLoading(), h("slot", { key: '72ecbc813b3e3bd1e140fdbe2cabacd5b03d0601', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0865bc2646bc83163abd697104dc1d246909e101', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c99140fc7cce17af4134d1b22a6df5199dbb1daf', show: this.hasError }, h("slot", { key: '5a89413a851bc1a33d1f7d8c2c4fa6d42cf8984f', name: "error" })), h(GuxFormFieldHelp, { key: 'a21f889c6fcaaa07d72b38927e547981309a465c', show: !this.hasError && this.hasHelp }, h("slot", { key: '880839da327b1527145b864f15cac6587b3dcf12', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -88,12 +88,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '16880260cfbed0da3f7f5c287587b34f141acaac', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7c48b5aab47d4d8089b333b729c267d4e3185bf8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f166a74f0b7449469cbd7cc5250cc4dcdca585e8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3a948ead9e6b197ba592b414f818535e84d4d540', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2a22a6071ce3246af7ba1707e6ee0205772e135e', name: "label-info" })), h("div", { key: 'e3b0e38e4c39189fa3309144c6c208c2c372bc25', class: "gux-input-and-error-container" }, h("div", { key: 'd31cc4b45178cdb375bd99c9a12a52e4ed0a0866', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '5dea833457c8b0f530790532645e39acbcb271d3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '969e9dfe53d26e8ae439f0a5f7a396a9ca738598', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '6027b9b7f7eb7863b04e9634a053ad8521cb6846', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '25e40153cf76b2b7b98968fbb7090f2b1e7bd4dd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '2153bff68b85e674fafc509fcd40852822b6f40e', name: "label-info" })), h("div", { key: 'ebcd11e922979159856f8e28be605cf63bcb6af8', class: "gux-input-and-error-container" }, h("div", { key: '50b24e9d9fa7840f2741e837ca7beae485d39424', 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: '568d26476e4f30d0e418bb6f2cc7383c8e0291fe', name: "input" })), h(GuxFormFieldError, { key: '368bc28368b7722b08464966e5395e90dd6f410f', show: this.hasError }, h("slot", { key: '7d7ef7ef1507c1b4d493c14015481f30d8cbe2df', name: "error" })), h(GuxFormFieldHelp, { key: '6f8b93bc4e0e8ea137ec12fbc2a2124ca0485177', show: !this.hasError && this.hasHelp }, h("slot", { key: '1e26b50df1754573973a795430a2b8967e5d9898', name: "help" })))));
+            } }, h("slot", { key: 'c12f4471bc184d52bc612c870b7309da620f73a9', name: "input" })), h(GuxFormFieldError, { key: '2ca43db5af528750812aa8596db05addef923c75', show: this.hasError }, h("slot", { key: 'daba766156ff6cfb1f7bfe93cc3e795236fc5c03', name: "error" })), h(GuxFormFieldHelp, { key: '0d7b3b64f2e5c8e04a550a5365a8dd10d0c2a3fd', show: !this.hasError && this.hasHelp }, h("slot", { key: '3f3d1652b8cb332b48fa5ec6f4726ff2b74593c6', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'c5151fcf21f75e13167797d084e6f40f428d2233', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4805fad164b65182e6f8f17a807d84905b65bda2' }, (_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: 'c67474c50e62eb7c085642b1144b7c332a4734de', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '41255e87be54d361250a4fae220ef409eff535ef', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '76c05c34fd2001a9a12c31c7f4454b53e6a003e6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6bfaa131dd27fa54fe1da21882cde7b490750e2a', name: "label-info" })), h("div", { key: '5b5490a0b499e14a3d91690fd6b8b3c024ca1a41', class: "gux-input-and-error-container" }, h("div", { key: '73c81acf62a4c7f622c4fcef5e20623128be37d3', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f58df200c9c05d02587124b2fd1395e8a76c0c92', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bf43c0714877e5229446106254426b1389588ca8' }, (_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: 'e6fad6107a7da4bab825d8acd3e5f23fb4122beb', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1ce78042548f2e6c558fe93fb539e4e2ed64665b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e520fc094f291a92c40d1dc738f394d40495b8c4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8ee8198fca0dc2a5ed88fd913ca10a83b474606f', name: "label-info" })), h("div", { key: '3f770bba0611d7ff33d93e820e933abaf6d64f07', class: "gux-input-and-error-container" }, h("div", { key: '35df1940120aad478b09d9935da0ca89bcc4bc30', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '31c61b6682f8b0c29189a0b6cf9bae17780abb9f', class: {
+            } }, h("div", { key: '6f5f1d88d7d11bcd626f3cea768881d917d234e0', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fe7b204ae953a249b01a751dff04244e1be94b19' }))), h(GuxFormFieldError, { key: '1fb9c471d7203330cc798658b389628d5de19d94', show: this.hasError }, h("slot", { key: '257cfbe7fa854359fd6f015a6a6fb6b07d085876', name: "error" })), h(GuxFormFieldHelp, { key: '19f29b20cc30c4ece653b7730a0571dea3ea1f51', show: !this.hasError && this.hasHelp }, h("slot", { key: 'efcea016a930897d7458a8190c5e151f6e7a7011', name: "help" })))));
+            } }, h("slot", { key: '407e423793092339fd011bae54bcd9d54a49472b' }))), h(GuxFormFieldError, { key: 'd1ecd8766ea7f718c7ab796f909dedfad6169780', show: this.hasError }, h("slot", { key: '0133f4498bda81baf3db97d2fc683b15d525ab36', name: "error" })), h(GuxFormFieldHelp, { key: '909df79de60736332c7732e98e05860888781985', show: !this.hasError && this.hasHelp }, h("slot", { key: '097ffd6e9f84a86b5860fadf8dd67cd218b064a1', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '71b3f0e0ec9f31cd7e6a18d1ff940385a7c394e3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1af9cc3bfa1c3cac1d03ab74154c7382167c37bc' }, (_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: '6ee4304176454cc7a81d110cb5bd5bdf6707d89e', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bec4ad17ec4278e503c8ece53a41369aaca42da3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3fcbc1fbd18661e1cfd68d511c799a289505f07f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5e5dc8148321a3fac532a55a653b6a625e0f6392', name: "label-info" })), h("slot", { key: '0e8d8ac143ebc07b27b0fd3f0645795a4d2e4093', name: "label-info" }), h("div", { key: '64521f80dd729eeb420feb9a1bcad868f5a7c8e9', class: "gux-input-and-error-container" }, h("div", { key: '38eb8a93e60d90c2512b003be421c500b57fa955', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '21a9c562838406db1b54724afa0afea18a211b5d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0070a05f7cbe549d151fcb468bb67bbaa715a566' }, (_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: 'e48c469cfdaef18e37c0d3ff53f37ebf1505d076', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '602f2927a81285789de7c69d9144d34bd1f2cc02', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '615bf453fbda89f268f67f2c64f2f15466cd6146', variant: this.indicatorMark, required: this.required }), h("slot", { key: '16f49aba850d6d4b712b7bf0933be453cd71f120', name: "label-info" })), h("slot", { key: '2eb3a876b8737e3c1c3b80d39364ec53c4ab31fb', name: "label-info" }), h("div", { key: 'f9685fa970075981c66d2329f6289ff4ea7d33e7', class: "gux-input-and-error-container" }, h("div", { key: '1d1c526a766811d00ca36766f975959f5376e95d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '3a97f36dfa4c17261ac13cbb74ac9cf38c0f207c' })), h(GuxFormFieldError, { key: '43d83e1cf7e3331599f6d26471b7c945b29a9a1b', show: this.hasError }, h("slot", { key: '40cf85454b8b4d1c87d646ef7a15119964a40dc4', name: "error" })), h(GuxFormFieldHelp, { key: '386c39bbe6f5a37d93b16f1fb5ae52f060bd0c18', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cae7e7ec9e17bd798267dbff61c3fe377e50b5e2', name: "help" })))));
+            } }, h("slot", { key: 'eb747fdaf264c00bc775a455b8fc16490360108f' })), h(GuxFormFieldError, { key: '64121250d9f78ef39c1a1786043bf7c8e2750f75', show: this.hasError }, h("slot", { key: '48cfb40fc942ae06278eb759395314693e004bcd', name: "error" })), h(GuxFormFieldHelp, { key: '2fd2634a7c07e056b46496f563635156bb706a0b', show: !this.hasError && this.hasHelp }, h("slot", { key: '86eadaeb90dbd896f7f22cda8d8a532d5c717a5c', 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: '970956e1c4c181cd77d0c2e23e8613837ba2a15a', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'c5f0604870868b6e3de1fd7dad554635a3fa162b', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '3dd3083ac2d761345fe62502181964f42955578a', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'ca057504564413b442e36b2ebcd4e7fe2c925580', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -63,7 +63,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '229e60bf4e71245ef83e86174db07f07d3cb8457', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '27435179dbc0f74ed159032bde04e53ecc770f51', 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: 'e6950f55ea19e3f4b87036bec0d5e6ecb0b51213', class: {
+        return (h("div", { key: '0016a8a0a20b75dbf110a538930d6cc9ebf465f0', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '92e795abc0b39f6649a1a832f720eee6fc39d558', class: "gux-message-wrapper" }, h("gux-icon", { key: '8bb76a6afee5a722a29844c7a7e10e1265416943', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: 'd25d7bd5952f5146335e3474eda2aff41abd5f0e', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '4b054312f13d249752ba7176b2d9bac25907a436', class: "gux-content" }, h("slot", { key: 'b493d80805361e4bc49b0b3ff64938fcc9729006', name: "content" }, h("slot", { key: 'd4d52feab9da149eb470afe889564186bc4229e7' }))))));
+            } }, h("div", { key: '89b558a859d8e120f6074873fc6c3eceb1b6323f', class: "gux-message-wrapper" }, h("gux-icon", { key: 'ce5dc9ece25aeb631e7f7dd7d6e0a18626c42846', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '2976f03fc1c68becb487aa778eb70f9162789bdc', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '466c8879a1f4d9d6987299b34879f26f8a964651', class: "gux-content" }, h("slot", { key: '9d78e9d434eb372f6e0b4e8b7fa62edbe2d0ddc4', name: "content" }, h("slot", { key: '3624997eb94bb754ecfc2aff0a173a092743b3e1' }))))));
     }
     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: '0c5584e36db607e8d4221e9475e0e77d4ada908c', role: "presentation" }));
+        return (h(Host, { key: '987d0b32ffa747944d34c8799e5717902a18d028', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '5c9772e0ce49cb0bb2adc3b590a60225906e9c63', role: "listitem" }, h("button", { key: '8489c5d13c15b75dbfd0d6209808e2fff7010e3b', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'db2ecd4ffa1c33a35f45ecdf338625c0f54d45b1' }))));
+        return (h(Host, { key: 'f010eb7a8ce618601dec388908dbd6d246b0f906', role: "listitem" }, h("button", { key: '784577e09ff7e2f2ce97c61db65c35712a25a92b', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '95703268f40d2e33091f34d27fb5ac716e215338' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '6d9c37ce532bc0e0117aea9f8bac84361f11826a', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'de8f0dd65bab3db63416d724d33ede5030464622' })));
+        return (h(Host, { key: 'e33db30dbd094e8063ce0cb9effaa2d1abeb4568', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'b1c077085bcd862edd84267c97b900bade64345a' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'ee7c3cea56afdf18b23482e3b5e5277b2b33abb2', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5b00d8958249542925fd204400e8b6c60611b642', class: "gux-option-group" }, h("div", { key: '2b5a182a3b02e6af88aebdc3d2516714838dbd3b', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '928bda9948fcdaf8203ffdaaadd60d12718c44b6', role: "group" }, h("slot", { key: '66f6d1df4259b68af5e34e22d2377a75b5a58482' })), this.renderDivider())));
+        return (h(Host, { key: 'e6e6416f335370bcc097be4e9c0ab102e6a292a9', class: { 'gux-filtered': this.filtered } }, h("div", { key: '30a2b83dc8dc9989767ac200f10bca4e906e333c', class: "gux-option-group" }, h("div", { key: '0eb678d42fcaa872f0a1213c41eab2f815de2d76', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '95398f9adecd344c7699eb8132b945a5bed7a628', role: "group" }, h("slot", { key: '2f7b3081404e6a51329b8a458592088f44c462d4' })), 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

@@ -42,13 +42,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'aae32a97e80c44025c7be573a9d75429ee7039ad', role: "option", class: {
+        return (h(Host, { key: '0e5561a4eef472e52b801050a372fa26380ac61e', 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": this.disabled.toString() }, h("div", { key: 'd2f5ffd8c7e8abcd606f34ccfc632bce4dc7074f', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a5b6b88b9838db7918bc820a4dc138b7cdc76fef', ref: el => (this.truncateElement = el) }, h("slot", { key: '12859fad12bd22712a44628f5bba43889da749b0' })), h("slot", { key: 'fd528dbe74bb5db36c1661af06fa4cea85911250', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '27d3af7bb8222e18e3bc494642551ea315cec074', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c0c4aea372b8e244df31ea9e82efdfa16792acaa', ref: el => (this.truncateElement = el) }, h("slot", { key: 'a3d7c8b060bc5b8f7f49504f4626a86959efeeaa' })), h("slot", { key: '45ce9bfc0d30b91b0aecb456ec67985121574942', 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.css

@@ -77,4 +77,7 @@
   flex-shrink: 0;
   inline-size: var(--gse-ui-menu-option-startIcon-width);
   block-size: var(--gse-ui-menu-option-startIcon-height);
+}
+:host .gux-option-wrapper {
+  min-inline-size: 0;
 }

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

@@ -58,14 +58,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: 'a93ddb9897f8c116a49ee759889fecf8a6ca6d15', role: "option", class: {
+        return (h(Host, { key: 'caf6140c4f3bd1cb7937232d5da18cb477a9bb42', 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": this.disabled.toString() }, h("gux-icon", { key: 'fab630aa9a1585fc9379195a4db1cc480f037cd9', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'ae9273d21bbc9163c740eb4f6937aa340b115b60', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'dd9f7ebf739126258bb3289b016bb3f5aee60c3b', ref: el => (this.truncateElement = el) }, h("slot", { key: 'd66cd9e96402168a93ba3017a617c6637920a71f' })), h("slot", { key: 'deff50eaa2f2ad0f36122820921828ca7c94067e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: 'c451119440c9e14db7b00ffb1f268985d2635aca', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: 'cd9a420efae272076678980d02cbf6424c504d55', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'a0acf6bec4b98e3c375f088a03408fa05b66eba3', ref: el => (this.truncateElement = el) }, h("slot", { key: '7067d5a163379c26173e82af7daba11555d8ae7f' })), h("slot", { key: 'b28595b22e2ae03bbe50f71b697f63861c0e7169', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'cb901f8de1c6a8d03250ec1a1473ba508f08dc20', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'abf58b1f37654db52fc370ff5c97fa20edd7be90', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'ac9a299a3b022ac6c7c4ab26d2eb7163c1743b73', class: "gux-option" }, h("gux-icon", { key: '10992950e2820a350da08435a2b72e47272ba330', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '7fa78c42a23db9c3cfdbf5701ee9f18c337ecb04', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'd5929b849d723308e28ed653c3246f0594b34f31', class: "gux-option" }, h("gux-icon", { key: 'f3741e8094d865be6d7428a2a0b2d5cd60417587', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '1d84572b991b3b51d5112b0f2a866d73f4cecd15', 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

@@ -59,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '175f5e800f401c0b7a222b3cdc9ec3fde5964c24', role: "option", class: {
+        return (h(Host, { key: '077e3986bf9d56a29f0bbf0e626ef5601526e3d7', 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": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'cfa2c1bbd1ef8107121f4317382bb49fe71e8a57', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c9d8304ef91e4b9058f4b48edf429c39372d0d6f', ref: el => (this.truncateElement = el) }, h("slot", { key: '3e3a22e7f0566f6f358e9eb9f8b9b5cbb4a36398' })), h("slot", { key: '93b4fceeda2d11d607bbf7c64ac083ca77e4130d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'b29416f19ed0b35e6c56983ba506e7db87f0f333', class: "gux-option-wrapper" }, h("gux-truncate", { key: '43ccf577a866a4801031530c0b7fa3a665c434f7', ref: el => (this.truncateElement = el) }, h("slot", { key: '54e26110733f24dfba9dabd50b72908aba173fdb' })), h("slot", { key: 'ceef331db213a0e9e4b09c011726617e506c0f1c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '9510f8f3d9e7fbfbb5a1943e8249a90c370f2675', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '1a2a6c95427dc8f2e47c4aeb2d6ca284dc5124fa', class: "gux-progress" }, h("slot", { key: '5b6812589ae9f3a127c229774cdacc21339213d4', name: "progress" })), h("div", { key: '38358d59aec706a0e635ba5125f318c1a0b3a935', class: "gux-primary-message" }, h("slot", { key: 'f682056ff344de762a8f22c99c42d1852071073d', name: "primary-message" })), h("div", { key: 'f1ce616fe69d1b8b59d02474f39549815544af8f', class: "gux-additional-guidance" }, h("slot", { key: '5adf18ae00ab8afbca5f85e3c886777c4b6a41ec', name: "additional-guidance" }))));
+        return (h("div", { key: 'e425758f0e1cf3c2220a05b87a4ac1ce32598b5e', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'b483ae2b330450a5a8d467efb28ded3a2aa53dea', class: "gux-progress" }, h("slot", { key: '02110561bb21428bb847029b885c73c5d59846bc', name: "progress" })), h("div", { key: '82b54f2a4881b6c092775257079f783d92dc36fb', class: "gux-primary-message" }, h("slot", { key: 'f657a9f2da92a47dbb6d8aef1d162913e0875565', name: "primary-message" })), h("div", { key: '57dc1fec80b7ef84057d25541aec7eecfe1424dd', class: "gux-additional-guidance" }, h("slot", { key: '6a94255ec56e110bd443c1e060cb64119277acef', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '18b524133b010f522686b88c1f4e724ae5f1b457', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '48f6b6972c30e015617a02b1e2a39d80d8b35b52', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '205df2e00149e2e56993c2a06f83e309f271c9b1', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '0c5e50d2f555e941a60fec204349979172221307', class: "gux-modal-content" }, h("p", { key: '7f5ae94c9de4fba07c0476110ce718502b8453e5' }, h("slot", { key: '07495e05a2e9bbd77ac7eb6d39138b640a2d0490', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: 'd7df673d81455961804f164e42b58a47994422ad', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '8dbec5e428e88e76ca7c8b4be05dd04727d74a72', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '64194ab51dd402e9f60b83f8812e4e488c3f31e7', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '8a956269e4a5d33bc4443eafbd44020915b4f543', class: "gux-modal-content" }, h("p", { key: 'fe6254ec17356c33f5fc53f64cac1f633acba27e' }, h("slot", { key: '8da2de1e0c08493fdd91b51baed72e9fafc02f15', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

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

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

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '6038b566e7434b1dfe75d9585d102be8330e6d37', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f378ac949b9df0e4f2ce0542e530244aa566da5c', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4b2913b96a5ef893d4295725b1dfe11bad53acd7', accent: "ghost", "icon-only": true }, h("button", { key: '3c2597528ae4829eaa7f0f03a678b9c6d2530431', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '4689c35eb4a392e23e531872c2a02387a3e219f3', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '89d5b36b5278a141c54171673f419bf65bdf3a05', accent: "ghost", "icon-only": true }, h("button", { key: '3be3381e56788ab44d2d07b997a1c956d3867eb9', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '8483f44cb5522733ab1f756c218bbd9fb3122a9d', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'b684cbf63da37df3b9739d4ffaebb25bab4ffeb9', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '860b70019031eee43edb76e077fb109878621634', accent: "ghost", "icon-only": true }, h("button", { key: '021687a7091d5e68279117cfbbbc3212b86b6c30', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'a79c25f4ca6bf4c3aa0b1a954d8731fb4ff793ae', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'd66629a9569eacbf0bd4534b10ca7ebf432b0b90', accent: "ghost", "icon-only": true }, h("button", { key: '21a34dad8a8e36654f21f6f99af9940b5b38c4f1', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '28152c969217f462d6e086e1e0c22248c775ed8f', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: '215f6452455944dc92e64bd69fa59c18c7f03286', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'f26a409e1779bcdb8c69d70df1c11fe395794dc7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '4996576ac981d15a86fb051d6d375ce90266123b', accent: "ghost", "icon-only": true }, h("button", { key: 'ec1c23357a2a9a6cb390a1a2fad3feb0bc6fe4b6', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd6f0e691719109ea29b51f896eeca5d5f0a78848', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '04e795d1e564692e57f7704f14099d6a989af7c7', accent: "ghost", "icon-only": true }, h("button", { key: '06abe5147642fa47a4992a6749807c34e79ffd64', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '56c9162e93a1fd3ff48bb1030f7665df28669e57', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '4ec49a30e220b7efc22341e2ea0facd4abc9690d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '5ec790317f8996d366dde369f1f6ae5ecbb41e2d', accent: "ghost", "icon-only": true }, h("button", { key: 'fc1f81ddf3af40f1b83b866d967c2749efce71d3', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '1adac8d5d5b6365e908dc79263461485baf3e7e7', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'd3fb971a312bc30181fb1e2771a8e95b7450e8cf', accent: "ghost", "icon-only": true }, h("button", { key: '103c17575c525e63731cdea86ef74d75d09744b5', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '42eb9ebdbf237659dea921e0641cc50645b523f5', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

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

@@ -97,10 +97,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: 'ae927f6ad743a532f956e1d4157aa481b876eb73', 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: '2294972e7b873aafe38fc4f31f5d06712e8d7e9c', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
-            h("gux-tooltip", { key: '3a7c43b988cc7adcad44a0050ac1a28909b59047', for: "popover-target" }, h("div", { key: 'b714b0add84ce3eaafdeaada157d390737b74728', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: '4ced98bbc84b997c8da6d2b16def48c988cb8d3a', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '0fa6946c6d83e6d35831ce9b1f1e91a7efd8dd75', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '8bb39850f1962b5d2d9335db2be19c04a20e5303' }, h("input", { key: '9c6348966acb1e29aa401bfe7e2091a4c03912e9', 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: 'e79a5aa2aecbb0e4b2a1b36569e276aa10be9727', slot: "label" })))
+            h("gux-button", { key: '9ed85befbef451ca56864bc6d4552a75761fb816', 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: 'c921ce2fb3d657ff36a4788730ac0b13d862f2a3', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: 'dc43eab0ac36d1191e1eef036bf59f88a8af28ea', for: "popover-target" }, h("div", { key: '8fd060c4117f0d5c8aae3dbced6562b9f1b2f619', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '15801d520be844b1ac1245c798d6be1c6b3a1d10', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'dbeffcd6cfd593c3406adc96f34546634ce64401', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'c300dc9630227c694d47c13f502d1975fccc8c91' }, h("input", { key: 'c9313abe09d11f22738356d8d98e4a0c7c968b78', 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: '994d932651c7b02898fa1a2eb8d264185003c6e1', 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: '80df58e5ca1a8c1858817406eb51923d9f929172', class: "gux-pagination-item-counts-container" }, h("span", { key: 'c05c2c0f69b506c93fe652ef4ce5020a6ec40964', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '5941c81fc8c0716cefa09a5bc06f67a43c814231', class: "gux-pagination-item-counts-container" }, h("span", { key: '68d9f8d7f62364b29d72123760a95c813a469216', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '78c61c85a734abfe2de628c670fa754bdfaa532f', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '31631c326ecb00ebc9f6ddabe3582aa55129cf95', 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: '08e5ce0609666d54c7a448465344ea4c334f03fd', class: "gux-pagination-items-per-page-container" }, h("div", { key: '6f044851b41f439951c99067ad467de3eca5a322', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'bdd1f7475285da682a2d70b18a8e611eb5f640d6', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: 'd81a71c55197b1508de24ba0683cb8f54025b613', class: "gux-pagination-items-per-page-container" }, h("div", { key: '1ff291719f3a6a169e099dc95191ead9b153e6f2', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'eac9cf29038d422bca08bfdd101d27619ce1b736', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -84,7 +84,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'c7dbcd2c12157475615ff706d7b2f6ce77ad4a01', class: "gux-pagination-container" }, h("div", { key: 'b40161335eef3abc80ea07dcba6262184e883576', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '4a9908419b26c2e75cb490d2b4efa2558d1dd855', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '22ec649851e86caf9b9e819583bc179d1a5f6132', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'b21aa28c167c86516dd2980cb2b256b3c60b9d40', class: "gux-pagination-spacer" }), h("div", { key: '7432e11e278a22c12b27ad03d90509f0fec5ec87', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '9fc009e059a809b071a6bacf7e13c1098fd5ff4e', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'c6e84477b806ed604c5dfaabcf510d8983f6c761', class: "gux-pagination-container" }, h("div", { key: 'e590dad728d7882ce7f87a5b98f51ac0e8540ac6', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '1ef5aa578e747d2fb5c9c454f6847d2b5694e5cf', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '80f813aa9e4a8c03dd45849012f5707eb60f43df', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'c466eaa7733e27d1d8c799a75e5136741532f37f', class: "gux-pagination-spacer" }), h("div", { key: '17e17a725bf007f7c17977ee330542f0de6275a6', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '2559aa1d3a75c83b324b9b4be7eccc701b25f050', 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-pagination-cursor/gux-pagination-cursor.css

@@ -33,6 +33,7 @@
   order: 0;
 }
 :host gux-icon {
+  display: flex;
   inline-size: var(--gse-ui-button-icon-size);
   block-size: var(--gse-ui-button-icon-size);
 }

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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: '7e93be4266cb986cdac33008eb182c38e18717b9', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'c08e45889fd33ef91cace7d2f4179e0b578c790f', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: '08e3522aab4bf8f62e08e33ef3a256e296438a2c', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '91da27c2471b161a5142aa93ab21d12982faf183', class: "gux-arrow-caret" })), h("div", { key: 'caae7a71b1f48858c3d3ec34bd23de92d795bf75', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: '55ac554fa073c243274e9eb62f786522f4a17a10', name: "title" }), this.renderDismissButton()), h("div", { key: 'deeb167992d0b8b87227a47ac8350e392b0f5311', class: "gux-popover-content" }, h("slot", { key: '58e64f3ecab425c06c5c314d2281a463993c03f8' }))));
+            }, "data-placement": true }, h("div", { key: '48855c5f55593d57241a423eef9007d1be169a1b', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '049b32dbeb22924d4a50149888e58fbad6f371cd', class: "gux-arrow-caret" })), h("div", { key: '9ac0f87beedb69e76defae96463b1d69c696ab29', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'a132ccac74c4c87238f02323d96d82e39f60f33f', name: "title" }), this.renderDismissButton()), h("div", { key: '4b04b4e0ec494146e253d584f31d566591adfa96', class: "gux-popover-content" }, h("slot", { key: '89ddebe1c5486eec84486be04a8acfb323a81613' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }

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

@@ -127,10 +127,10 @@ export class GuxPopoverList {
         }
     }
     render() {
-        return (h("div", { key: '814c70f6444a2dde7fa80ec928928d0146052162', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: '62c840b648ec05931c79732c2474a09f60151150', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "data-placement": true }, h("div", { key: 'cb6180994b17ad483cbeb77a519380ba3a141245', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: 'a730876ff5e4eca4070376c784e074498fb9e0d4', onClick: this.dismiss.bind(this) })), h("div", { key: '2ac827242eba3b5a6399b649a871e0e157afa970', class: "gux-popover-content" }, h("slot", { key: '8f05c3ddd9eab887186e5ef6579391dca6490cd2' }))));
+            }, "data-placement": true }, h("div", { key: '637eb98eccdb62c740222c79d0dd199c283fc180', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }), this.displayDismissButton && (h("gux-dismiss-button", { key: '97cd860cf1ae0c327b2887098db5a9b62f09de57', onClick: this.dismiss.bind(this) })), h("div", { key: '5e66f330e3e36b46c6e681a56dea5b7fb2a44adc', class: "gux-popover-content" }, h("slot", { key: 'da476056dc52941208f09794d6eb81d3d09deb9c' }))));
     }
     static get is() { return "gux-popover-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -103,13 +103,13 @@ export class GuxPopup {
         }
     }
     render() {
-        return (h("div", { key: '9e57ab3226b238f4e9acf928c32bf57697236c0a', class: {
+        return (h("div", { key: 'd7bab8d4e2a64fcb4d135121bcdc2676758bd104', class: {
                 'gux-target-container': true,
                 'gux-disabled': this.disabled
-            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'f037a5a0fbd6208f7438ba88f7d3899db0f5f208', name: "target" }), h("div", { key: '63a24bc8f0fd5a0ed071ee06257d1ee142ebbb9e', class: {
+            }, "aria-disabled": this.disabled.toString(), ref: (el) => (this.targetElementContainer = el) }, h("slot", { key: 'fc53ee9991e1482dd01ed9a6d1839e3d16042aef', name: "target" }), h("div", { key: 'c36558b87567526942788b590439ceac5e19b7a0', class: {
                 'gux-popup-container': true,
                 'gux-expanded': this.expanded && !this.disabled
-            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '14cce33656443ae157dadf20f43d30a14b088cbd', name: "popup" }))));
+            }, ref: (el) => (this.popupElementContainer = el) }, h("slot", { key: '95783709a3f0597265941aa1493cbf162b5229a3', name: "popup" }))));
     }
     static get is() { return "gux-popup"; }
     static get encapsulation() { return "shadow"; }

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

@@ -13,7 +13,7 @@ export class GuxRadialLoading {
         this.getI18nValue = await buildI18nForComponent(this.root, modalComponentResources);
     }
     render() {
-        return (h(GuxSpinnerState, { key: '1430cf90d2f33949e6b5cd4af6efd58160c8a255', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
+        return (h(GuxSpinnerState, { key: 'a1fa21a59bf982056154e4169c23eea4d83cff50', context: this.context, screenreaderText: this.screenreaderText || this.getI18nValue('loading') }));
     }
     static get is() { return "gux-radial-loading"; }
     static get encapsulation() { return "shadow"; }

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

@@ -99,7 +99,7 @@ export class GuxRating {
         }
     }
     render() {
-        return (h(Host, { key: '39d2de144499a1da3e45e8f0ee6d2b93b98e365c', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: 'a1a537db7d74ee356c8503116cd00e0241f16961', ref: (el) => (this.starContainer = el), class: {
+        return (h(Host, { key: '8e199f0246360309a67e4ae98f733aacc6a022ee', role: "spinbutton", tabindex: this.getTabIndex(), "aria-readonly": this.readonly.toString(), "aria-valuenow": this.value, "aria-valuemin": "0", "aria-valuemax": this.maxValue }, h("div", { key: '1821e45b1283b173f6ef1f633fcec13310b9a280', ref: (el) => (this.starContainer = el), class: {
                 'gux-rating-star-container': true,
                 'gux-disabled': this.disabled
             } }, this.getRatingStarElements())));