genesys-spark-components 4.103.0 → 4.104.0

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

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9451d8ecb59956496d9cc72e9136b008683dde4a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f363bfd6317a166db42d0988f06dcfc07be20c1b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '10df30d1f5317f45608f197d32bc63579be4113a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '77c7abe52e133f91d6c44b411ad78e2ad14aeb02', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f6b72a8257742ee205ca99a267c0037f25d892ec', name: "label-info" })), h("div", { key: '798e0268101b6bcadfa48530e6bfbdc8bc657808', class: "gux-input-and-error-container" }, h("slot", { key: '69615aadbfdd300bca2908133b4aeb8380b07a6d', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '0ec4af99dbb3f882790ae135dcfb6be0f8102036', show: this.hasError }, h("slot", { key: 'ad8e7176b0f36a4a946b3010bbc3f390e4bfa73d', name: "error" })), h(GuxFormFieldHelp, { key: 'e9d8fce3e8e2b08794dede59ca0fa9db568a406b', show: !this.hasError && this.hasHelp }, h("slot", { key: '66170d1a9dcacd07680df3227711bb749d844b03', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'fb5d8da9240d0220148191c4273cb88c4b68156b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'be4b4894fffee13752808f4f1626fc1853d72bb1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '21150e27f2f2fa31544b035c919c650423d98eb5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a546ef242f7b0c1ddaaa8f91ab7e60770b23fe14', variant: this.indicatorMark, required: this.required }), h("slot", { key: '585260410fcde7c0f4e4dba2ab8a6cef3dceff44', name: "label-info" })), h("div", { key: '677000669a2c05cc31cfd666310e7643a23ebc2c', class: "gux-input-and-error-container" }, h("slot", { key: 'c37efc792f9965cc9581e66d91eda9857b2a0b54', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '663cd0f8ee82c188aae98a6599527545f55c1bd1', show: this.hasError }, h("slot", { key: '756abca81c598f99dff6f439fa7a876559bedae4', name: "error" })), h(GuxFormFieldHelp, { key: '3dd324d2b86d7d1696ebff9aa0316599ccc1db54', show: !this.hasError && this.hasHelp }, h("slot", { key: '4be78124646decbcef5d544222881f92c58c227e', name: "help" })))));
     }
     static get is() { return "gux-form-field-file"; }
     static get encapsulation() { return "shadow"; }

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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '4dc1e3ba9094290cabb43a2a48d2cc2d3ff7bc05', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8164ea0e950c684004dfd0e3b21e1939632c3734', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '880ff53d3ccb61f4eb31ff4e4a27629e352ca38e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7874ddefe954b2b440e8a3c58ce9d0020f353edf', variant: this.indicatorMark, required: this.required }), h("slot", { key: '36079c1ff80dbd53a3bdb42f8f71f63fb85ee424', name: "label-info" })), h("div", { key: '07322b144c9b64d357666a923725ecec9c799b37', class: "gux-input-and-error-container" }, h("div", { key: 'fcf36ad925dd6dcb6edcb8fc9f7626d3c5e0d945', class: {
+        return (h(GuxFormFieldContainer, { key: 'ab631101b6862833e2c36644483a01e93af96e11', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '934dbd86950aa929dabb795de000169fc1b97b06', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a57ffbfe28f88e99a15834b817ea40661b1b1476', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5eedcd2bdd038b398b734b797ba7dff90c42a471', variant: this.indicatorMark, required: this.required }), h("slot", { key: '704429fdbbdad84d05fd70025e5a0f4f760f73f4', name: "label-info" })), h("div", { key: '7e89f5546fa6c6613251a10b8bfda27e875e6f0f', class: "gux-input-and-error-container" }, h("div", { key: 'f2dc3bca6b6abd12cfa0a324513d9623bb9e5f92', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '0a51011cfceb704785e05e2863b932eafe6a6346', class: {
+            }, part: "input-section" }, h("div", { key: '9863349de6753b26f0a37429d7c1c6bd653701b9', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '4e4fa1261ae2e22b59dc6aefc317caa4ecfd56f2', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'bf6ecf242841fb008f11a5daf3771e287474ca9a', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '8d22fae051f8b0eb4765319822cd34300f7e4a15', show: this.hasError }, h("slot", { key: '85183deabf7afcb81b85dced7854ae81f0daf252', name: "error" })), h(GuxFormFieldHelp, { key: '30e115c3fdeb72d50f670d57f6bc87573d1b0edf', show: !this.hasError && this.hasHelp }, h("slot", { key: '4631ffea76d8068e578c43b7540f1a9205de9c18', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'c711c9315d0629cdeaed280a656f78a54ef44a5c', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'dfe3f36ceafd98c58f3770544923f530642c0548', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '7a5a9f6fea2d993fc2b98bcabbf32d9bcd374095', show: this.hasError }, h("slot", { key: 'c7cd9f47e048ff9603078e9892db21cb9228929c', name: "error" })), h(GuxFormFieldHelp, { key: '13467ce79ee98eeab2bde6abb192ba5866f05345', show: !this.hasError && this.hasHelp }, h("slot", { key: '7be48e2d899c945e1a5d8a8f9167e5c90e564289', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '568ee3aa1862c56e0c33017a9ae167cc48877bf7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'cdd14d13b5a358320fec2c3774a36a60c40cdfa4' }, (_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: '2de3cb7b2bbe608a509664c9bfee4a7e17177a86', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '469245a701a1a88208f322a8188fafcd1fd9f231', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ea21e71660d77fc22e0961b66e8ed9415e0887ad', variant: this.indicatorMark, required: this.required }), h("slot", { key: '251428310e381b82ff2239c48bedefa92f9f9b8b', name: "label-info" })), h("div", { key: 'cf3e7de8738c6d8ca888e914af1f2d735ff726be', class: "gux-input-and-error-container" }, h("div", { key: 'a21d06d59675a8957f9ef363cecc3d7447b3588a', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '7f2ee475786286453fe28fe904bcf66b01b9f2e7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'bff1a66c5d509798ab73645f4719f6539e09cc43' }, (_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: '5badc36ae07db5f6b9b00ce9f07d9eeff5070db7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6c32c7c69cbb1d8c79703000ff2ba49919abe04e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'df1a3a8e02ea617575887fc41bc7f6c2228b6c95', variant: this.indicatorMark, required: this.required }), h("slot", { key: '94c4d5001cdeef71ae90bb03f6d3f71c4179688b', name: "label-info" })), h("div", { key: '798a974d0eae1ea6e3a6c3d06c980b764023fd3f', class: "gux-input-and-error-container" }, h("div", { key: '71ecbb6e7c3ece447c2c167fb9ae400a66e800cf', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '8f4ec255bf6de5fe11c2703d87256e9b58b93010', class: {
+            } }, h("div", { key: '5b0fd0effbe81caf07776ebd04e60905a19b7321', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'e2bf69cf5b855739f96ae2d7be8f54b97422b74f' }))), h(GuxFormFieldError, { key: '0c760c4501dd287d261975cc9bef76226c868622', show: this.hasError }, h("slot", { key: 'dd956d62a9aacb7a746fbbbb86122d7e3651233e', name: "error" })), h(GuxFormFieldHelp, { key: 'a92b1b3d0c9d362ba4ef6e8ff7a4ea238291dbd3', show: !this.hasError && this.hasHelp }, h("slot", { key: '70d0d3f8da103d4635b1e80b5f9ce3bb776d8e9c', name: "help" })))));
+            } }, h("slot", { key: '8b0a25e8d656afc1eef2ab2c640bcbf935384bf1' }))), h(GuxFormFieldError, { key: 'e247eb81ee820dc2da560753f83736f0926b2467', show: this.hasError }, h("slot", { key: '582f7305237bc19c99562556fee65b5bce4f1422', name: "error" })), h(GuxFormFieldHelp, { key: '7da92a7c68bb49e6de4d8241061748f6faabd402', show: !this.hasError && this.hasHelp }, h("slot", { key: '85cc51bcdcd5004ccdcda9c353b8a98bc240658f', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'b8cc61af119fff1a4947467e21203ccf8946e150', class: {
+        return (h(Host, { key: 'd1127a17b222e558a678352b319aac9c21246416', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, 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" }))))));
+            } }, h("div", { key: '40ce4ffe960d27f6696c00ff5a7f7ad4e5269042', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '38eee0289e9dc0a3b3d6d20f4bd0bd405a0cd258', class: "gux-input-label" }, h("div", { key: '856e8f33583c81bdcfd517d376895779d2832214', class: "gux-input" }, h("slot", { key: '083283facc76eeffb2b77c02a8f8ba3df16a5f6a', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'bb32d46769c6ca2355afe8690b7c09042a593719', class: "gux-label" }, h("slot", { key: 'e29f6ad20d005ac8ddc86a9c96469b3ca0e34df4', name: "label" }))), h("div", { key: '3c07a55b5b3dc71216cd4f2eb4807ad95f70b121', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'cc6376b010a26cf41e829a627734842abe631978', show: this.hasError }, h("slot", { key: 'e18d7e8792834388a3816501c8e133749ba0c4a4', name: "error" })), h(GuxFormFieldHelp, { key: '91360aa3979dc848d22e30a54653b593c003bbb5', show: !this.hasError && this.hasHelp }, h("slot", { key: '52480069a8f4ce36a83b66ffbdde59604bc0efb4', 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: '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" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd374bda5f91c6d1b7999f87ccbca674ed4575197', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '6d90767fd3eb63c33de3736549868eb35cd63b3b' }, (_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: '350d8b5fcf61089bad71a25035a21f68c4907715', position: "above", required: this.required }, h("slot", { key: '96e19951e5504299f5d82e85aadb6f2443389e63', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6bf66f96c24e7171670516ad25d340e0b9d3d1d1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4a0ba94e17fab5679edf4078fa410352cddcbb95', name: "group-label-info" })), h("slot", { key: '08eb9d617bf5739a54eccacc057eb598739e1e8e' }), h(GuxFormFieldError, { key: 'f262d2b51702fc73b925de43f551ad914d7d848c', show: this.hasGroupError }, h("slot", { key: '5e82820d4997dc1394df80eb248b87fced53c7ac', name: "group-error" })), h(GuxFormFieldHelp, { key: '0b766a0945b4a256d81205c01766f476cfad1ca6', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'fefea5ca4634387f8fb7772d61db53b60cbb2f83', 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: 'cb95589ea0a287cbc6805e7de12e1db1b2e40ddc', class: {
+        return (h(Host, { key: '54c2237fd3857b7b5bacc2e5e0ec4bb012b2f4e1', class: {
                 'gux-active': this.active
-            } }, 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" }))))));
+            } }, h(GuxFormFieldContainer, { key: '586adebb0c3bd99135c6f9c38f0f9329239e3154', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6da004480ae7733976a9ee7d39b1b71e0731f18e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ec577fcf0a75f71d1ad63bab97f3f4b4ae8a3e7e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b6a7b1ed6f70ea5e4e82dc3bde5740e24e0ef233', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bb13f10921775771f74a30458f1850db1997ee2c', name: "label-info" })), h("div", { key: '52651391cc0fa2076bc9d9d3e292208fec418ea5', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '1d5b96509375ff917e4cc68e491cbb49e93feb04', show: this.hasError }, h("slot", { key: '70e953ad2201da1796274c8d25550f48d8a16733', name: "error" })), h(GuxFormFieldHelp, { key: '77a6374a1dec71a529e68859faaaeef465483584', show: !this.hasError && this.hasHelp }, h("slot", { key: '521b2c4c318f5f7eb562f692212c490fe9e7de58', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: '1e4b92b6d9d9b0636dfa2cf8e79963f56b503f5a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b6af197da2a3f248eda388e4f71e393f692e90d1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '352ba45f77c34eb67b24a4316d0e9a92e9afe652', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6ca61e6c6fc4ebac76eeda1b201f49b1cdb06f5e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '96d2a976da5dc7e344394658604bcfdc27c0fed9', name: "label-info" })), h("div", { key: '8be4041d9d41501fc30256e0e4dc4f3fc1c2ca44', class: "gux-input-and-error-container" }, h("div", { key: '5a33055ee684fb0e9c817c8e0d231ca0fdfcd72b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'e5168bcbf28439d6fc81bfab1f61d203218457f9', class: {
+            } }, h("div", { key: '59966c08239aa3820195279f1a35e5d453e984b4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, 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" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '5b6d0596a99637735b3c89a70b383566ba8e61a8', "icon-name": "fa/magnifying-glass-regular", decorative: true }), h("slot", { key: 'c13746d0ea8374899b2f470519434da0d1a506ff', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '969a9a35042bb157d0b38cc688d81310b94d6bdf', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '0c967d463d9cee4812f8453686bdd9868660fb22', show: this.hasError }, h("slot", { key: 'a6e95e112206c7fb659262857e724c5fa895a093', name: "error" })), h(GuxFormFieldHelp, { key: '5caccd96e888b8cae941cf97f03d917932b02294', show: !this.hasError && this.hasHelp }, h("slot", { key: '5f9f112df8322a4ab457bdf7174fe4be87db71bf', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'ade4b144385c07bd1508be8ba67f8d20dd1660cd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '18bc915c9aedd653dd9d39dea057e057f5d37ecd', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c233b0063d165092e2e18b2b44a6455ad360e9a0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9cba0fcef27e0440c05feb6a26d02363bc580a02', variant: this.indicatorMark, required: this.required }), h("slot", { key: '49bd1359e7837f4d65a34fc12a62f0b549c13c69', name: "label-info" })), h("div", { key: 'a64c2e27604f46811ba227522992b0749e262f46', class: "gux-input-and-error-container" }, h("div", { key: 'dcac35339fb73a4c8ee77bb8fc350656527eb548', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '29590e2ddaffbbf2bff795bedf81920c536a4070', class: {
+            } }, h("div", { key: 'db109591ddc21bddc0d4b57c69d18f972d5f04fb', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '887740976f7586039b4fbbb7b51359d4cfff69bc', name: "input" }), h("gux-icon", { key: '5d34e384b9998855df9c10577ede7efa6d788d19', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), h(GuxFormFieldError, { key: 'd0a1101f52cfa83e22476124cffbacc2571fed2f', show: this.hasError }, h("slot", { key: '1156c4114993620e16f314475a2e0d7f3b90d373', name: "error" })), h(GuxFormFieldHelp, { key: '34220ac834b6b67928a6a5087830083a6d8f4039', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f0f7562332896f90b4b531f0c8d57d121e8b428', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'a17ad83e0eeed1763ffab9e134d3e1e75bcdbbce', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd1fba6ee751d62b92c02cf78afd2b1bae95ae1a7', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c9527a88f7c03968667e3d38ba90db9f937a8045', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c718be1417371a21611463fb9c2e917d3eed9a51', variant: this.indicatorMark, required: this.required }), h("slot", { key: '03a4284732b09805195499f9dcae12817fdef15b', name: "label-info" })), h("div", { key: 'de7b7423b50f7617e9ea4383b2fce94f673a83b4', class: "gux-input-and-error-container" }, h("div", { key: '9046f75a00e1fcd235887aea65aa6bb17ebbcde5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '56f3df277fb6a72a1999699ff22d6d3cce734177', class: {
+            } }, h("div", { key: 'd670db234a4c2dd32c07f75c63be7dd65c938600', 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: '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" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '554497e8dd31ce8fbc9f79f30834e0b8139948bb', name: "prefix" }), h("slot", { key: 'e206680f5d0a492e39e82d0543d093f8651c88d2', name: "input" }), this.renderRadialLoading(), h("slot", { key: '0ca00b2011c98147c92af40ab2681d50a9706b96', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'c05015420e0345b526b19dcf6238aa554cf398e9', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '544d850e90788504a69525b2d620c880437c0f62', show: this.hasError }, h("slot", { key: 'de3651ab7deea14e18f115b5e8f1614af124ac2c', name: "error" })), h(GuxFormFieldHelp, { key: '8949600a85dabae56accb74829c74f05e56972aa', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b0314622491a9219baa2b1f6c265ef6edb4faafd', 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: '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: {
+        return (h(GuxFormFieldContainer, { key: 'e8dd0948fef4e209905570ac52f369ca490452ab', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd01ace6713e2bb0a37900266813d77d56fcb5f89', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '572c94fe01bfc15a05f471207dddb1ba2e09c11d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7f9c6756fe4662b1ac4d27b72ed158bae2f3b862', variant: this.indicatorMark, required: this.required }), h("slot", { key: '62560f03f41a251b5ab8230850aa2c7043135c0b', name: "label-info" })), h("div", { key: '41bf021bf128db713ff71c325177e14e6a757241', class: "gux-input-and-error-container" }, h("div", { key: '1b06efe4fbd9abed9d5bc2ff2906a4ebdbe4a207', 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: '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" })))));
+            } }, h("slot", { key: '9531a2bde5bb2f3a6b208c3a75b5f8a508537c00', name: "input" })), h(GuxFormFieldError, { key: '7f9705862db7afaa04ec7a0b508b53feb50dcf27', show: this.hasError }, h("slot", { key: '9a54ee68288a98eace73298967c026835838ef79', name: "error" })), h(GuxFormFieldHelp, { key: 'a5eaac775a150d9e0b4c9ca1f228c75f4aee5654', show: !this.hasError && this.hasHelp }, h("slot", { key: '108eb94dc4f28d708dec9e11ff8e16f4ef501c47', 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: '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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '5db1d7454cabeee9137272a463f10fea95bc34ea', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '7d3fc234710b05c1f03b9257f157da9cec265723' }, (_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: 'd133b8ac4978ceb9ad9a4066b1bbbd119734ea64', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4dd490ae393d5f1c537b01e00774c9ac98dedc4f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '94a8768d8d5cc56ce27b17875d5c66c8faff19cc', variant: this.indicatorMark, required: this.required }), h("slot", { key: '795a06b86b4e125361261cfe7630fdec311154bc', name: "label-info" })), h("div", { key: 'f28426f59ce6afea01daecbb3235b13e381318d7', class: "gux-input-and-error-container" }, h("div", { key: 'ddbe6041c2b144244b0ce38b5667bb40dc21c8a0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6f5f1d88d7d11bcd626f3cea768881d917d234e0', class: {
+            } }, h("div", { key: '4e31b6a9305d6a4a5900ed4298da803dd9a5c5d0', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '9c34d62cb80c6187bb3e426c3f23153eb6cbebd0' }))), h(GuxFormFieldError, { key: '57d89003c47803cc8be089016c6cdca9e6f16ae1', show: this.hasError }, h("slot", { key: 'bacc4403a8b1789289cb871569141aaef2f40fe6', name: "error" })), h(GuxFormFieldHelp, { key: '5b85bda90be53594da0a2dbb5673dde9079316f8', show: !this.hasError && this.hasHelp }, h("slot", { key: '6b9ed2d216470802c2c785314768a554695b8d5d', 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: '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: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'f936ffae3f60e73be80d38619f3f807a10c01608', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ad113a922888ab988f140010d1fd30f12a73b0d8' }, (_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: '6e6cbc8d01882e7af9b5c0fa6328646ef4e09275', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '7fa065328697fa68b0bb515a4d11f8835d8917d2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7bc5dc1e6799a2f237adcf16c31c63aed1667042', variant: this.indicatorMark, required: this.required }), h("slot", { key: '18e062a78f92e3659263aec36f24e18197d706d7', name: "label-info" })), h("slot", { key: '761f4f6e3bd872a0939cb596557fdf52b8bc20f0', name: "label-info" }), h("div", { key: '22d06b09b84436b3acb22d7951f04b0e93e01b26', class: "gux-input-and-error-container" }, h("div", { key: '61520325d521cbdf85b679219098589a1613ecd4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, 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" })))));
+            } }, h("slot", { key: '3929284fce8c68f48ea93b2923a892b407ebbe1f' })), h(GuxFormFieldError, { key: '8fb5a1d15740309f810efc0fe87e47a9675202b7', show: this.hasError }, h("slot", { key: '39d7a26b1b943934463c0e68b52cf1f6329f0511', name: "error" })), h(GuxFormFieldHelp, { key: '1c0e29ee10ffba4260ec33a844e364ef1fa4c6b2', show: !this.hasError && this.hasHelp }, h("slot", { key: '13ccb2f4fda97ef0f9091ac4a742a66215d7bfc2', 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: '3dd3083ac2d761345fe62502181964f42955578a', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'ca057504564413b442e36b2ebcd4e7fe2c925580', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (h("button", { key: '6c9eb3a1e1a5eb70d33c3e9c1f0a610ffb45b5bb', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '27a655722ca6c8804fe8a4643cf720044093dc64', "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: '27435179dbc0f74ed159032bde04e53ecc770f51', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '809c02a03fc5ea0700b87b89568d3201f7aa28c2', 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: '0016a8a0a20b75dbf110a538930d6cc9ebf465f0', class: {
+        return (h("div", { key: '2f0523ce7f4d20a0fe43df892f35c008de7c1134', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, 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' }))))));
+            } }, h("div", { key: '9e2d4d208fb807eb5f2e97d7aefac5bbfc6b4f19', class: "gux-message-wrapper" }, h("gux-icon", { key: '6719dda9c9cd9142090e4f1adc2a3aba6e7dc1ee', "icon-name": this.getIcon(this.accent), decorative: true }), h("div", { key: '0ed8669259dd444152720f26515fe8206a633601', class: "gux-sr-only" }, this.i18n(this.accent)), h("div", { key: '41095fd413afdbd5b8f84f5b97be6b5355be9fed', class: "gux-content" }, h("slot", { key: '97d128b16d89350b50e96b6588653f1eea932d9a', name: "content" }, h("slot", { key: 'f077fa4b12a0bf1b649bb0eab4409640f4e179dc' }))))));
     }
     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: '987d0b32ffa747944d34c8799e5717902a18d028', role: "presentation" }));
+        return (h(Host, { key: '62cb4c846f693ac1c424d238e41d936b55e76c3c', 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: 'f010eb7a8ce618601dec388908dbd6d246b0f906', role: "listitem" }, h("button", { key: '784577e09ff7e2f2ce97c61db65c35712a25a92b', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: '95703268f40d2e33091f34d27fb5ac716e215338' }))));
+        return (h(Host, { key: 'cb8ae8d2ce0c34f8a4c562728dd5165911a6bdc3', role: "listitem" }, h("button", { key: '33c2c3849bdbfabbc7f2e409cfd5665e93a057b5', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'b8a77addb549f33091b052e9074d21359ec7f49b' }))));
     }
     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: 'e33db30dbd094e8063ce0cb9effaa2d1abeb4568', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'b1c077085bcd862edd84267c97b900bade64345a' })));
+        return (h(Host, { key: '88907889b939ce642ff32e7e49a64e55588cb6a3', role: "list" }, this.renderFocusTarget(), h("slot", { key: 'c476d045ce9fbee866fb834064ee064fb27e6d1f' })));
     }
     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: '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())));
+        return (h(Host, { key: 'ee295b806a4b4684d07ddb8050ac68078e7081fb', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'c5d2e233f9fa85e8298d021d63c901d29c27e1dd', class: "gux-option-group" }, h("div", { key: 'd687f2ee801f05322e619fc7b88395bea4c5c1ca', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '8b9eb79c0f9b416686b9a6a8fb14697ff531c5a2', role: "group" }, h("slot", { key: '1dc003e175f8235226e4201bd7aa39223f1f0ff1' })), 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: '0e5561a4eef472e52b801050a372fa26380ac61e', role: "option", class: {
+        return (h(Host, { key: 'd1bdb1118c5b02b093a6d661193d0820aad3bc1f', 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: '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" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: '45e6cb7c53502c1faaac6ca403074bf0a1bbb2e1', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'c19ec0e07cb2ef93555859fc16e8707fe5faada7', ref: el => (this.truncateElement = el) }, h("slot", { key: '185c7bbdd3f1ded5ab50bc7422858f4e5c881473' })), h("slot", { key: '96e164f9f04b8f3f4b8ddb8389c81bd9e1a91eb4', 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

@@ -58,14 +58,14 @@ export class GuxOptionIcon {
         if (this.iconColor !== null && !(this.hovered || this.active)) {
             iconStyle = { color: this.iconColor };
         }
-        return (h(Host, { key: 'caf6140c4f3bd1cb7937232d5da18cb477a9bb42', role: "option", class: {
+        return (h(Host, { key: 'd06bcea5d7c70c36774f03a7cd66306daac39d49', 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: '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" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("gux-icon", { key: '90a2eb77040c87448eaffe2be2d936a19ae619cb', decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle }), h("div", { key: '5cbfba15082263285e391cf0832146f932badd59', class: "gux-option-wrapper" }, h("gux-truncate", { key: '4865d9da21aa19a6ea2e45b2f7aee3489f2f2bef', ref: el => (this.truncateElement = el) }, h("slot", { key: '15241b89cbdfc0c812f6470a6e65316f13087fcc' })), h("slot", { key: '2988840ddb55c9d627f27950b1fcddb828f327a0', 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: 'abf58b1f37654db52fc370ff5c97fa20edd7be90', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '84292e618da1ca0addd8e4d87a90b1b0e0ceead2', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, 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', {
+            } }, h("div", { key: '0dfe61b00e60cc2c811cd45327708cf4a82b2c1b', class: "gux-option" }, h("gux-icon", { key: '40dba84be99b636dafff9b4835d5fe7d8cd3f8a9', decorative: true, "icon-name": "fa/plus-regular" }), h("div", { key: '1636c96cbc990736830b120cd0c6abee4082c2e1', 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: '077e3986bf9d56a29f0bbf0e626ef5601526e3d7', role: "option", class: {
+        return (h(Host, { key: 'a12903f7963e118b818b089eac34ff2afe62b64b', 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: '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()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '23a592975ef957bc82279cf04259592e0d0dab06', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'ab6704ea332207891eaf9d31710be7eb9067cc7a', ref: el => (this.truncateElement = el) }, h("slot", { key: '922a520a910f020647830866a1700fd555e76c5b' })), h("slot", { key: 'a35588c66a83e614b92601a5887b5f95e50f8de3', 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: '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" }))));
+        return (h("div", { key: '875bfb677ca143fa5a95de8eaf491fc3638b8246', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '83cbb7b48b21f7a7f4af9a774633d862ed276f35', class: "gux-progress" }, h("slot", { key: 'dd03641751d6ac315a4e1416c683c4d6e54185ef', name: "progress" })), h("div", { key: '91963b1e6fa9f59bfa88d4c1a553dbb80ea79b18', class: "gux-primary-message" }, h("slot", { key: 'e6367c6beb4f9e7a87aa6a6daf595da6d52140a6', name: "primary-message" })), h("div", { key: '4102e148e147336ef78655c2e19b3747da169698', class: "gux-additional-guidance" }, h("slot", { key: 'b84f73db23d1ba18cc5de5ed5ab92113d860d323', 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: '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())));
+        return (h("dialog", { key: '62ce228cb99fe52b4f9d1b108da11c59bf494084', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '7986092a5aa4d908f3f22cb57a17fa5852b825b8', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'c26391c43c7f7777cea2e611b2f13c1a2c9057f4', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'be85d8c105aa1b367411503ee5ea5a802068e7f2', class: "gux-modal-content" }, h("p", { key: '96caa7e29cfae1cf98ab5a54a21c44f422c25298' }, h("slot", { key: 'cc23b697d36fe06e954ab8f49514223338bbb266', 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: '5e81dd34144765af059317bc44efca388260d59e', class: "gux-spinner", "screenreader-text": this.screenreaderText, context: "full-page" }));
+        return (h("gux-radial-loading", { key: 'a5a26b54bd335539a6b99e34033aff3eb631e9ae', 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: '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" }))))));
+        return (h("div", { key: '72b66db1cbc26688e815dc782b0b5a28b759879d', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '17bc0dc108aa05afac2c3050e45017bc1fc69cbd', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '969ca6e7227dae0669d99fea285fbf375492b02f', accent: "ghost", "icon-only": true }, h("button", { key: '3662f442b719187fc86446016b27cafb22ce494c', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '6e03327be2a73b32ca6c544b1b3b246a3f161ea1', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'f3d9835f8aa4b3fa68f246736370c72d1b390a1a', accent: "ghost", "icon-only": true }, h("button", { key: '4ea8c4df47a919397b4b1373e7651a28bc5e6378', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'bd86ff2eac3caf867bcd1b8c3f005a363c6bad1a', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '35ba6f5915d4370c89111e74e8eeba70b0c4ea03', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '2b0e96ba9184c98f8330f4bac7bba3be60a760b1', accent: "ghost", "icon-only": true }, h("button", { key: '934b6d5ea44d4379d5c11d54f93a1837155b6ab8', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'f4b31131e7a6a9b8fa7f784125625f75651b2a0a', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'fec4b9d51505922b372590d1a662ccbd77ab29fb', accent: "ghost", "icon-only": true }, h("button", { key: '6977753e1fa976906af6165ef1f512c5bc3b92a8', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '8de80526c818f209fc6fe42aa74d363e1ed60aed', 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: '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" })))
+            h("gux-button", { key: '3e9818df1bad5f5eeb9e5e9ce7907fd65579452e', 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: 'cfc10fafdde3b3a8d4fda8d4120c49c12469218c', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular" })),
+            h("gux-tooltip", { key: '5dadba2357736506d891904053c2a8d563634633', for: "popover-target" }, h("div", { key: '8c8c9de8993b6fd484bef7e7579e065d49226e52', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: '46c98643af3ebaa7165f138e417354e87cce0114', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '99d6a20af3addbb77f54096165a6ba457c7afbe8', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'df2cc7cc3ebc1f6e9cf5f945090bdeb2b4ea3326' }, h("input", { key: '28b7e5d1a2600197e37db557932647df119838f5', 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: 'c9aa0c7996d0a796852b5361f13eaf4d86fa319c', 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: '5941c81fc8c0716cefa09a5bc06f67a43c814231', class: "gux-pagination-item-counts-container" }, h("span", { key: '68d9f8d7f62364b29d72123760a95c813a469216', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '3074bfecfee49de818823df5699d7ea4043c0a2a', class: "gux-pagination-item-counts-container" }, h("span", { key: 'd8335788be0aacfe6461a2f8af1e7fd5130b2653', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '31631c326ecb00ebc9f6ddabe3582aa55129cf95', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: '9457155bbf26b5def8c1533e8361bbddcca761f7', 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: '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'))));
+        return (h("div", { key: 'b1c4429c9e9eeb70b4e29b1b2ba32a92c528c23c', class: "gux-pagination-items-per-page-container" }, h("div", { key: '98be76765673793cdeac00ba6fa7b2f01dc1342e', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'a620038a974e3ca72f7c510258018aa90bf58896', 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: '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) }))));
+        return (h("div", { key: '79c47b75477edcb39a51d98b29d83d9c5e06ee1f', class: "gux-pagination-container" }, h("div", { key: 'f9666c062ab80b17eb79b32cc7fb6c693cf538f6', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '3fce8053ae451d66574e58ab6185c9437dc8e655', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'b08e55067cd9b13de58e7789e1e0b1b68562df68', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '6597bb0de33af5558e3163972fab3a87833859a2', class: "gux-pagination-spacer" }), h("div", { key: '5caea6763b35c8cf89ce750fb369b92315d1274f', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '2bd9e8b602a2be355f05880cb912a57ff7f97b35', 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

@@ -156,10 +156,10 @@ export class GuxPopover {
         }
     }
     render() {
-        return (h("div", { key: 'c08e45889fd33ef91cace7d2f4179e0b578c790f', ref: (el) => (this.popupElement = el), class: {
+        return (h("div", { key: 'fb36dd93ac4f4d5a6726de51067d2a60a96cf6c8', ref: (el) => (this.popupElement = el), class: {
                 'gux-hidden': !this.isOpen,
                 'gux-popover-wrapper': true
-            }, "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' }))));
+            }, "data-placement": true }, h("div", { key: '4dab55d40f0ce2b29dbf427d46c41b71121fbc1e', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '90c0945fb240e3ba4b92268752e9327b869a31c2', class: "gux-arrow-caret" })), h("div", { key: '05744632fe1f364ec682f0e47f644aac0f96b665', class: { 'gux-popover-header': Boolean(this.titleSlot) } }, h("slot", { key: 'b2bc10b8c13e2860745c0d43258b6afed0b9cb8a', name: "title" }), this.renderDismissButton()), h("div", { key: 'bad43003c6af1bc477c66f7a6fe419687a3909bd', class: "gux-popover-content" }, h("slot", { key: '9cfb5ee253dddc2e2454b1495380172a8f9f93b0' }))));
     }
     static get is() { return "gux-popover"; }
     static get encapsulation() { return "shadow"; }