genesys-spark-components 4.160.1 → 4.161.0

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

@@ -91,7 +91,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8451c2a30bb00d14fad89e1fbb993a1c5058ad5a', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '3dcf64d426c989bb005eddb277411e8bea6b1852', position: "above", required: this.required }, h("slot", { key: '3ea96a58a420162f051ffaeb07cc0e3697cf695a', name: "label" }), h("gux-form-field-label-indicator", { key: '924a17317d4b72fc4c69e5cfb38cf384db936b79', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b381194dade9716256eb6fab4e52d6916a5c275b', name: "label-info" })), h("div", { key: '6226c9f869e8ecef880151f338bc97fcb55869a4', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'ffac960d9eecf25043264127195d89d22d789c79', show: this.hasHelp }, h("slot", { key: 'a11355486ece569db8df0933ac7924792e891ef9', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '276793d8e2fde30fddcd52ced436aeab2e056c17', show: this.hasError }, h("slot", { key: 'ea31b2604bfc7e070d857659b43badcc70fd3afc', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'b9023b70ad5ff7522f61bb41925f5a5ae7b56890', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '351a0f61a4f37ae17336c2235e7ec5e78e8c2f1a', position: "above", required: this.required }, h("slot", { key: 'fabb6eca3ee70511de095f242aaeef09f3bcf189', name: "label" }), h("gux-form-field-label-indicator", { key: 'f9af4d8e81d64c5d1e7d05b4e5ac70519f6e766c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '9fd5f19b6815f393c0b36efb6b1e6a61396c0b0c', name: "label-info" })), h("div", { key: 'a19837c2d873443682fa1908a246456471c4f787', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'df5cdae8921bd3f0b47e79249e729d4c76b6600c', show: this.hasHelp }, h("slot", { key: '5ccc21f83e3a012eb863a00ec58e9462ad5ff02e', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: 'bc0c10fde130a357f9e8978ed8b5b5f17de3045b', show: this.hasError }, h("slot", { key: '26456e741cd563033b52ad5cc1f5abf24189d041', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -102,14 +102,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'edb6b56da16df96351ddb058dddb8d9b14e14392', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f6ea1699ba8db6572769e468fd1c97b8d305f28a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'cdb3dc75c64bbfcadc13def9dab2d310e392d8fa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c49ba227f4d66e5418b0c21f9e7f5c1bb6e48212', variant: this.indicatorMark, required: this.required }), h("slot", { key: '55aa21efa1f278a0e816e5c27ee99ce926dca80b', name: "label-info" })), h("div", { key: '73d9ce4436dd94c458c281ac9a288b6c101cbac9', class: "gux-input-and-error-container" }, h("div", { key: 'ef7d9d1f4e5be99d839ad69b6be888a208eed405', class: {
+        return (h(GuxFormFieldContainer, { key: '7b28edd43bc818d8f1498486c396e7f9f9aee678', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '017d5eeaf123163fc06f3f3da23691ad863c9960', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0e4ba199221759c31601b3e95dc333fcace3efd5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f929df4b73135f282a69cdaab59c7dc21ba5601d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7422744e0637c50382a085fbf8c23b6ee31549f3', name: "label-info" })), h("div", { key: '06613d1746aca0caa7527a60b37d2fe50056e8a1', class: "gux-input-and-error-container" }, h("div", { key: 'bb85a923c23b32711b277335f361a885644914c9', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '2611ee74b88f36ea13e737a9ca2628ce239c2723', class: {
+            }, part: "input-section" }, h("div", { key: '0a4119d2dd03b289d96abf142ac49f9e173bf5a2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'ce295da6ddf992d86bd463ddf8145bdfdfb67788', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '7b2083a27f83ab12bca4dc3f9741029d03ab09eb', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'e319a958a910322f1e5ea30eba226cd50fbf494e', show: this.hasError }, h("slot", { key: '60bbbecb56a2c6e97e85f2a032853f561e946c9c', name: "error" })), h(GuxFormFieldHelp, { key: '33279665977b056a4d17a515cfdfb11b7fd45016', show: !this.hasError && this.hasHelp }, h("slot", { key: 'eb112d1eacfd8b341a8ef72a2e1e4b673f6e6ff9', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '024dd3b3d7301fda75af59a9b871f84ebaf11773', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'ce023e6cc138081233dda3c254e7c330419b4474', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '6fd65820dd73e0716a9deda87d083b7dbdf368e4', show: this.hasError }, h("slot", { key: 'a3e0ae95fe2f96d1f6c6938a718a01bb2b422fa3', name: "error" })), h(GuxFormFieldHelp, { key: '9b03426a3901e9e40f8bf78da47939df67ad4b8e', show: !this.hasError && this.hasHelp }, h("slot", { key: '9670369675c0700943a6e9b3c3e66205240fdf0e', 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

@@ -95,14 +95,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '84fb36ddae824e95b57ed1bd01658a94a3b6647b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'b9054d4ab45c67a347abcff39f938ce98c93e252' }, (_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: 'bc002ae72821d78a90bd2c2585908b0e54e08538', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6e5b2bed76416bbcc247f9263df9f40141c436f8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '147c97654d5598e45b84f32c3d8a9e3bf794ecca', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd915277d0a0a7f6ef7b57158f7fd3ef1e3397004', name: "label-info" })), h("div", { key: '20aa48151cd584bb3f932639d2e2c5cf6d0fb1aa', class: "gux-input-and-error-container" }, h("div", { key: '301d5dddcd2557cfabfa637556c8dad695d780e5', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '6d6bb87376f707dcbca3fa8acdb804bc3f27ff8a', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a57866c2b0a2d6e934c85d3ab748651249d8516a' }, (_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: '96d9d56ff4c3281bf0f12125ebbf35348af38783', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fa79113bc2e0979feeb863692bc45cb0c8668b4d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a41fa1fe3559d93d5eedb1b06230cfe17e95d29b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '920d7aa1dd49ff53efdccfd50f5988880e154348', name: "label-info" })), h("div", { key: '44a4574b847810c6ee309a231a55aad133a9e9c3', class: "gux-input-and-error-container" }, h("div", { key: '335e198d51279ee6ddbc83b0bea4a6a6f72ef705', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '02ceeccbe07de8777c292d5dc6fcfc4243009eef', class: {
+            } }, h("div", { key: '6c0208ba28179b72d39fb1789fa92db0e91a447a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2b40a34bfd3da43d81e5ba8b2c98be33a3bb631b' }))), h(GuxFormFieldError, { key: 'defff04d82a5caf40dd2adca0eb74861618a14f9', show: this.hasError }, h("slot", { key: '8bbfb9bf2dc1938027f97c163ce4940d641ff692', name: "error" })), h(GuxFormFieldHelp, { key: '4b9ada38eaffa65c80a24c2e035447f01c04e04a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'bb45642d29768d246dca2ce61e9121cc4aa34206', name: "help" })))));
+            } }, h("slot", { key: '0b45742c85ec5c7fab69a48066e4088536473dc9' }))), h(GuxFormFieldError, { key: '2e2b2af70208bf36133f8e1ec3e0dc887dec1f35', show: this.hasError }, h("slot", { key: 'ffb20ed836f2ff03f9bc1d41b32774cdc4d427b4', name: "error" })), h(GuxFormFieldHelp, { key: '68826c18d750dedecb55929a76cd97f324b02022', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e2befac8788e1cdb6acb815886fa4ea33cf019ab', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -46,10 +46,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: 'e9b9c79eb41ac2d19d0bcc932f7ec95a199b9903', class: {
+        return (h(Host, { key: '0fc87bd8939fa7756405779b81bab2afc11918b0', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '1da2143e7a310bcbc1516e59e15c9b4fd9f26fdd', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '93853b97a827184389f35d5b280d11977c099ca8', class: "gux-input-label" }, h("div", { key: '8f0c0905566540f255a83de16db9a89b3421876a', class: "gux-input" }, h("slot", { key: '946aeb85de8bc850756baf6a60e72dc05eff2de6', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '5b4cdf94ddff3cc059fe5ac76abfa52ca4db01e1', class: "gux-label" }, h("slot", { key: 'aab275c888fc44566fdbeae133e1950addbff70e', name: "label" }))), h("div", { key: '5b06a11563515764b09ce8d66f9c9ed8600f63ba', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'db447c98e56b06fca8a73c5db54b7a2af8ff0a3c', show: this.hasError }, h("slot", { key: '372a75fe6ac5a8144b5a516049de6d334b4dff44', name: "error" })), h(GuxFormFieldHelp, { key: '1aecda0403524cbf79fa34e572d83d22a9cab2a9', show: !this.hasError && this.hasHelp }, h("slot", { key: '221aae6237ca1072200759a0ee0fe75c0e227e8b', name: "help" }))))));
+            } }, h("div", { key: '3533a71ee0de82b20c4af4563ae1f9f41f8221bf', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '1fb60e41be82ce62401e255123173735cab93405', class: "gux-input-label" }, h("div", { key: 'e8d6805b1317aae71ffaeedf7806329a45aaf506', class: "gux-input" }, h("slot", { key: '95e6be748f354157e1a87b5d6bf5351b9f9296f0', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1e7a1e337c3cf8664e032650dc21962f47dfba35', class: "gux-label" }, h("slot", { key: '8dcf4029d96767701a5853f16c3abe51c0731b8f', name: "label" }))), h("div", { key: '3c152b4b9b2e0f121df1c6ba9f30e19c71277838', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '8aa688ff3ea75c07dd210e0d4b9e70629db64beb', show: this.hasError }, h("slot", { key: 'd8b4195b2eb40afc8f93678746f8031e3df17b7a', name: "error" })), h(GuxFormFieldHelp, { key: 'dd89a3c1fdf31dba1cd91e39f83f281116bb7d56', show: !this.hasError && this.hasHelp }, h("slot", { key: '7930fafbd92062eaa6a9e7d55bb23bf4ca27f514', 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

@@ -121,8 +121,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'fad484fb7fa8ec26abc118586b82c66b5952915c', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'e8446de191e32faf08297a3baaa710caceda7290' }, (_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: 'ee8f1870612c16fd90dfa7ae69155abdd0768013', position: "above", required: this.required }, h("slot", { key: '6b20419b25b7b7381740834b42d6f057db18ad2a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'de00848bbb489b3db197dfd92328940f529cc85c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd1bd07ac555ca287b40a850458b212f0ea13728d', name: "group-label-info" })), h("slot", { key: '525f68e3742ae671bdf928c8578581893eddca07' }), h(GuxFormFieldError, { key: '46e74e1785062aab209be58ac7a34d4f9041353f', show: this.hasGroupError }, h("slot", { key: '41824728fe7ae908f4428147f3f3696c7d139c5e', name: "group-error" })), h(GuxFormFieldHelp, { key: '1e3c4ab5237c81ed55d6d075f5d0c6983c04dbd7', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'b89ae47b91befcb31fbca744ea3a5768ffe40060', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'b48e98393a2f14f772c9ebbae8819e33b6761013', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '41e06e4fbf992e7eda41e94995dbab1e4b5aeede' }, (_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: '37f4c6a4366d0791612bd2e2ba1e323b9e003104', position: "above", required: this.required }, h("slot", { key: '5cb0627366019750c9e44ef14e21d57e34af0cb7', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '04f3c53e0c5589cc8f97d8a25eb242ce14b87cdb', variant: this.indicatorMark, required: this.required }), h("slot", { key: '64ba1ac4e0e02df1ca97958656b0efab3909b40b', name: "group-label-info" })), h("slot", { key: 'd29d92c2a46559a11265bf074145578c685b090c' }), h(GuxFormFieldError, { key: '80a102f2762fbffc31f11dbea75f26c12f59749c', show: this.hasGroupError }, h("slot", { key: 'c3679a1330676e89b32f6d867338a1e46a59c6e6', name: "group-error" })), h(GuxFormFieldHelp, { key: '8e922cb4385a18798336ca4f93d9ac18e464b339', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '4d43e0a2de8711ac7c7ece2a0489414303b6cb9d', 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

@@ -111,9 +111,9 @@ export class GuxFormFieldRange {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: '704aa9e8e576207449de82b964c9b3d25b921914', class: {
+        return (h(Host, { key: '353cb39fef8b4b878ce5e7eff30d2e8c7e8bc2fb', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'a6a6b949bde45af0deb032e32bb40656e347c745', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1d49479d7ffa693dffdfe2198d14e542a165ee1c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c556f745745618de8e456287f7bf554cc317b450', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '879302e5c9f9525d9a7d77dc1cce1e169d5f96a3', variant: this.indicatorMark, required: this.required }), h("slot", { key: '07981edbf4a7c9cb5da907c969857709a3a7d720', name: "label-info" })), h("div", { key: '19c858be378a68cfeb1a62adb01f59877168385c', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: 'f7031aafcec8679dbf0c848d052735a557bff3ea', show: this.hasError }, h("slot", { key: '5def458db570387d21ab82be06d4fab06b262ac1', name: "error" })), h(GuxFormFieldHelp, { key: '0f8c192c8f5b3f4cb3ec3af98d96dd8dea796cbf', show: !this.hasError && this.hasHelp }, h("slot", { key: '44f652b4b0a8b468569165737db0faae3f3a25bc', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: 'a320c1345b2d62bd16a39295b5b46631615a2597', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4bff0c5785ef63dd26f7e0b29345b959bcef96f1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8ae21786e3e36efe888c4c3947933a4d754ae979', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6bf840d6f663c0537ffc280b8d32f9b18061f8cd', variant: this.indicatorMark, required: this.required }), h("slot", { key: '75c733ba873e04a0dd22e95cbd1c00e4bf807136', name: "label-info" })), h("div", { key: '18ead08a1a523583561b40a3015cd84def405ec3', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '38be771dcf052017eb3632303c31a20c960802e1', show: this.hasError }, h("slot", { key: 'd57861be4cd0021fe3d6d8483bc7d68c6dde210d', name: "error" })), h(GuxFormFieldHelp, { key: '29244b6b046284637a7f3fb7b55c8b07f56c9f96', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e55bef0ad84834ed1f63dd988f73f57a69e2e23a', 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

@@ -96,13 +96,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '8a63dea595a1c5d42dcb4cd8facc9d460a9e5a1b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'cfd0eec1ecf20523561684958daa1f6acf972caa', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a3aaeff0832e5a64d1df1117d740c278c9c272af', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '70fe33bfb767af9d906cedcc9ce9ee60ca747af8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a56375db0f57772478adc032a6098545abef2a19', name: "label-info" })), h("div", { key: 'c018d09f0cec6cca6986fc5e3dbe3d2ed110e1cd', class: "gux-input-and-error-container" }, h("div", { key: '612e3730ffec8c4e2c6cd1a99f6b236f7f4c3294', class: {
+        return (h(GuxFormFieldContainer, { key: 'f694f1398fd3bdda4d7b2b22b4758974b15c5606', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a5918e90d78c73f16db3edefda88f95031f33337', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b0d8641d120e52aa48bfdecb95b792cbabcbbf45', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0c0ae13e161f8f47e127ba291ed71d89d1e2838b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '032d213a879df04ceb54497924bba6bc1a4a5030', name: "label-info" })), h("div", { key: 'b0420d94346a7486787e78490712df4458feaa00', class: "gux-input-and-error-container" }, h("div", { key: '5e8694f49e46e8dcd81c7c6746de07e0c264beb1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '4484c395ec89c16ea0e431ce4ba40c7f12f07f4c', class: {
+            } }, h("div", { key: 'd46b8936acf4f3a48c76681d482e9447fea2ca01', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'fc268ba929820ea0cb29914dc49dfc6a2ca65128', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '7454d1c6c2bdce9896dc23bc146186da366fcc2a', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'f503f5d0aa5b2ec5528002b88364eab21e698824', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'bbc51e468617a53ac4e6765ca62b5b4a3c9f4d56', show: this.hasError }, h("slot", { key: '694a574192897e77f2ddee09372e79918625e835', name: "error" })), h(GuxFormFieldHelp, { key: 'b790d4a1238ca6d77415785f8c98c0fba45143eb', show: !this.hasError && this.hasHelp }, h("slot", { key: '710ab2c334609e1d6d803046a08e25abf3e6ce6a', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'a74dea834e231496b6f77fd843bc08f072456fd0', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '66a603d2c99990ee3504fc289b60a444b99d8d12', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '11fbe39fda16ceb8480e6c0b33949d31b632c80c', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'd2c504dc5617d304072ee0e978d029f317388674', show: this.hasError }, h("slot", { key: '1084f35eb84ef867a6c7bb077b4bdf54a2ac0399', name: "error" })), h(GuxFormFieldHelp, { key: 'e65e0a4c18d32bc2cb9e162dbe08b45eb33989f6', show: !this.hasError && this.hasHelp }, h("slot", { key: '5a966108930eae25e0f3946058c6685ed82b6b67', 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

@@ -86,13 +86,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'b6ce224a4b33a6a2d3a950494d34ae3844e9c0a7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '01336b42268cbe502fb800dcaf5e7b18c1c200b6', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b08d39ff081c8bf5b832874738ebc3cdbb944ff4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '96a20d06e3ead1697adb52cdd0ccfb71bdb7be66', variant: this.indicatorMark, required: this.required }), h("slot", { key: '68a80e71e4ca4e92c0fe6d1e00fedda401c1e3b3', name: "label-info" })), h("div", { key: '4d45d92191e7054e2540bd27ced7c19d2adc4be8', class: "gux-input-and-error-container" }, h("div", { key: '95df686d8f03b2dd4e22a4e9703ad8c96558ea85', class: {
+        return (h(GuxFormFieldContainer, { key: '0ec716077e334ca13a6186d3e959b1f869503cd0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9c4f336b0fdfe4e2e3cec1eb33826ea63dbb71b8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '123da25e2f802afe26d895bfb31c7a4255047b68', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '102a4e30c5022418acdbc811f9727dd09109f1ff', variant: this.indicatorMark, required: this.required }), h("slot", { key: '27006a1e4a743888007b59892d85925443573372', name: "label-info" })), h("div", { key: '5c20c687b71a90484521e83fc2ea4724e025dfec', class: "gux-input-and-error-container" }, h("div", { key: 'fd0350980b91f744e7d7d58e3e1bcc1f9775d754', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '25ecbf15b554772fbb9b49d85c1bd11dab27471b', class: {
+            } }, h("div", { key: '95a941eb1f373a096c9ba7e0962cd37f6ea171c4', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '62a0c05ec3535f0e7b34194ea219c482e4f2c0e7', name: "input" }), h("gux-icon", { key: '9de257807857681d39181e538ceaff0446fc818b', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '7dfe214d32e27283fcfc5b66104e4ae8b98fce74', show: this.hasError }, h("slot", { key: '502d6075ab0b2d19bffec4563f737ea9ed77feed', name: "error" })), h(GuxFormFieldHelp, { key: '14a7b1a64d1b6d25f531cd9b3d08316742510c2d', show: !this.hasError && this.hasHelp }, h("slot", { key: '543d618d86f2a83229ef0fe0489c9f5ead55baea', name: "help" })))));
+            } }, h("slot", { key: 'cdb69f55dd0ca3ea03ba4fb5c0f4c64ef2ca8b09', name: "input" }), h("gux-icon", { key: 'a76ff8b0e2fc54acc82508612553ba560d71bb49', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '1a5b480eb5f43d5784654d3f0ec4024dc644fa12', show: this.hasError }, h("slot", { key: '65862b15656a9d61006cc9e6b5d4b5cde1042f2b', name: "error" })), h(GuxFormFieldHelp, { key: 'b7fa9f77b3626e6226c4f55857f151f44c109e37', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd23ec6e6f93d7e6110e7e1fadb22d36ff67846a0', 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

@@ -111,15 +111,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '6e268f9b2f5cdefcf05f51b95bbdabfc7f90a58b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8da38ac30c89cc7f4a6d7a9ca95096622354f786', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f4f8cb4dd7165fab77df91759603cf2a67b9d967', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b742165e6f2ae4bae2527cf2e23fc02793ae8b92', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c86c3d5580a44bfc070d801f85797333c68340df', name: "label-info" })), h("div", { key: '97a46a9562bf08388684e4c13781cbc67ffa00b4', class: "gux-input-and-error-container" }, h("div", { key: 'faa6d68074db30e416db0f0712467e10322d5551', class: {
+        return (h(GuxFormFieldContainer, { key: '2c26c044afa4fe0fc89c66d6d810800e847425f8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '793a39d42bbc5b9b42c9598f2e67f8c8f2e41cd1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '4727e8347e3b607891a4c5117ba9ca9d86b1fc89', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '10a619b84c488418394c810463fd738f364c9418', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b4aa4dbb29075476b84ccffc375a4b6932b02ae5', name: "label-info" })), h("div", { key: 'a02fe33f1ad823c7e23d0c3932f72e0833c8d0d9', class: "gux-input-and-error-container" }, h("div", { key: '648d2bae9cd932fcf700784b7d5903b446d50815', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'f29ddc3ae15dab4002423197ce745426a9b81989', class: {
+            } }, h("div", { key: '97d46f61b778fb08cca7a397cb4264894d128a1a', 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: '159068cc7389df4caa747e849b3443b6a8e68525', name: "prefix" }), h("slot", { key: 'a1a529019ed80868047a04eeade0257efafff654', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'ed703884556dd9302248d1c3a25fcb8bed8ac661', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '7f47627751268f2703b3246884ecf1ba4a719cb6', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '243eba4b6bb5dbfba50e68b376f9df5dd1352e72', show: this.hasError }, h("slot", { key: '77f90dec9b23318b005379b5c35c66b922b3c6bb', name: "error" })), h(GuxFormFieldHelp, { key: '48da44761dc115f5f1f451a7a61f338098ea0e93', show: !this.hasError && this.hasHelp }, h("slot", { key: '4355d3580e354d94639d8ceeaf0d862172bb0fb7', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '8ea8a1a08250fb40cfff761f9d109a28e7672879', name: "prefix" }), h("slot", { key: '4f3407d94f2d1d51ed50b1f40f184a3ad3392fb3', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'd437a21d3c67d86b0538b229a283684f621fcc67', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '3e74257a9681cd8f15816a584cb8237ca7fbf18f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '4047ae32297fb17d702074b7490992f674789fd9', show: this.hasError }, h("slot", { key: 'af7ff17fbae6dba561aa59234b616aa94eadc7cb', name: "error" })), h(GuxFormFieldHelp, { key: '78b2fb8e712dd97563ec1d7937fb19bf5c691d40', show: !this.hasError && this.hasHelp }, h("slot", { key: '0cfffb19d5ef2da8031c3ddb51fefb1341d6b42b', 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

@@ -90,12 +90,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '5539bcc193900bca981990934f660389a9b256af', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5cc443a9662783a2b010f41322071cb955401668', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0be61a2c251d589df7c7df838edf14a30a2f115a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1c25639be2027a5da960a1dac7f8be09fedc3eb4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4935e3efde33317b3af154a44ce311f466fd7db0', name: "label-info" })), h("div", { key: '28e68131226da13bc0c33b884d5a9509b6237822', class: "gux-input-and-error-container" }, h("div", { key: 'f5efe5efdc7ae39756203dc4634c339886b77fd7', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'eae077de80ecaca99951c9274f370c3f81fa5303', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c12db32596ace0b44944ddaf3d0a90162ac5afeb', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f1bc28a0f3c18bd50d29c11477475cdb32963fd5', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e4c4cc54d2e151167723c51bf9ade337f2a9e9c5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ca5ae0fb55805cd44ab2597cc594e8e83fe49c35', name: "label-info" })), h("div", { key: '1cd750f94abdbd4a98aad3207069201975306caa', class: "gux-input-and-error-container" }, h("div", { key: '1f3f3a42191703b3161e499991b240cca8dd6cd2', 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: 'd98880eac70689c74c68a4d43d73f6fe9bc55746', name: "input" })), h(GuxFormFieldError, { key: '2044eba06442cb284a519e4d106e99e55bcb4b2a', show: this.hasError }, h("slot", { key: 'c2c56343f4dd9ec2b57673151fe082c7f9f8908c', name: "error" })), h(GuxFormFieldHelp, { key: '65e117c1c7f83aeb2c79c9f3419ee494ac6922b5', show: !this.hasError && this.hasHelp }, h("slot", { key: '56c589e6779487604b186df550ab4a8f7bd5ccb1', name: "help" })))));
+            } }, h("slot", { key: '8ecd9ce30cd5a57cda43ee99ae5dcc156353ec72', name: "input" })), h(GuxFormFieldError, { key: '99bb82a0ddc7157e5c40924125d7267966867043', show: this.hasError }, h("slot", { key: 'be8e1f7811db24ae74dd5fb852b7fd9f1706a3dc', name: "error" })), h(GuxFormFieldHelp, { key: '8d91dac711ac3a4c7bb767d65668ddf313c18932', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ec87eafa234992c90b08a9452e13527c3899e320', 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

@@ -95,14 +95,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'e5ab32131a3844ad93870a33d351da143a222c6b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '4d7cb96a26b7b31a8383d22e6e4df8a9723099cf' }, (_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: 'bc421902a00a0ab3d5b5592c41e2195455b191a6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '647bdf0750f5b4a016ee3982a915f93ccee5ec4b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0ee6eaa080a98eddc3da07793eb7fbdbf9957a1f', variant: this.indicatorMark, required: this.required }), h("slot", { key: '366b6e3430380f2afb2a1b50fdbd15acaf641da2', name: "label-info" })), h("div", { key: 'b7c79d73f8d74c0c47a5cf3b294116637a1946d7', class: "gux-input-and-error-container" }, h("div", { key: 'aebc1a7a98b438fa5ff5495a74959e60e27a6ce5', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '1ff89d67afc0ed1257bac160944e11d7d5624cb8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '139af17939bb6ca15c315e638e7e073974c79cb0' }, (_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: '10bf70b0ef684ce3a2f7bd373a27f6c0373d2f50', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '736aeeae5c9bd0fff7b139cea13c3d7518b6cb4f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'aae9009419fe59ef9567592b87dcc2135bfa3f00', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8f687953f1e28f6354346ce1a5ca641e43d394b3', name: "label-info" })), h("div", { key: '0c0f12e00cf7f32d002de6b574bfe797c2b951f5', class: "gux-input-and-error-container" }, h("div", { key: 'd59391f0db98c2adaf08d430217f70f22e85a661', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'a31bf94ed550ed8725857a549033f5853f169a63', class: {
+            } }, h("div", { key: 'a52c19c5384ab3775e40bcf86e216303c1b1c2a4', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'bafbf7a6865c062092c0be4381d2c7888c41db10' }))), h(GuxFormFieldError, { key: '9f5eaba5a3aa7cf29495e7f53d6d6460dd15636b', show: this.hasError }, h("slot", { key: '967f2ffe29b5d418724df96a0a1a11cd55866eae', name: "error" })), h(GuxFormFieldHelp, { key: '740561aa70b2112decc2c101752ac2ea57fb4080', show: !this.hasError && this.hasHelp }, h("slot", { key: '6a6b6fb5d2878afa127c9bf9665680869086a251', name: "help" })))));
+            } }, h("slot", { key: '2610f6c7320874c99812b43bd8e29ef574a55e68' }))), h(GuxFormFieldError, { key: '2137e415a7a114f9e01c43b22e9546084759d4e6', show: this.hasError }, h("slot", { key: 'fb47467baf5c5550df33a9767926d413bc933f3a', name: "error" })), h(GuxFormFieldHelp, { key: 'c17554a7264d74e867956b0c02d8049c33c5e8b6', show: !this.hasError && this.hasHelp }, h("slot", { key: '3068885ef06fefde295599fbe8ca06e3f8e41a57', 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

@@ -96,13 +96,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '8021fd2c7190564cf28210b0e7141e051d4468e7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '8036179008298d39417ad34b64f9d216a40740bd' }, (_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: 'cc8145669ae9258493c3cc4d6995ea65190bd325', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4869a073924cc524b3bdcd1cd8d1c1e2725c6b17', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '50a1e3f905e392d8813b987457e9cf507e2fed1a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '25cd4be3bf7906da2a99d6cdc7023cebbc3afb1b', name: "label-info" })), h("slot", { key: '192555f7bea53987d464d8d1bc0c70d815a93c91', name: "label-info" }), h("div", { key: '45c0c71fa8a3379446deb5dde6019a8a5a94e2fe', class: "gux-input-and-error-container" }, h("div", { key: '4999945a55ecc936d686e3839e7c68d3994ca3ae', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '3f0f26036c29bc15eec995a5e9b6bc4a8b98effd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e26c5eb45751c87e451d7c9412fca6467ae9a708' }, (_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: 'bd92d6b5e7b554b977ea54053da39b4bd85d2735', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '86ee7eff0cf7ab6b0d4e441229a64e4ed63c61c6', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ad9f88e38fea15dc0e40ad48c78b8fc67a984a99', variant: this.indicatorMark, required: this.required }), h("slot", { key: '08ce05877ea3406f3a708a6a58be562ffffa4905', name: "label-info" })), h("slot", { key: '452e25bdedde40b4cc569067d4ccf42bbff0fca1', name: "label-info" }), h("div", { key: '1488f04f260830df38ae767a1422dd831232c934', class: "gux-input-and-error-container" }, h("div", { key: '765a7be66e2a6450c83d21cd9c229655d7a8b291', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '317cbdecb53e5bd3031e1fd370ed881659cbac21' })), h(GuxFormFieldError, { key: 'c792f6017ee9c3a3c003be19023538ce2cf7b482', show: this.hasError }, h("slot", { key: 'edb2dc0ac5a7b21b79a11fc064abb9cb23f8d8ae', name: "error" })), h(GuxFormFieldHelp, { key: '998daf7b1a75da360eff441d7137cf04c04a5248', show: !this.hasError && this.hasHelp }, h("slot", { key: '6d28f8c56bb8da39142173618e1b1fb74192d914', name: "help" })))));
+            } }, h("slot", { key: '6b00d175e07c2b94d6cba475532fb3ca2c0284ec' })), h(GuxFormFieldError, { key: 'a8f091422c056f0dfefc73669633bc9a077842ae', show: this.hasError }, h("slot", { key: '8e499fc77a1522e2279c502fc96f511ab3b467bb', name: "error" })), h(GuxFormFieldHelp, { key: '987281c616d5f23d82891207579b4f0f9a1267cc', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd46374c53312a17dc88e6d313b42ac7270fcc09a', 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: '305675dae6c35eab394e01dc39155b2f352a8c5e', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '35444cb25808da5079a96c9f0c12b710726b687a', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: 'a21ab3976e7e6ba49457aa4b44461a456611f367', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: 'b4b51e50d8dd85ea803b0650e0c387e97d97c1f9', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     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

@@ -68,7 +68,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '56bfe400bee1d1fc234978dcf0aebb320cf88fb8', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '73019f058619e2fe64665246f6ad58a1848c6e76', 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: '638379be5667bcc27e22c18c361646a1eac38a4d', role: "alert", class: {
+        return (h("div", { key: 'f1117f07b6e137b6090575a0abb4018bdbdf4c92', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '4e23dd0604c9903283c0a60cfb12e841d90414df', class: "gux-message-wrapper" }, h("gux-icon", { key: 'a0ec621b3215dc3a262aa9451356ef342bdb4f2f', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '27fa3291c12212f8860c302ed004e916c585298b' }, this.i18n(this.accent)), h("div", { key: '94ea666c5d2b0407cee4a35ec94212ab01367697', class: "gux-content" }, h("slot", { key: '4c077cb44053bb1d9ab34e617b48b247434eaafb', name: "content" }, h("slot", { key: '396b9454b31879d7eebeb48088a7894ca7d7ff4a' }))))));
+            } }, h("div", { key: 'e6bc10ac623ad2b57ec96ad5e9a29fea9c15d828', class: "gux-message-wrapper" }, h("gux-icon", { key: 'e69985bf44b3d24a41b67fd00f682761569ee7a6', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '5931947f6383ef1a090f4e7956f6a926d3470a42' }, this.i18n(this.accent)), h("div", { key: 'eab6c0f48f46d0baaa1ac32fe6983e2029509f06', class: "gux-content" }, h("slot", { key: '3eee75d0ff54efec26d6812aef9fc6aeb7bd8d75', name: "content" }, h("slot", { key: '62de7254925bab38e5c9a5b925972f6653a574be' }))))));
     }
     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: '3746ba873e6e1a8553b4a38859f549713f2e369f', role: "presentation" }));
