genesys-spark-components 4.199.2 → 4.200.0

package/dist/cjs/{index-ZbfXD2eC.js → index-DqhFjElJ.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 var getClosestElement = require('./get-closest-element-CfyZl7i7.js');
 
 /******************************************************************************

package/dist/cjs/loader.cjs.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;

package/dist/cjs/{on-click-outside-8ywyMNsB.js → on-click-outside-B_0pncNB.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-mutation-BohhBDYB.js → on-mutation-DFJMtCiW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{on-resize-DLbOLnPa.js → on-resize-G6T1Q0Vv.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-NcMXRJjU.js');
+var index = require('./index-CJEUJwB7.js');
 
 /* eslint-disable @typescript-eslint/no-unsafe-argument */
 /* eslint-disable @typescript-eslint/no-unsafe-return */

package/dist/cjs/{usage-BDtPYIbd.js → usage-DMdlKJnN.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const version = "4.199.2";
+const version = "4.200.0";
 var packageInfo = {
 	version: version};
 

package/dist/collection/components/stable/gux-dropdown-multi/gux-dropdown-multi.js

@@ -255,7 +255,11 @@ export class GuxDropdownMulti {
         const values = convertValueToArray(value);
         return listboxOptionElements.filter(element => values.includes(element.value));
     }
-    fieldButtonClick() {
+    fieldButtonClick(event) {
+        var _a;
+        if ((_a = event.target) === null || _a === void 0 ? void 0 : _a.closest('gux-dropdown-multi-tag')) {
+            return;
+        }
         this.expanded = !this.expanded;
     }
     fieldButtonInputClick() {
@@ -400,7 +404,7 @@ export class GuxDropdownMulti {
                 'gux-target-container-not-filterable': !this.hasTextInput(),
                 'gux-error': this.hasError,
                 'gux-disabled': this.disabled
-            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: this.fieldButtonClick.bind(this), onMouseDown: event => event.preventDefault(), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
+            }, slot: "target" }, this.renderFilterInputField(), h("button", { type: "button", class: "gux-field gux-field-button", disabled: this.disabled, onClick: event => this.fieldButtonClick(event), onMouseDown: event => event.preventDefault(), ref: el => (this.fieldButtonElement = el), "aria-haspopup": "listbox", "aria-expanded": this.expanded.toString() }, this.renderTargetContent(), this.renderTag(), this.renderRadialLoading(), h("gux-icon", { class: {
                 'gux-expand-icon': true
             }, size: "small", "screenreader-text": this.i18n('dropdown'), iconName: "custom/chevron-down-small-regular" }))));
     }