+        return (h(Host, { key: '1afe7732cb6616a1bb149bec972f52fba699e336', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -7,7 +7,7 @@ export class GuxListItem {
         this.disabled = false;
     }
     render() {
-        return (h(Host, { key: '58b4b87f804d304bc00e519f35f31476bcd5fd4d', role: "listitem" }, h("button", { key: '22a7f84a96bd64ad8005075625273a8879d6ee29', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: '774aecf35cddf804daab45b2ccd2fec333670307' }))));
+        return (h(Host, { key: 'cb0338db6ffc7e30ea748845f83f57135648497c', role: "listitem" }, h("button", { key: 'ded3895e4254e274ed41874b6acec8bc73407dd6', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'e7f3d59b797f7f7417e52217d6dcc930c321f2a2' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,7 +46,7 @@ export class GuxList {
         last(this.root, validFocusableItems);
     }
     render() {
-        return (h(Host, { key: '53331bf67691b223922f5f855e2513a2390b1cc0', tabindex: "-1", role: "list" }, h("slot", { key: 'f34a9ff8b70dad57c71c701931ce58a193e07a4a' })));
+        return (h(Host, { key: '637fddb7d517312def45839943f3b896cb3fd4bb', tabindex: "-1", role: "list" }, h("slot", { key: '879a68505efa929e3f41adaa267b2efe707cd073' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -50,7 +50,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: 'd9e11e6d18f276576a4f7c935dd7aec903cfab7a', class: { 'gux-filtered': this.filtered } }, h("div", { key: '248400d1b8dee6df27cc3033273436eb600b4c4c', class: "gux-option-group" }, h("div", { key: '262994ef17a5b1b07a32865df907cfc66d940c61', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '096d8807a3246c8a884104ebecdf420c823ed8f8', role: "group" }, h("slot", { key: 'abe716d70cd0964e69a07aef07d346c0ccb24015' })), this.renderDivider())));
+        return (h(Host, { key: '9bed5f69135580e48cd346237ec6ee3a3d170a86', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'dd4a9c8dc1d0268db3a4b814b6fc4e3f5410ed10', class: "gux-option-group" }, h("div", { key: 'f8ed474032c17a35cf90749d3d99f1b0ac963bad', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'd6ab2fa6fe9978a1af00eb736cbc21d2d0875b4b', role: "group" }, h("slot", { key: '184dc5ac4728703bdb90f0c6520f42051303b7dc' })), 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

@@ -41,13 +41,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: 'c2672c6cb5bf516a3495eea8357d3bc4c4c900da', role: "option", class: {
+        return (h(Host, { key: 'bdd62143a1608793696ce79b8c7706fd25adda6c', 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: 'b85bf4d463039f58f49ec2d6d18d2d1415403f32', class: "gux-option-wrapper" }, h("gux-truncate", { key: '18608184d2d7a77a8fd0018745f9a1b6a8a5fa80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '1b42a67570ad5b853612cbfce4481be09442aebd' })), h("slot", { key: '279602519fa45e83691133da63ef404ff014c43e', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'dcdd4752efff5e7028286bceaf5ec794495bb6d0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '386152d4643e7f7c25aa54d74d9a2878d058069a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '553d5cc29d887e8ae220f877749b4c998c6af63a' })), h("slot", { key: 'a6c6bc79dfa32e6b782d35c48490a74e0d40b666', 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

@@ -61,14 +61,14 @@ export class GuxOptionIcon {
         return (h("gux-icon", { decorative: this.iconSrText == null, "screenreader-text": this.iconSrText, "icon-name": this.iconName, style: iconStyle, size: "small" }));
     }
     render() {
-        return (h(Host, { key: '7f26c292345951dff79122bac08f2b3629382701', role: "option", class: {
+        return (h(Host, { key: 'fe14e8a7307fe2c59a8c6bc56acadbb0de3308b6', 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() }, this.renderMaybeIcon('start'), h("div", { key: '3c6f0d146fb3ac83f204ae35e4beabf2f310a988', class: "gux-option-wrapper" }, h("gux-truncate", { key: '384177cb96af49bc8adbae6c328b7e0e29c7b69a', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '2479d98605eda40e572cb5381dd3791ab0c2742e' })), h("slot", { key: '3682267ba448c0ae3064497bc5d5806bdfc2e129', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: 'c44f25c0ba0a3d095dedd51fbec43292d5ffd197', class: "gux-option-wrapper" }, h("gux-truncate", { key: '755161289796b2848495c334f4488cad858bcf80', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '78fc27128d3f51158e8dd05031ca58d353dce59a' })), h("slot", { key: 'ffa3355a356944a18d4908dcaeffb71831654d3c', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
     }
     static get is() { return "gux-option-icon"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,11 +32,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '5923b19a166b698b50e5ac02f459ab397fd8f210', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: 'd370ef5d4fe148d6e2e086eb6fecd5c44bfa2a68', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: 'e40509866e7b082d270e2479bfea61253e57eca2', class: "gux-option" }, h("gux-icon", { key: 'a9ee42b9a7f4e587c8f447880a2e3ff067038254', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '51545fd248d82632c543b75acc52fbfc88ce596b', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '4a63454c224b949cc3bca569ff0cee5e67ebb580', class: "gux-option" }, h("gux-icon", { key: 'b384ee1e012d964de900acc2159f115dffa32159', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'efa2a2a1ae6091463abc5765ed42de7cadad6050', 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

@@ -58,13 +58,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '2325e784623a05a6198fbc59ce712d6873392a2e', role: "option", class: {
+        return (h(Host, { key: 'd934ab3fcab0a3301177c235e52ea37aab193444', 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: 'c9ad4deb95e260d63d0e374ce65b3ef0b6f4431b', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'b53c8fd041a7571a76febd5a854c259ae393ebe4', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '268f2160228d379739fcbe337daeb9c58fd757b6' })), h("slot", { key: '902f3a78b3c378f000e2a6ad8a5406e1b54a5ecd', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: '02cb6e4b3002aba46fabac610c51f635b31c2e3f', class: "gux-option-wrapper" }, h("gux-truncate", { key: '8815e8f3259a9852acc8046fc0ec9a836c7b7165', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: 'bf4160fea4ca54d03435e620d5ba2cf5041dbbe4' })), h("slot", { key: '854139cd3300be6926722fa6e3d41819c5be25d4', 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: 'e25839bd66c76c1a7815d1a942427937782e09cf', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '3b898f4e0da0d14dc9a11650816a6a378a58a822', class: "gux-progress" }, h("slot", { key: '8616138d449823589247a86f11a1d3bf2ce49209', name: "progress" })), h("div", { key: '615aad13fc71e5beb1af0fb4acae36d94f94556e', class: "gux-primary-message" }, h("slot", { key: 'f58a816704e34aac8b871898c584183cd3c69ce1', name: "primary-message" })), h("div", { key: '138758f5b3d09f2a03ac9fb9e806ba0b94deed6e', class: "gux-additional-guidance" }, h("slot", { key: '16f2698501b6afa2b47080fe44f640509d93ccd5', name: "additional-guidance" }))));
+        return (h("div", { key: '68c715e642d242f0a0d44fe71e3588ad56353c1a', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '1779e3dc2d341030eb9042f0f5cb3b6e03f11bcc', class: "gux-progress" }, h("slot", { key: '6f2b473f09a243d711c754b58262f396a94ee505', name: "progress" })), h("div", { key: '0b8f6e267bc1563d3536d821b2e9262cd2c4275a', class: "gux-primary-message" }, h("slot", { key: '2a0ef237bf319a1ef08e6d8788a7c1074ffecb3d', name: "primary-message" })), h("div", { key: '4535c794dd0e0a7d30c5771097119b27d2da7c24', class: "gux-additional-guidance" }, h("slot", { key: '8501ebbbc6ca9d8350315221cc24320fbaf9290c', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -76,7 +76,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: '5244d52662f2618bb1a5886d97cc6277a9b01427', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: 'b67be300995b1c85f22782f55aca56b22d6a847d', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '1efe65d8759750804f00e5af9d50dd47804b7b5d', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '183ad0b0e68fc486be24aa0a31a22b0315bea72e', class: "gux-modal-content" }, h("p", { key: '09cee736a70168dfefe86abc560813ceeb25fc03' }, h("slot", { key: 'cdf4d5222f21c229c6a7d0bd02cd96512e005e8e', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '51d8a5212c134b8290ec9c5951739885ede7a8bd', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '5a2d9781b08fdc88e1365a060ff68a3963b5f4dc', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '4bcf0d5afc0cb087d690ae3da170eaf9e66a0250', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '7ee4d440bd8726d28314bfbadcdd486b1af80811', class: "gux-modal-content" }, h("p", { key: '0eba08013d6b79e48d942da8a9db68c08ed96e59' }, h("slot", { key: '038c0dc943c92254e4cbfe3ba566786c539f260c', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

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

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

@@ -58,7 +58,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '99d79cba0e16a1b74e914e4d0f0c02c3b4a73d0e', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'efe76116dd1478094927617059457f681d0bd6c7', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'dceec181beb25f217be3d8a0a720a9370c342510', accent: "ghost", "icon-only": true }, h("button", { key: '5f0466be061263ff91d0866f23eb21e5a708cbc8', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'd538e9965f9d1066722ae31f536ee10b60b868e9', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: 'f53bb6a0577856540f9c09482a7600a2ee28a46f', accent: "ghost", "icon-only": true }, h("button", { key: '53ae1dc112b8c4084cd73d54ff3efe2ea97df3d6', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b57b1ca6a1a8789fbc928aa1bd57bc2cb1aa029b', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'da0251b955fec752c91a3f70f5deed1147aa9628', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '311c7e2c1912981031123ebb5ef3b252e09c8024', accent: "ghost", "icon-only": true }, h("button", { key: 'c1b788b8e3598ff03eaeff1d1387d675c55e3692', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'e124103cf66f28053f0ea8e98a69a15fee145ca4', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '1fc691395a2e8c512c565f8809fb1c3c282a2e2b', accent: "ghost", "icon-only": true }, h("button", { key: '776866e1d667ee62ea65177c479227fa5f33d79c', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '1a937000dcf86f0fb5323fae3053e210c7f58086', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'a44d7b6d817228dd8dcf3ecc87242a84efd1da00', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '958a47f0aaade347fc27046646c108961578475f', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '8591b7f8c29591106705ad5e59413f38f6b11088', accent: "ghost", "icon-only": true }, h("button", { key: '7ea8cbb10031af6cdf86306bb29c4497a80190e4', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: 'f067b5b8397c6b162b4b996306306f58f88d1c73', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '1c79e92457a2992ab36a80c422f7fb5535df435e', accent: "ghost", "icon-only": true }, h("button", { key: 'a981dcddf17385d8892a57649232131dfeac8719', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '261d3b1a0709ec90ddf58beb7b2df474df890fd7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'f562ba2f326a7c89ed578555d4007fcbc038dd76', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '9c540e45e88487e7e68616de5185a7262b33d33d', accent: "ghost", "icon-only": true }, h("button", { key: 'ce96c4459e59e877753b1a1823ff68772fe39a80', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: 'b08813252f71a6c8cfe81ecec40dc8f3cde5d375', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '5c1de002fd7b253c0a2c8594da93547184758925', accent: "ghost", "icon-only": true }, h("button", { key: 'a673145234cd8201179b928e5039c5064ad67e81', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: 'ed5e0c88e0f3677d02e0a328ba8a97e89b0ec2d1', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {

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

@@ -96,10 +96,10 @@ export class GuxPaginationEllipsisButton {
     }
     render() {
         return [
-            h("gux-button", { key: '454441358989e2ef8054889e263e714a74b98411', 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: '0e56ff1b9756228976929d4db5d4da5edc5437a2', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            h("gux-tooltip", { key: '2eed7f75f9de5709ec09f756250c93a5c6d6852e', for: "popover-target" }, h("div", { key: 'd9e02b0f0f8abf8c0d18387006d534a6cb2f5d2b', slot: "content" }, this.i18n('goToPage'))),
-            h("gux-popover", { key: 'dfc6e87c29e082fe2de4e7e5ca4504996fdb648b', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: '0dff29cc2478921d133c73c56922ad42f98dc309', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: '910764919a171ec5d15215856011353acd23079c' }, h("input", { key: 'f12b964eafa335c9626d4cf5978e7a7ab68ed196', 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: '5175b0b5d341d49b770e29cb80ae9c5d73a35f42', slot: "label" })))
+            h("gux-button", { key: '6b1bf7562dde88875e64bffd6eb2706d68053fd6', 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: '653f51ec02ef93057a68ebb7af3348da66f44de3', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            h("gux-tooltip", { key: '729905dd57fd32de84bcce1d7363ff1f0d18f2fb', for: "popover-target" }, h("div", { key: '0cd5d979d929db9196ab79e960fac1d446c75260', slot: "content" }, this.i18n('goToPage'))),
+            h("gux-popover", { key: 'c092a7e7850f517b04ba611e122871f11ad9a151', "is-open": this.isOpen, for: "popover-target" }, h("span", { key: 'aec8b1063bec15644af85025356ce9d3f95933ed', slot: "title" }, this.i18n('goToPage')), h("gux-form-field-number", { key: 'e281e8d72fd81b9fadb81344d4be8678ecdd7b6f' }, h("input", { key: 'd428ded498a742be8e2254af671e8e999bcda505', 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: '6a99f403ff16b4dc35f7feaeb2cb7600e9d030f6', 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: '93d9be77bfd0298fe1fcff5c283aee2b68968d61', class: "gux-pagination-item-counts-container" }, h("span", { key: '2b57a6eabd3be23e3e76b4bd6fb8f6ab6fe0b81b', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
+        return (h("div", { key: '202afbcddaae1a982df49afd098f73421801421b', class: "gux-pagination-item-counts-container" }, h("span", { key: '64b43f4845260fb74a84a7428f74d9e0260a1808', class: "gux-pagination-item-counts-range" }, this.i18n('itemCountDisplay', {
             firstItem: this.firstItem,
             lastItem: this.lastItem
-        })), h("span", { key: '80b886d6e84a37792490231cbb87a4936c4c9929', class: "gux-pagination-item-counts-total" }, this.getPaginationItemCountsRange())));
+        })), h("span", { key: 'a7c8afc21cb89ed6c76c9fb8eb10bcaab7306482', 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: '01d977b62514ab6b16ec88caf74918fff37558b0', class: "gux-pagination-items-per-page-container" }, h("div", { key: '7536dc6a93b49cf4cfedc665a980ba96a1eee168', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: '1e5134d36a1312b59b48ce4eee1d36f437580100', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
+        return (h("div", { key: '2d9198b423a6b17f2d9023f5d193bb8dc98f3a52', class: "gux-pagination-items-per-page-container" }, h("div", { key: '352b44e6eab58fbf9646fdf7f2bf011b4fd72b8a', class: "gux-pagination-items-per-page-picker" }, this.getDropdown()), h("div", { key: 'f3091de59a0e889d165be5180727bfab05762429', class: "gux-pagination-per-page" }, this.i18n('perPage'))));
     }
     static get is() { return "gux-pagination-items-per-page"; }
     static get originalStyleUrls() {

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

@@ -94,7 +94,7 @@ export class GuxPagination {
         }, 500);
     }
     render() {
-        return (h("div", { key: 'd5e8052ee365f5925afd4e09ab5fea26137b6600', class: "gux-pagination-container" }, h("div", { key: 'e032223958899b83e73ae8e30d134f0ab619600d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: 'b0fb1f1ed6fc6caf72cffff2cf7b511b41d22150', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: '8c32b9bb5afc9bd7313a6bc0c2bcc26ba2e211eb', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: 'f68268db452ab5901cbb8aa4e6b4de312905fd4c', class: "gux-pagination-spacer" }), h("div", { key: '18a5657a0b3cc0c76a1304b6e29552aeb9cb089d', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '6d5d03e9df4c4add8dea0c70b0446167887af369', disabled: this.disabled, layout: this.displayedLayout, "current-page": this.currentPage, "total-pages": this.totalPages, onInternalcurrentpagechange: this.handleInternalcurrentpagechange.bind(this) }))));
+        return (h("div", { key: 'b65e60a0d9374fbe0c2458eafd568416bbbf7345', class: "gux-pagination-container" }, h("div", { key: '0adf2c44a65d33e46064081506e9e7ed6ca39d6d', class: "gux-pagination-info" }, h("gux-pagination-item-counts", { key: '3797509556e02ff25d58377ba32e16c105dabc7a', "total-items": this.totalItems, "current-page": this.currentPage, "items-per-page": this.itemsPerPage }), this.displayedLayout === 'advanced' && (h("gux-pagination-items-per-page", { key: 'fcf8ccc0e76a8b8efdab2fde4620d48bfc3f240e', disabled: this.disabled, "items-per-page": this.itemsPerPage, onInternalitemsperpagechange: this.handleInternalitemsperpagechange.bind(this) }))), h("div", { key: '42b266fb88a29c7edf9347de8686a2cfd93d7acf', class: "gux-pagination-spacer" }), h("div", { key: '986a423537eedf082dc76e8ab5177ebd3eac1b6d', class: "gux-pagination-change" }, h("gux-pagination-buttons", { key: '7a4553ddf04f3d806aa4f4b52fe2e992f8c64307', 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.css

@@ -39,4 +39,7 @@
   font-weight: var(--gse-ui-popover-title-text-fontWeight);
   line-height: var(--gse-ui-popover-title-text-lineHeight);
   color: var(--gse-ui-popover-headerColor);
+}
+.gux-popover-wrapper .gux-popover-footer {
+  padding-block-start: var(--gse-ui-popover-gap);
 }