@@ -416,7 +420,7 @@ export class GuxDropdownMulti {
     }
     render() {
         return [
-            h("div", { key: 'fbbbae3e6294e77e5c78212216d2c74db5c066f7', class: "gux-dropdown-container" }, h("gux-popup", { key: 'cf9e2b30bd0267b8206969c6c6b3079959a5adae', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
+            h("div", { key: '1136e307bc0dc865c0806925b7f63ea486dab97e', class: "gux-dropdown-container" }, h("gux-popup", { key: '583a762de92b93a1edd9c020c8f87088262d9540', expanded: this.expanded && (!this.loading || this.isFilterable()), disabled: this.disabled || (this.loading && !this.isFilterable()), exceedTargetWidth: this.exceedTargetWidth }, this.renderTarget(), this.renderPopup()))
         ];
     }
     static get is() { return "gux-dropdown-multi"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-flyout-menu.js

@@ -183,10 +183,10 @@ export class GuxFlyoutMenu {
         }
     }
     render() {
-        return (h(Host, { key: '5b2376413d40db8954a5f78630de79887d3e396c', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: 'faafe424e69a4f34df4bd71bffa5268897667b61', ref: el => (this.announceElement = el) }), h("span", { key: '2c02399a516a80d0ba4f0b384b9983af38368f8b', ref: el => (this.targetElement = el) }, h("slot", { key: '1a60f90751608ae9838fcf6ae398ee1de2166f00', name: "target" })), h("div", { key: '0687d6e5959748eab76473146c5721f59b1e5ee7', class: {
+        return (h(Host, { key: 'a37f6dacc6970052940671fca0a2aedf5bdd3e0f', tabIndex: 0, "aria-haspopup": "true" }, h("gux-announce-beta", { key: '5a2cef27ec878bdb149d8f4b40ffbe279acfcb38', ref: el => (this.announceElement = el) }), h("span", { key: '1eb4e10688b84214aa4ce10f86657b1e142cb410', ref: el => (this.targetElement = el) }, h("slot", { key: 'a09f6a9aa2104c69a0df9712ae61eb44d307f716', name: "target" })), h("div", { key: '9c8e722ffe745cf58b954fe2d45559952c644562', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, h("div", { key: '995da3807eda87a9a6d123b13fcd6bd97a9beeb6', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: 'e4a91985cf899690a720f9386cb7cfa051e0ee96', class: "gux-arrow-caret" })), h("slot", { key: '3cd07ce856ecaedfb774f0102d7f1c5c98d3c8a4', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, h("div", { key: 'a5b7247514dae94497b34ef9f35c8fef53255b45', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, h("div", { key: '808e13b6f0c7658fd28f8d2616a2b85c7cc8b122', class: "gux-arrow-caret" })), h("slot", { key: '64e65d7d0e722a6cc23146bdb8e3c4145e89530a', name: "menu" }))));
     }
     static get is() { return "gux-flyout-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu-option/gux-menu-option.js

@@ -31,7 +31,7 @@ export class GuxMenuOption {
         }
     }
     render() {
-        return (h("button", { key: '7e623f4cfc8c062af7e400cc3f7b35d3c5a56ba8', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: 'e496c6c90aaf58b9fc41368a8d1240f7e959f571', class: "gux-menu-option-button-text" }, h("slot", { key: '2967b0a4be4ff7134cef373c696299d423dfac05' }))));
+        return (h("button", { key: 'e76cdff85f90934a2f083e5656c1539f6d45040e', type: "button", class: "gux-menu-option-button", "aria-haspopup": "false", tabIndex: -1, ref: el => (this.buttonElement = el) }, h("span", { key: '591cf44bdc37acb5b8def54db341425690f6edb7', class: "gux-menu-option-button-text" }, h("slot", { key: 'fe645d5cb285b4840c62fc7bcc372cf270c96cc4' }))));
     }
     static get is() { return "gux-menu-option"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-menu.js

@@ -4,7 +4,7 @@ import { h, Host } from "@stencil/core";
  */
 export class GuxMenu {
     render() {
-        return (h(Host, { key: 'a08c2ceb0b9d5b96c3f3754df88c314c54f8dc80', role: "menu" }, h("slot", { key: 'ba0ec3424e9866cfc72cbbc62ef60a405a54651e' })));
+        return (h(Host, { key: 'c0685bbc3e0d84c3a5fb3fc0536c6fc9ef616a02', role: "menu" }, h("slot", { key: '549dec36ad70bbc8a38b4b8d52ecbe11a0f38914' })));
     }
     static get is() { return "gux-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-flyout-menu/gux-menu/gux-submenu/gux-submenu.js

@@ -142,13 +142,13 @@ export class GuxSubmenu {
         }
     }
     render() {
-        return (h(Host, { key: '73a0569705273527edaa472e8d3ca5ae81b338b4' }, h("button", { key: 'ce927c57f2cead342640c0721cf5d7e5f6c2c7d5', type: "button", class: {
+        return (h(Host, { key: '30dc311a1e7e29950af30f08e72f0faae6e2f804' }, h("button", { key: '13b9e2bb5f983fcbf82b6a999eaa12e6d7212a93', type: "button", class: {
                 'gux-submenu-button': true,
                 'gux-submenu-button-active': this.isShown
-            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '656c8e2916b3e14d0a19cf1bab1f80c230df47a3', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '46decffeaa2039497d6273cb99add54445c53c98', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: 'e757a658cdd2ad9c6a91cc010dfd8884305031bc', ref: el => (this.submenuElement = el), class: {
+            }, role: "menuitem", tabIndex: -1, ref: el => (this.buttonElement = el), "aria-haspopup": "true", "aria-expanded": this.isShown.toString() }, h("span", { key: '5764cbc60b2be313fffaafbb077f400871436573', class: "gux-submenu-button-text" }, this.label), h("gux-icon", { key: '3ae7338cb3e91fef5e0b132c75052a5346698af7', class: "gux-submenu-open-icon", "icon-name": "custom/chevron-right-small-regular", decorative: true, size: "small" })), h("div", { key: '1d228502a0b0f37c6ea920e41301ac9926ebd749', ref: el => (this.submenuElement = el), class: {
                 'gux-submenu-wrapper': true,
                 'gux-shown': this.isShown
-            } }, h("div", { key: '9d42563892b59960ab9f72fa80da773813598435', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'f9a42aaea9caed6302df9f9efed66eaa2339fb7d' })))));
+            } }, h("div", { key: '882c0a3dded456bda4b42c3a86b960297bf23205', role: "menu", class: "gux-submenu-content", ref: el => (this.submenuContentElement = el) }, h("slot", { key: 'e0eab69efbc3341a503cc08c6e3849f31fbef871' })))));
     }
     static get is() { return "gux-submenu"; }
     static get encapsulation() { return "shadow"; }

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

@@ -47,10 +47,10 @@ export class GuxFormFieldCheckbox {
         }
     }
     render() {
-        return (h(Host, { key: 'fb7667a4463c699f3e73d3b19ce7ed8793526705', class: {
+        return (h(Host, { key: '1021a1ece03e541d6b28af8894ac804911a6c6cb', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f5ccb8ab97b7eae908067a589383a7fa881926d9', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '92dc792e00087d796542d3018f0fde710e26edfb', class: "gux-input-label" }, h("div", { key: 'dac18e9f39ee86ad3823fd97b3379c43d09f47ea', class: "gux-input" }, h("slot", { key: 'decfc141738913059d30a0b9c82de9c61befcd4d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '07ccac1d64fc67ec4a85647d290bab90e9cdc07c', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'bedd05155c5de9a2b6a14682ee8ad59e381b69e9', name: "label" }))), h("div", { key: 'c4ccc766c03dab282e00997d62ab221d753b1754', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '7cf7ba239d21281fb8b1fa7a28291194dc13022a', show: this.hasError }, h("slot", { key: '97bd4618a18760668146ce4a0616161a2742409b', name: "error" })), h(GuxFormFieldHelp, { key: '7903ba4214b3daab85f7d3344582cac557ee1641', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd692786ed768ceb1ee76b1617dab2bc21e0b3830', name: "help" }))))));
+            } }, h("div", { key: 'ce974db61a1130db3c7bab023631811cb8be1ff5', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '84438da1640b1176c156cecda93b90bb392008da', class: "gux-input-label" }, h("div", { key: 'cea8de7b99dd9cd851666ba2cd37562948e34c1f', class: "gux-input" }, h("slot", { key: '5f8948c66bb64b595d0552b0983618550ef45960', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'c50f31d8ce9d5744667063ef705bca8f3e5b0082', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, h("slot", { key: 'a7eba4c6d1ef6bd53a5ea799099266d6856323f5', name: "label" }))), h("div", { key: 'b7af5149e9279e445fc2adde11c53f83871052e5', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'a69dd6e4686ae76e643acefa4d2fce463c210bd8', show: this.hasError }, h("slot", { key: '48d89602d92a31571991d0ba1850efbb948d556a', name: "error" })), h(GuxFormFieldHelp, { key: 'fc526239d31338491ad48aea16248d5f553e5d91', show: !this.hasError && this.hasHelp }, h("slot", { key: '2261bb17a34d3ec8539ff4601734a704895e191d', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -150,8 +150,8 @@ export class GuxFormFieldCheckboxGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '334076bd823a3b5140cc43883651cedf28f2f822', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '728fc91f5407db29a4cb9ea16c8f9131529ff890' }, (_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: 'dac5f516da5e894e64d34c94327ba7cb7ac6097d', position: "above", required: this.required }, h("slot", { key: '964570bb5e721990e4435e9bcb55885bf878b5ef', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f453c38418fca06d897bdbbab31a0bff2e796609', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8b4448bd354a82092af7b1f0362c9df2b45f5281', name: "group-label-info" })), h("slot", { key: '6a8d8db7d72f68b6189bc005787d6b378b6f02ee', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'b63701e72580fbe9a9bd1dd8705d22f125682669', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'c36ef89456b9f5c6fe5a88d4c24684a8ff06e301', show: this.hasGroupError }, h("slot", { key: '89334f9b85c25bea501140c1fe0102a126f66c0b', name: "group-error" })), h(GuxFormFieldHelp, { key: '76330fd2a2164c89eb39b9472d3a9602faea8670', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '5ceafc970a9b5ed3339bb6fa04cb0b33c0903804', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '376d56782b8c65b32c42249dd7e87c9977532716', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '167b6eeb617d18ab73fe7f5a97b140486147cda8' }, (_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: '6148da1835f189b1772ceaf1cbb1b14794d88f97', position: "above", required: this.required }, h("slot", { key: 'fb1a37443f79c3ea33f9498903c4e29b4496e241', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9488ddba97fa7df5361de5899b56b896c1c05281', variant: this.indicatorMark, required: this.required }), h("slot", { key: '009e45173af5c515533e8d44bdd758c4ebb53704', name: "group-label-info" })), h("slot", { key: 'e57b5006ea6e2b973d7847fbde518747738fb103', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: 'c878cb8d2bfcc0e38e9ba6f239e092e206459208', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'd25ead4c5dac7a89e72d8fd3dac2d664f3983bc9', show: this.hasGroupError }, h("slot", { key: 'e62a2de36892eb1afd94d512e543bb9de1bac95e', name: "group-error" })), h(GuxFormFieldHelp, { key: '70c096f7525d0364800cb531b40a6ad77bbcf671', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'f43c80c1605347afcb8b26d8becc7042c0618346', 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-color/gux-form-field-color.js

@@ -88,13 +88,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'f6e7d7b1d7ccbfa8087781d93ce64b9da53f02c3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b162bf4dbb2543b9df9d19e7c5c3f1a3b4df1088', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ca8607d663e927b1170e5253af4dbab440b82b45', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4d3635b95c062dbacbdd2dfa44b86d178abb84ef', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b7775bf07e9b5437f0450abe8e3424e3656aac72', name: "label-info" })), h("div", { key: '4417c4980e93577d3fc0f5b22eb1df92ebe5d457', class: "gux-input-and-error-container" }, h("div", { key: '51a8640109fb27494844e4a8239c37d19727a910', class: {
+        return (h(GuxFormFieldContainer, { key: '558a50fb328be6768c6dd9f612cc380c46338d73', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '906409b0d89e488b5c4cd96901d834ee8e077d30', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b51a9d98cab8b2404c72392bf8070c95512f7495', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'ca4650c1b695f13529ea74de3933786ac8ffd8b1', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0b54cfa8d6073c916406c103fe3859f647d772b5', name: "label-info" })), h("div", { key: '34b7b5d0188de7038992097af8707d45d3227b19', class: "gux-input-and-error-container" }, h("div", { key: 'f557b5a8e13a65eef2baacd49b7ade39d9726388', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '8cfdfdb314b57acef65e2a2f3abbf75476cb3832', class: {
+            } }, h("div", { key: 'a6bf3f574491eedb5426dc8088c9b46dc0febdff', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '33297c844d90b74c7a396b144a898233313566b3', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'b5c589d33b9b8b22c531708f000609a6d24baaa3', show: this.hasError }, h("slot", { key: 'c45496e6f3c23011feeeb63d90fc08b4248fa5c4', name: "error" })), h(GuxFormFieldHelp, { key: 'e4a420035ff6ad3ab0829d2b52ef547667cf7047', show: !this.hasError && this.hasHelp }, h("slot", { key: '00496872cb32b3a0ed44d580c37ec48d8b3d73dd', name: "help" })))));
+            } }, h("slot", { key: 'cc78ecd5557ff6f821cac2a0c47527a6db316817', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '766c8bc859daf887255583c3ea896bc4beba5bc4', show: this.hasError }, h("slot", { key: '1b457e4d708fbbe67016489531db6368af4152b7', name: "error" })), h(GuxFormFieldHelp, { key: '4440eed169e44cf81d762709895dff14c580e38d', show: !this.hasError && this.hasHelp }, h("slot", { key: '6e7312afa51593253be4cef9a8134da874fafb49', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -102,11 +102,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'b5279e6991b68c0d3788e2e4c902ae6b2cc65260', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '703dd1c91d4c7034164d4d2e92db29bd70b51b6e' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'bdfa6b8468dd12409a814e00cd790198c9f6b56d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'ab67908202b76f6547b4f6e4bc143d3a3b320da3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '93f93d39b1b483e12cd7890e15a47de11cfb2b2a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'da298b1ca505d030657419b2096d59d5ed48e82e', name: "label-info" })), h("div", { key: '267ba02dac20ad18bbcc9c676d0e077ef694a245', class: "gux-input-and-error-container" }, h("div", { key: 'f94a983f649f8ae5fc37fb5ae5b101c04776b3a7', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'd51e853f6c95848922e8d152c825760312e1fba7', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ba451ffea039428797569bf37dcd0fa11d47d607' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '5e6513e14881982c3abafddb854427fccfb002f0', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8f0064910cd5cf80cf83d380045d0bfa6a455dd9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3dd2eb6b3947a66965d0e83870f22f3629657c88', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6e9e86a0d920caf06b96b068a8d0cacb14e40f06', name: "label-info" })), h("div", { key: '9744d30d312dfdd181561eaab6f8d6abbab499c2', class: "gux-input-and-error-container" }, h("div", { key: '9b25225a1a193153bcb9c26ea2e89e0a6c6fc7e1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: 'd05393461eedda9e96354f44bf1abadb3430bc8d' })), h(GuxFormFieldError, { key: '6e287057c3e2478f0c2ccaa7ec6acdaaafdb5aae', show: this.hasError }, h("slot", { key: 'd4f0b3ac5a20231c8567413f49f25d201c7c2d6d', name: "error" })), h(GuxFormFieldHelp, { key: '3b2ed746fff8b662269be05658de25da8a666d9d', show: !this.hasError && this.hasHelp }, h("slot", { key: '9a05538df97c8af1195141000d2197242df1d129', name: "help" })))));
+            } }, h("slot", { key: 'bdfcae006dfae7a03510ac12eb4e58472e5f044a' })), h(GuxFormFieldError, { key: '0d8638fc072f956a972ca34a055e51a70bf4cc53', show: this.hasError }, h("slot", { key: '096069725a6a9c6b4ddabbad5509b19cc9e701c6', name: "error" })), h(GuxFormFieldHelp, { key: 'aa612fc6dbd35bb6b273e2d1bf45ca7749a1a36a', show: !this.hasError && this.hasHelp }, h("slot", { key: '55793d384e12d18af54c4c08cdfcf900f15a28ac', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -105,7 +105,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'fcb5203150da6d16a097d3c1139b2ac45dce24a4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '848e9d993bf460ab5a528683ab6a64da46517013', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'e3a93a05c3d57d18076b775d020021d744efbba1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0d004bbf500984c12f35599f137c976b9da571f8', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3643a218d190d8b14fed4399c8c5d969a55f2477', name: "label-info" })), h("div", { key: '018444e358f77ad1c9a2b5e2c7d151addedf00f9', class: "gux-input-and-error-container" }, h("slot", { key: '2db769ce22592842976cf541ae61f35dc2d49612', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '65de0b91cebf616fd01fb0d72a1aed6194460aaf', show: this.hasError }, h("slot", { key: 'f9a1d3420ea4f8b65f5a55052b6a4878f79fac6e', name: "error" })), h(GuxFormFieldHelp, { key: '566ebf6959869b2953ccfcbb90609e30c64bea49', show: !this.hasError && this.hasHelp }, h("slot", { key: '5099d3f8d3b4b16f10510153e36afc36b3907a72', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '9a562d7523a70d2bff4e7d2d32871ce29bcb865d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '2d7ea7f26fbcdbb58fdf27053ca8ba6071ebb406', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'dc887919e36a7b6ad595fc98a46a8fa4704c5f0c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8fcb9657de2e653d84b21ad04d9aa59406ac6c9f', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bc0735404ce679d6b5e845dc8875e9cd7379cd4d', name: "label-info" })), h("div", { key: 'b7ac14182f08e1e2fd3e1081cd852943bb7e4216', class: "gux-input-and-error-container" }, h("slot", { key: '95f713de8c9ca514592d0af6ba7e7b8a9b77a88f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '35a654570e572eb32778efd3ca2b56a9a6e19710', show: this.hasError }, h("slot", { key: 'b2293ffa278d06f4ec6887378801045b0680a010', name: "error" })), h(GuxFormFieldHelp, { key: '280f35c44b1ea927382e31a541d5a85ea44889c7', show: !this.hasError && this.hasHelp }, h("slot", { key: '72f56116408a48fac923bd316915c9174f83c42a', 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-file-beta/components/gux-file-list-item/gux-file-list-item.js

@@ -11,11 +11,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'db9fcf9dc789dd6fe5a74bebd6ef72e0666057d1', class: {
+        return (h("div", { key: '16017e4cd1c6503a395ce96597b4de4672a98e67', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a53d203206e5351d12552af8ad649ffe9baacbbe', class: "gux-info" }, h("gux-truncate", { key: 'b2c3a410891aab4a1c818c7b2448186d2c3fe2dc' }, h("span", { key: 'af6f80b9cac6a7607582f1d1c304a0794cb121f2', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '966a60f866527fcdb5e6359abb8eb661bf60cb2d', class: "gux-info" }, h("gux-truncate", { key: 'f3dd55d982d99d79d3db0f9f980ab1dc547169c4' }, h("span", { key: '9bce918502ba6b238bdd2844319860112fbfb396', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
     }
     renderStatusIndicator() {
         switch (this.status) {

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

@@ -94,7 +94,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '65a1932baf805737c18286dc72a3b7a23b80c00c', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'cde655eff45141e8ab9109c107261ab565ab82ab', position: "above", required: this.required }, h("slot", { key: 'd7dd60eaf3dd42178299085480cbf83c4d028cc6', name: "label" }), h("gux-form-field-label-indicator", { key: 'f274c7b9d3435530f3435e27a28b8aea36e839e5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd49ad17768c63669e986545460cdd8c26290715a', name: "label-info" })), h("div", { key: '94899fff1277f8af73e8dd20edc8dc574427c001', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'fe62ab96fdd29138b972259d2018cc423e3dd300', show: this.hasHelp }, h("slot", { key: 'c591507d2d2766d5381ebb7afc15ca1c7cd63d9a', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '72c0bc32b52c1953a906430b2218f52a9b7bc9ef', show: this.hasError }, h("slot", { key: 'd7a37f74db27cd091539adc00645a546f3386474', name: "error" })), this.renderFileList())));
+        return (h(GuxFormFieldContainer, { key: 'd66fd7c7c0ce6518b70c72ffbfadf3c5caf91309', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'f1275f72a608b9ebff405140a19afea507d73760', position: "above", required: this.required }, h("slot", { key: 'ab6f12e9dba9680ba51963eadb2f6be298a14989', name: "label" }), h("gux-form-field-label-indicator", { key: 'b8485f1633253b6c76a89c05377be218d68c9f27', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5379bafad54380a5328aaa49e5259c95d062af38', name: "label-info" })), h("div", { key: 'fe4d4031ffd16b57666389ed8d9f324cdd4deb16', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: 'bc59a5bdfd1b5a92867c0bde63689dd7b2897bb7', show: this.hasHelp }, h("slot", { key: 'dc9fd872e825df3a0e07d2c769c047a1f5c15133', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '3338ef3f1b6de251b05741b3f5e7ebc1e2f9f0e0', show: this.hasError }, h("slot", { key: '7d202728d353e208833b6e447d8e842e0c3ff30b', 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

@@ -106,14 +106,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: '1afb09a448b2cc280635470424833594aa33a436', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7d15d6e9e056cf791c413d19a4e7593a069b4ab8', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '576ed3cd517e30895ef919e4a919753d0744fce3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bc80eaff5f873ef7886cbe47eb58ee257e3159e7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff1f5deceff8871ce3d3f6212aa85f66f185789e', name: "label-info" })), h("div", { key: 'e4419df87fca952990ea3904a9653080e1525acd', class: "gux-input-and-error-container" }, h("div", { key: 'c7828d8c8ef6fd70d7ccf79b18c11203228c207e', class: {
+        return (h(GuxFormFieldContainer, { key: '476289fec520dca4865237d8389a23a82cb680a3', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '634f4b34789a05410922fd94ad1401e2a290793f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '1eb4f92404dc8c216effde61d88c0900e0762250', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '45ca01653b6f98ef2db38d85b3378a023ea8d63d', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ecea95219130e3610fb61d87b0ef0fff5b241045', name: "label-info" })), h("div", { key: 'f1167bce53378b848f88edf23f382345555529eb', class: "gux-input-and-error-container" }, h("div", { key: '0468bc968a85a3eb3d2113597fb1c88cdde5906f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '4ea301bd8363355d5a457da4382bade792e33a85', class: {
+            }, part: "input-section" }, h("div", { key: 'fc1b5d10c8ac9bae43fb36104df4ee93eb473bac', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '869519b5fee822675980b209f5977a97fb9cc46e', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'e06d26730668b07bc8d6540498105608675b5261', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '1626273042068e9fbb1aa2a34108144081aeeac7', show: this.hasError }, h("slot", { key: '564b1572c570e9d09f9328c8f8442950f2da9b74', name: "error" })), h(GuxFormFieldHelp, { key: '720c9cf71974405305f4c2f07dae379fbaaf7a02', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f9c6a63636cebb60c51878ad71b37c089e034114', name: "help" })))));
+            }, style: { '--gux-text-align': this.textAlign }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'af4c3e6794de24e9bb5d438799b9a926ca34235d', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '9039c4ef353ee74aca1628059ad17510d79751de', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: 'de8f3d568b90357dcfa3189f478af45b8c16fa56', show: this.hasError }, h("slot", { key: 'f859cb2c03e35b75f676efffcd082be9dc25bc07', name: "error" })), h(GuxFormFieldHelp, { key: 'ae0469c5053ea98fcac1be5eb6a865e05bba49a9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e3125bb7c5ad7ab86dc10c7f51fa82a4b340805c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -98,14 +98,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '53000c90b4beb4b39a5b01034c0f3fa73b396876', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '6a4254e82dd5b768633e6612ae651ed0248f4ae9' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: 'b2e2a111d921bc08b263a0fd97c81f3eacd6cc79', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '804d6889de8742cfd867a498198df4071ff9c943', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '659eec208d8e4c854dd3cfd1f9cde624f4635402', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b5240ca888ba1d103445db25a713127b30e3d990', name: "label-info" })), h("div", { key: '3c8c7f5861a2e8a9fc1f820d3f9074d805ca8e0c', class: "gux-input-and-error-container" }, h("div", { key: 'a591e5fadd1710f309284fb0585d858312c2e49a', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '7f002d7a4d36d516bb9ad9fdf11e7e332fb7e517', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'dd4efcd27dd4cf5e54f778cfb969ed0b528ffb2f' }, (_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: '80dae08bc0905b55ecbcc19cc6f171c84961e977', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9a351a20e43ade3aa9f53ae519e125e526919f66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '52a29606f8a8bd13048197712b8b9736f0016605', variant: this.indicatorMark, required: this.required }), h("slot", { key: '34f9ce1ecefdbe6a28628eb9a6a095abb2eb31b5', name: "label-info" })), h("div", { key: 'c048f4de9d9db0b48166eca6214d8d07670ed98e', class: "gux-input-and-error-container" }, h("div", { key: 'cd885cce396cd90405090e3de2ec89358d60c9a8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '566ee4849c10818c9a995071ed7975ed1a5abaa0', class: {
+            } }, h("div", { key: '2426dec0a786b9c08cc18a3289a9aea6acf07ce0', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '11deece909da10c36cf3bdb4dfa3ca3d4c0880ff' }))), h(GuxFormFieldError, { key: 'a18267eaeb18e47e7353bfd5ef80d42b7a5dd596', show: this.hasError }, h("slot", { key: '5cc8272da81a69d381b2577012edf5ebee602cf3', name: "error" })), h(GuxFormFieldHelp, { key: '69abfbacabeedcdc63dcd752b0946811548ad25a', show: !this.hasError && this.hasHelp }, h("slot", { key: '8b79a04842832c6e85a124d6b6d6cd0f44de3c99', name: "help" })))));
+            } }, h("slot", { key: 'dc170219046f69016c2fc111e9543b48d39dbeb8' }))), h(GuxFormFieldError, { key: '0e55538b92ec922e744d58784f78478d00888292', show: this.hasError }, h("slot", { key: '54c4691505613098eb6b253b784a54d4eeb450c9', name: "error" })), h(GuxFormFieldHelp, { key: 'ab607e7a1931a79e84fad3404e54172a068aa4c6', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f0fc57a92422409e5107c23f25d3bcfde9be2aad', 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: 'b98b27ed8d0a8d5abe14ee10f142754eab52d328', class: {
+        return (h(Host, { key: '280cebf11e4924112fb46527bbd9e20c7403c682', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'f4c9b73176c38ed3294c75265b19a1277b064483', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'fae2731afab82056dd66d7227a5ef04ebcff72c7', class: "gux-input-label" }, h("div", { key: '2ffa9946ee945013279cdb2e22a895cfabb63e74', class: "gux-input" }, h("slot", { key: '11c8ff038e8902a597b4e9b1143eae57f4848ee3', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'bc96caee8655129ce492044aa573211cb7312da2', class: "gux-label" }, h("slot", { key: '8591ac397a617afdb1a438081533204f84ced124', name: "label" }))), h("div", { key: '95c77f38708c1441565c055ad64e567e12814953', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '3e113730b5cf959acd78485799abb036e70a0833', show: this.hasError }, h("slot", { key: '5dabb15f01b21e26dfb3f7e9a399be3bd79ba2ea', name: "error" })), h(GuxFormFieldHelp, { key: '38419e0287dd06ca1ce84c9b7a51cf207a6cbd67', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f13d14dbbd145be3c8148974b74e167599d5e650', name: "help" }))))));
+            } }, h("div", { key: '4a9f32489d8f6615b575e7da0746a3e3e566934d', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: 'b622caa4da930c98900976c6e10f5ee84c125eed', class: "gux-input-label" }, h("div", { key: '100684b710294f3952f367ee148985bf9dbb382e', class: "gux-input" }, h("slot", { key: 'f55beaafe1664542857d2a1587629021501625af', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'b2184452be404de8a54c34838beaa41149b248a0', class: "gux-label" }, h("slot", { key: '0d18c02f8c3f92bd48f35a524bfdbb7d75413edf', name: "label" }))), h("div", { key: 'd5441591eaab0f9e7ab9d8baf01376f56e2df79c', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '59c054b9dd9b438d81b06b277e0873acb2de7a4e', show: this.hasError }, h("slot", { key: '516ce8c6f9620d5dd34e63f89a43554fda804396', name: "error" })), h(GuxFormFieldHelp, { key: '975de354b965e2be151ab2ec7c19c5a80ce771e8', show: !this.hasError && this.hasHelp }, h("slot", { key: '2b72de789cc6f5800de7cb48fd913c58ea5f2baa', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -124,8 +124,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'e881bcd96cecc3c883ee4cff00d381142b6c03c7', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'ce05ec0f0ef21df4e4cf477765744ad6b2696c40' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), h(GuxFormFieldVisualLabel, { key: '837fba29937dd4e4086b6385e9837e8342298bdb', position: "above", required: this.required }, h("slot", { key: '5abc8b8250fe8dc8e795250ce9009a6267a2086a', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c02c76d2ed257a9c07c84b5e3fc97db2274b9a45', variant: this.indicatorMark, required: this.required }), h("slot", { key: '8a6052361e00413536632f1e002ab1b524a41ff6', name: "group-label-info" })), h("slot", { key: '68edec2e6e82a5c2fdf5bad66278ab0d707e8e68' }), h(GuxFormFieldError, { key: '4a5a3698a952a0640dc56f8bc760cbffd3cd6e65', show: this.hasGroupError }, h("slot", { key: 'caed6db06b01031ae7e42cae75332dd889155198', name: "group-error" })), h(GuxFormFieldHelp, { key: '3a5075eb14843fe46c87a525bfafc2b1ef49f290', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '6eda3f62aa08ee56b939a916223aa6d14fa72e93', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '3c8dd01690792866de854e2b0f165e49a2d65794', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '2bb339ee3382ed8a53dc5fa2c18c8d35a07982f8' }, (_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: 'e1e6d9514d585b94426640e1886507fd3564c005', position: "above", required: this.required }, h("slot", { key: 'b57d2a2d3ddf247c65b56bca14ec1df115bfdfcd', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4d101d85b50dc94528340a30d7f7385419d48b72', variant: this.indicatorMark, required: this.required }), h("slot", { key: '552239601d89f8bbc972edc27cc0c378c7816324', name: "group-label-info" })), h("slot", { key: '60c692ae9c807d5e9d3081ccc8cfa053efadc3e1' }), h(GuxFormFieldError, { key: 'aff42f8abc8573c01342b38b90265debd7c3020c', show: this.hasGroupError }, h("slot", { key: '95dae42ed28b431abeb4d4fcdac099ce572db2c7', name: "group-error" })), h(GuxFormFieldHelp, { key: '27a0e6ea691b7f4b74e347063ce9f46ea035c914', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'e720860250bf9a9cf6e348b99f09b88c865d0b3e', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -114,9 +114,9 @@ export class GuxFormFieldRange {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'ab4702d8fbd679c42b62b92492fe520d15bb4ae1', class: {
+        return (h(Host, { key: 'a71c428b667ac9ad6f2df614b2b9d6ec1d1a0288', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'ed3c22c3a06e1be5d34b6db8c318f17160b56f34', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'c1bf9980e9061948adf39cc65341c37a836ea957', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'baf7e6ea89b65d3f35e3cc920032e47919f6f64b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3945354b2582627b5df484dd56a2cc8bb7790ade', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f8ae2f6f15d3b604e4443bb0569a9fae5b50b42e', name: "label-info" })), h("div", { key: '0732d11e5ba3cc3eb0a2000fc7c28514cc5d5f29', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '5480154884dfb0ddad58bb62b8a7ab9263ffcdbf', show: this.hasError }, h("slot", { key: '14b19b68d851790426b8c96250f390eed7bfc7a2', name: "error" })), h(GuxFormFieldHelp, { key: 'b474b4c75f3a188e989116aee10cfb9035256238', show: !this.hasError && this.hasHelp }, h("slot", { key: '0696024395cb20c3f4606b0f4b94e423b4563b68', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '6923db6cae4a65bb5b96ea2d02f6bcfafdb5ac96', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'fc0fe9b7d185a8f762a2b176fcb7c3a045ace9bc', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '8452f38889b077c24125f6e33b795bec5c3bff62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8d922fdf2ac1ed388e3a3a9ba200990636ab0354', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c1231bd9c2dd2943c45bbed163955837c89dc287', name: "label-info" })), h("div", { key: '296393f95d8412f21928d87ef318aef8f66a37f4', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '9c2fca9ebf6cafba768261686d3b8a41d48d8e2a', show: this.hasError }, h("slot", { key: '7389b4a595d9e675fc68a3756b3c4abb4cda050f', name: "error" })), h(GuxFormFieldHelp, { key: '0dfb2474aa895dd7324ea58d2425d471f66bd377', show: !this.hasError && this.hasHelp }, h("slot", { key: 'd0f1a86127a31c996982682480c3910c29c5088d', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -99,13 +99,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '3cc20f3ef9b2640e7b15797965b122f9b06dea4b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f0f61cf789d1600cd34cddc21a0ae1602c13e898', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9ce422a06e603ce31416ec0c1ba81942351c3b66', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c1d022f5bffc5f18d8ebb2fd3fb6d56792759e2e', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7b22ef8aabaf23f47b89fd32f8db58f72b469f7e', name: "label-info" })), h("div", { key: '7fde3d3417e1d53ed3a2d23c30b49bd53f526a47', class: "gux-input-and-error-container" }, h("div", { key: '44ed53dffef4cd0bcf90f57e7d2555384fa364bc', class: {
+        return (h(GuxFormFieldContainer, { key: 'de84038be46d2a47bfc328499e30cd06df286b87', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '061dcfab1cc8eb715f43d57329c9912d0a19f69a', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a5bbb599ae2898f4e617140494562122af069989', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fde40cddc62331b06c74617e10585e9f2670dd5b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'bd3ac05b74cfbd90f934fe9820e48eb8316c3942', name: "label-info" })), h("div", { key: '7ca74d43009a1baceacc93c5d49bc74f2c6d0d13', class: "gux-input-and-error-container" }, h("div", { key: '9121ed6866ed88fda81bdde16a76139aee9cef88', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '46aa44f6c7e1401b8fa671be0798ab0f4067f653', class: {
+            } }, h("div", { key: 'd51ebba09f5b81514568572757af02b747ff2efd', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '532298e11fcc46ffd14d8470e4877f2050954b31', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '3ade933bcbb71001a8851f5e7aaae3944a203535', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'd7e2e144e858871e88644d5d32dc66d8848595ad', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1373603af9f884b6c4d832cc9b1337c9a3ac6af4', show: this.hasError }, h("slot", { key: 'ac0dc681cdb6fbe7ad05bacc5e223a5bff1f93c8', name: "error" })), h(GuxFormFieldHelp, { key: '17de0a427a62d9fcf55b21b023852cd0e693f673', show: !this.hasError && this.hasHelp }, h("slot", { key: '567d4ae2f8ec19b3cc5188ed2b328f92774bf957', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'a5529361eb395b53de6bd35d3dfafb256538d549', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '278bc243bba819071ab666f189856d53aa3f3acc', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '2204353c42274afc975a03818a16bad3923e616b', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '919554780ca3bd1dba247f1996db7b3c1b5e1fd6', show: this.hasError }, h("slot", { key: '38905caf21c202cde018aae6a133cc29abb65f19', name: "error" })), h(GuxFormFieldHelp, { key: '6ee33348ab4a5e01dcbeba62cdf60f42eed8e8c6', show: !this.hasError && this.hasHelp }, h("slot", { key: '2d97d03d7520f54659b9d9d4e206b3574febb331', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -89,13 +89,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '3402ab1b309475e280788aeddc1655d6c98bbb0f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd1c6f668fcd33c262ee379108fac64805a566709', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f5777b301b592514ad90603dc9bb99408abf0394', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '32ba4ab2cef8afbf106f361be16f5199230cb36d', variant: this.indicatorMark, required: this.required }), h("slot", { key: '532c771fd2061b1dd558f3dd37894035b8ce46da', name: "label-info" })), h("div", { key: 'b965ec78affd82385648fd7bc0a630e2db006ba4', class: "gux-input-and-error-container" }, h("div", { key: '356e7f24566c455a858d1817030af36547ff4233', class: {
+        return (h(GuxFormFieldContainer, { key: '886cd27efcaae0589043616acec990874bb22075', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '473f10d508393bc87e866c7c619c3d078dcb64d9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'fc91a75d620f860e9a097784c26ced9cd2ed9b62', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f69dc6e5c564b9627a892b2e6e043bfe20945fbc', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e340f3d885ff95f3410a3cd00fdcb5c7d677b9eb', name: "label-info" })), h("div", { key: '658e325c58e4c96777a345378829a39cfe57a483', class: "gux-input-and-error-container" }, h("div", { key: '24c193506d7440d76a917360b81d68c491157772', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '664f0dfb99da5793c7ff9e280c04b1bc890b7a6f', class: {
+            } }, h("div", { key: 'b34e82cd56cc9ce53bcc11554d8e0fd931f3ac5e', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '040b99334fad644a71b1a3aeb1091c52d7b7b6d5', name: "input" }), h("gux-icon", { key: '8dae3067bd9c40566e6cf6be9f8a90da68424f3c', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '6a6050352d4b9334a7a6e7c96e0669de7662f512', show: this.hasError }, h("slot", { key: '416f7e2f55c07d2a5e75d6af96f92de1c0112820', name: "error" })), h(GuxFormFieldHelp, { key: 'e687dd057a1ed398eb1cbb1ca1ebb134f7815d99', show: !this.hasError && this.hasHelp }, h("slot", { key: '010dc853ef4c78f12be27d066989374101f35616', name: "help" })))));
+            } }, h("slot", { key: '10cf79ec0e6442f80a9d5f0655014d1658227a0f', name: "input" }), h("gux-icon", { key: '417232a40fbc65634a59e4032d5243e44599d380', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '30b923cceac5137cdcb22969ba0a5d0da2754cd3', show: this.hasError }, h("slot", { key: 'a5fb45bc8d78f070f5d36387a614e9ba4539daea', name: "error" })), h(GuxFormFieldHelp, { key: 'd3fcd1959b234cedf1cf7dafad94ad3c7e5d8f43', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ac5f49fb23115f75ec50d9d093426bb1e388f075', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -93,12 +93,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4b1f3a3849b6531be680a2e92a78dba1d0f84140', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a0e84d7b02eb4f05147118adeea7f01ff579af64', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '0ee1e048db694ebf27f192afef5541f112cefd50', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '11451983bdf4ea3996e2a1f78c6c52e5b1cdd0f6', variant: this.indicatorMark, required: this.required }), h("slot", { key: '66c180e6fd82c8cecb91efb110540dcf87469b6a', name: "label-info" })), h("div", { key: '843388f86d120a49e9e350dc3beb1bc5b2b7f67a', class: "gux-input-and-error-container" }, h("div", { key: '754b49d553cfba9f480eae90b023e4abf4cecd1a', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: '85aebd536e58112721d561faa61e69ba85799920', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7d09e03efb5b36a42e0f2ae8c5725480ae7c0e35', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'b322969c7e5be7ea9187955f033591998bf7f3aa', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1db04327abc722066c4d44a7693e37416c099971', variant: this.indicatorMark, required: this.required }), h("slot", { key: '773033f5c1ea09e6545821ca4ce769f3019ff678', name: "label-info" })), h("div", { key: '474e197ef328cc222fec17d60d9c6952b937b116', class: "gux-input-and-error-container" }, h("div", { key: 'edb10c87a93d8915f1c18138a12f613017a07cd4', 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: '595174105f304eb67df65ecc5b8096b113955534', name: "input" })), h(GuxFormFieldError, { key: '2da19cb23e97dab99cbee4dbeeff7df9514350b6', show: this.hasError }, h("slot", { key: '8d22ad4a8bbe0b08c607d8a80f73f68a56014351', name: "error" })), h(GuxFormFieldHelp, { key: '7974826c93a50268fa795e1ded407f62c0aa350a', show: !this.hasError && this.hasHelp }, h("slot", { key: '75fe9c7988bf8ef1e76488eab2c420c6f4fbc1d2', name: "help" })))));
+            } }, h("slot", { key: 'd49a85eae02c1af2e33cde3534190132cbe8a591', name: "input" })), h(GuxFormFieldError, { key: 'df6c36a16a7b3e6facc0b11b530a7cce01a254d8', show: this.hasError }, h("slot", { key: '290f0ce6fa3f1a113d8d0c32addba7d8fbfa65f4', name: "error" })), h(GuxFormFieldHelp, { key: '5c31320412e44262d97d6c3d09dba4c133e16ca8', show: !this.hasError && this.hasHelp }, h("slot", { key: '680e0b229058a79298ac97400aefa4861bee1286', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -98,14 +98,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '02cb96a3ca56e49c1f55adc9c336748f1458986d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '0b98d730bf9f6e7db0ff21f474ebd81d09ca7ff3' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '309face0b7993819eb29eaa33f25e76164024787', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '75cecfe1b3dc23aa84ffd25bb03ea0f16f767eeb', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'fba9d6637f29831a71837604a633f219455875d8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'aaeb75dae86048147d44f759674e70d217a24ac4', name: "label-info" })), h("div", { key: 'd184479d25644cbae2bda07dd93b9cdcf6a4c3b3', class: "gux-input-and-error-container" }, h("div", { key: '37b5c4911f4506c5e45a470335f0c71d7a427275', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '21e8399f25c2482448463567b989e369186c12b5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '9cb7b47d3d67e87cefa911d225115783b8cb6d84' }, (_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: 'fa9f7748ea47396c757da01696bba5a78afb666b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f43759d10b227d4ece87b2e040dd7abfcc814074', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '52e7360229a5b8225dd30ea61cdd0b6cfdcfcb88', variant: this.indicatorMark, required: this.required }), h("slot", { key: '07a07f01033abd5bde1bb36cb6f4bb6558994d69', name: "label-info" })), h("div", { key: 'd400154bdef2033885accb84bbe9925c739809b0', class: "gux-input-and-error-container" }, h("div", { key: '1480f29b283a94582cdacfb83fc9e24d28866343', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c18bd8c95fa643829ac7ef4e5a332a4d977f35a6', class: {
+            } }, h("div", { key: 'f4b9f594deff983080c65090463de9af268028f8', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '6f8619955a235511f54fbb68983031cb50be6ddd' }))), h(GuxFormFieldError, { key: '6110a244d25e03ca657d14ddb9f989af3e9d2e81', show: this.hasError }, h("slot", { key: 'ba589609cbc48c647afb6f4c05b55afff726e030', name: "error" })), h(GuxFormFieldHelp, { key: '12c1b379f3dbec23bb49da5a1871d1e19d990118', show: !this.hasError && this.hasHelp }, h("slot", { key: '7c34107baef4d238e601c6e46020d9ad38fbb985', name: "help" })))));
+            } }, h("slot", { key: '0390341d9d25ee9931be3571c4bc8d0b3b505be7' }))), h(GuxFormFieldError, { key: 'ed90284efcf34aa3f48fb685dcc6088e29c24785', show: this.hasError }, h("slot", { key: 'ea77b5e9ac41ae846104d44839ec825995cb31cf', name: "error" })), h(GuxFormFieldHelp, { key: '8c1267cf45a65119764ef91db9496e98d4afa5d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '11e1ac355b8ded171a64009d1bc94f89fcbe955d', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -99,13 +99,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3e57a459ac9b8b1c73c1f9251a5333ddda22f26d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a14c148a2d4eb9745bce1edaa8ace4aae5f39a64' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), h(GuxFormFieldVisualLabel, { key: '4e227677b726d48bf2d6a7af38bb09c05e4a6aa1', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '21fb69c6ff257ddaf1f6864c9ac00a765eee18f9', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0c7e44ef498bbfe7e27ddd0ad5bedd8bb4c44940', variant: this.indicatorMark, required: this.required }), h("slot", { key: '72257b3c88d9ef5864a5604b5ed69bfc4962bbac', name: "label-info" })), h("slot", { key: 'b89bdb0b384b306f77375b42dd211bd746d90d5a', name: "label-info" }), h("div", { key: 'e7a9a969bc79200c26ffd310d4ab6f49db2c2c21', class: "gux-input-and-error-container" }, h("div", { key: '84b2420673c503a0edcb05ce019666926805153c', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '52f9aadb26a0ec8aad7a7017f1b7de656fd916a1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '906e1c2c238d46813ac0bba58a01c16213e72abb' }, (_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: 'fe953a34afc986d6fedbc5bbd21bf31fef5f3e4b', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'aa269f867b9a9a163bebe7c42a4da6faf767b126', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b26f07392794e15da05491f6b2c03f3635dd255b', variant: this.indicatorMark, required: this.required }), h("slot", { key: '435b02a6bbb5eaf3cd5103d6f4929d8c9c78a561', name: "label-info" })), h("slot", { key: '7efd43713a114b96b74d10dae0b967cbe6ddcd4d', name: "label-info" }), h("div", { key: '56da9c25e86f32cbdeb76043c0e751f2a72269b2', class: "gux-input-and-error-container" }, h("div", { key: '92dfe9f601463b0a175e2f7473bc0e5938c5d428', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'bf2cf24a4d1942586aae892662edd28c2999c11e' })), h(GuxFormFieldError, { key: 'be587a3c75b395b4290e20513232baf1a8c53d35', show: this.hasError }, h("slot", { key: 'e5a4d2eff6229c9362519828af3ca2ad581b54f5', name: "error" })), h(GuxFormFieldHelp, { key: '11e61027c09cd59d7f006c219ef3d870b6ec532b', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cfd6a9363d800337c91cd53061400f55e957c80d', name: "help" })))));
+            } }, h("slot", { key: '43366c9da6e7ada0792def009c6f2f6b60f65ff2' })), h(GuxFormFieldError, { key: '82856e290ad916147e65088c5c855bf152f33ff5', show: this.hasError }, h("slot", { key: 'e3d3dae86fd2781eb1e44b12352b026df92fa91c', name: "error" })), h(GuxFormFieldHelp, { key: 'f6224887bb83b8a30472a661258123f5de07bf38', show: !this.hasError && this.hasHelp }, h("slot", { key: '567e70213ea6ead60ddb49e5fd3e6ac45b039505', 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: '1f92bb0930c3a6d8e6191a790458895d6e548b8a', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '22779e1c27671fb68e0ac67a2bd3b5e933f822be', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'a2e4487772f1fbf419fb547dc7551d978f3f7c09', "visual-only": true }, h("div", { key: 'd65cae69fd0f710ba73918eb69e1df3835120c08', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: 'e796f38dff31b2751a760efa342b22dbd1c24b05', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: 'd1ad9c79abc513d782310cf497aed0ab88729ef6', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'b8596861059c3ff2475dd01564eb4e9af0cc672d', "visual-only": true }, h("div", { key: '1e47c8e1b4e120f5737c7d5fa5602f99441c0379', slot: "content" }, this.i18n('clear')))));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -73,7 +73,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'cd0eebcd73ab18f151ea5db731bd49f9f4d33a3b', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '73cbf4213807d6d15b63c35401d906e5707c8e0d', 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: '893f8cb93674e8234d16ebb3771f63685982ef0c', role: "alert", class: {
+        return (h("div", { key: '7504bafcbdb4fa936c38fcf362fa7a3857c62d24', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '875659a8ed6be235d5161185aae8452e80d4923d', class: "gux-message-wrapper" }, h("gux-icon", { key: '90d8b789054f64cf0c577b831beaa6adf3450a04', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'dc0bb42d6e44e9073b6cbc0020e4e56b13fef5c3' }, this.i18n(this.accent)), h("div", { key: '63b60e0fc00d11893c11d7b883ff41b454e0f03d', class: "gux-content" }, h("slot", { key: '44032f7fb2b49b7b7b850ed1a0e1d871b6288508', name: "content" }, h("slot", { key: '04def049ecf29864c63f478258af0e959ed56909' }))))));
+            } }, h("div", { key: 'beb44954aec3cbc05cc0e3dd31d3490f24775833', class: "gux-message-wrapper" }, h("gux-icon", { key: '89978444bbfc17656c1e911360650f997c5044b7', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'dcec502419377cdc0889cb49393d439ee5cf48e6' }, this.i18n(this.accent)), h("div", { key: '83ce1d2021fc5019e81af4b4e026f006c3e97846', class: "gux-content" }, h("slot", { key: '56f47fa60458b4756a0ed3537cea8df98d214146', name: "content" }, h("slot", { key: 'e036f95b6a8b97dbea6c513850c56b5afda4c494' }))))));
     }
     static get is() { return "gux-inline-alert"; }
     static get encapsulation() { return "shadow"; }

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

@@ -32,11 +32,11 @@ export class GuxCreateOption {
         return (h("gux-screen-reader-beta", null, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: '0659710cecb6a4be475e884023d406b3e64d63a5', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '2e20b2ad4affd4568ef28cf353fb3c3d2b65b216', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '63cd7bc57902cce6b6e943eceb48c5975d1b36e8', class: "gux-option" }, h("gux-icon", { key: '1c25a460dfbb4dd96b902656522c8e360745233a', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'a94fc19816ee91a73cb800680959922cd9b60dfd', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: 'cf72703bcf9b3d053f8889ab61f4a8981b330887', class: "gux-option" }, h("gux-icon", { key: 'fa396072d13c7bd6f80d023070e81282cd8a1c3e', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: 'a34266460137d452e4407b207579e8a29ecbc1f6', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }