genesys-spark-components 4.171.4 → 4.171.6

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: '98d0690d8c1fd17b434f8946cd7f93c394b9b9f4', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: '298fe9be8fbbb3b7f7ff7749d0ce873bfa219995' }, (_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: 'a94e7153bacb115cf63ed0b4dc4603b8347229cd', position: "above", required: this.required }, h("slot", { key: 'd30a5befd3fd15213c284d0c7af243d6d07bc780', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '6449f6c04cdfcdfcd80d75a9b9f229f445b7b7d5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '4eab381a152e8baf40bfb4adcda5bf81937a262a', name: "group-label-info" })), h("slot", { key: '8c988a909db54ff6e9dc294d7dc9e0c4a5d702bd', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '286b30b7358d9715e8c1b9e0bb2a90b259305f59', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'b7aafae8f77cf32e153591bcb0670384aafc1bb2', show: this.hasGroupError }, h("slot", { key: 'a35123dda49a72c62deb59e18f29a9d829a28ff3', name: "group-error" })), h(GuxFormFieldHelp, { key: '4969a7009d6f8bf513394cf60297c6b5b499afb2', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a377111d6f5816316189e5b9fda971311af68c8d', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: 'e510f0c0fcf9fd76c3c391bd66ec2fef75b7be9a', labelPosition: "above" }, h(GuxFormFieldScreenreaderLabel, { key: 'bc4bb057d2d535f204cefe85ad27d9b6217dec46' }, (_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: '5e5164adc2563d6d3bab22188a5d75440c572e27', position: "above", required: this.required }, h("slot", { key: '0906ef1243947d52d9c3d2618c0c88a62b94b945', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '19e888030a5c2078c38dab9b5685e6c8e4dcb4f9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5dd452934445d8269cd667ae910f1533aee27f75', name: "group-label-info" })), h("slot", { key: '4155cf7d2f092ffe73188f573c04b62a50aacdc2', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), h("slot", { key: '34ef875c9dc46ff37eb3574ef94b065e44199c21', onSlotchange: () => this.updateMainCheckbox() }), h(GuxFormFieldError, { key: 'e367804623750343279f24afbb6030c7405f0360', show: this.hasGroupError }, h("slot", { key: 'e140d2c5cf27f58464cabc70f7f49023061696ec', name: "group-error" })), h(GuxFormFieldHelp, { key: '6828d92569eee8d5fdadbe1fbcd93910091ae9b0', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '2b5e8829043e90f7f55c13ec14842436ce6dfa29', 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

@@ -85,13 +85,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '2b294a491cedc62325544ae31f7ca0e32ae3441b', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '5b9714407a6faaeb26502007efc73c59ec87cf60', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '46c9249b6a3dd4f697c8ea296d236726fb345121', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c170cbb3cc937ed4c9b6d1d26ba04f3c87266e2c', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'dfad3c6d0fbe5fb49a88d26dd926d193e7359a5f', name: "label-info" })), h("div", { key: 'e67d83ced521d1b46ae7d61074d4a9b9c51b98d5', class: "gux-input-and-error-container" }, h("div", { key: 'd220d60f0b54edc579177651823855d63165f7ec', class: {
+        return (h(GuxFormFieldContainer, { key: '9bb0ee43e91d6bc55f14c79bf205615caef36b6f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '94e0d29db2d749880f35701ce99aa22015d23325', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '97a0e24aea02d952179317e1453cea220738733e', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9efa9064b0e6270f48f756de90d71e5081b6eb3a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ea8cce3efc4e54fbb18ca9b498f684457f16166d', name: "label-info" })), h("div", { key: '85730bcafa56972ec24edfff30b7cba3e22e4f7d', class: "gux-input-and-error-container" }, h("div", { key: 'b64c5aaea6f3f16dc9dd05aaca7e4ba4e558a55e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '02de15bef4a1e5b206e8abe595c7353f73f93295', class: {
+            } }, h("div", { key: '41c6dcd864d396fd51ef29c381ffe6d157a950c8', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '98f63dfef469bc8ed7e4990d5ce2a82b33f213f9', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'e7973a26ae9c40a79142180782f9c2d8a21eb00f', show: this.hasError }, h("slot", { key: '892a55dfd1c972e2bb1cea9375b071b167e6ccd5', name: "error" })), h(GuxFormFieldHelp, { key: '0429c9be3c92067b61bd8c2bffb9da4402ad0d9e', show: !this.hasError && this.hasHelp }, h("slot", { key: '85fbf1c590a2d5b99d4bf4bc19212d6baabba4bd', name: "help" })))));
+            } }, h("slot", { key: '0b967d0efd9eca208a40369679725389f4feccb9', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '03c36ee06dc975ee41dbe176e4c225cf520d3145', show: this.hasError }, h("slot", { key: '5f39c0b374eab15bdc51bcc8d4b66d8099a1bae2', name: "error" })), h(GuxFormFieldHelp, { key: '308153f1fa7f016ea9e724626e335a48171b8722', show: !this.hasError && this.hasHelp }, h("slot", { key: '13d012116faf9688ba1d98b080c545c286d3cb6c', 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

@@ -99,11 +99,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'f2f4e9a8ff7f9e22045a4be75a5d3b41447ae71d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '00ed473cf198a45a2cef8ba110780d2caa71b03f' }, (_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: 'e18eb380e152e014acf011e2858e4e1f802073b3', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'fb18e487b41ad436918342653f1d7642d6530074', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '27c7ca59d34e537eeda039c95c4b119232c1fe9e', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cd7efd152a6c02f115a5953e57d8a5f0333ffbf5', name: "label-info" })), h("div", { key: '021d1706cabb39b8dc9402ab8d531aed533fb57d', class: "gux-input-and-error-container" }, h("div", { key: '2c5117c5e441a28dd9bc270d5a45cd3e1d7b8f00', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '9020a7db668f3cb5c6ef3db9a230e008ace4bed1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '52a423218fba63fa959e8563b323e23316da0ea2' }, (_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: '61d0d48c3ed153d93c4973615b1285dabc474847', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'cf6a6a962503f69bc33bb8fe4dbe633561e29985', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9d529f92d0fc5977033217a41faf43dcb57bdaf4', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5a93d1502c8337f4037c65fa06870c1244f574ec', name: "label-info" })), h("div", { key: '19ee8d6085059cc637cb46ffee99279c2481ddb8', class: "gux-input-and-error-container" }, h("div", { key: '179346ac87f748081e7a591612f5a69de233e9f1', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '6faca4e188336a14f3ca7ed945ccce9531157a86' })), h(GuxFormFieldError, { key: 'e60dab8fbe562ea703d869b08684672a372a19a5', show: this.hasError }, h("slot", { key: '4fbe80625cb1c8e4e6ecc6c7e7e0fbd01c1353fd', name: "error" })), h(GuxFormFieldHelp, { key: 'd97ecff22998058888377877b40574a40bcbcccc', show: !this.hasError && this.hasHelp }, h("slot", { key: '4516800cc56bb7203f18c752689d5ba266578b41', name: "help" })))));
+            } }, h("slot", { key: '7a91ec18082348fc7334733f22a36738d74b6d0b' })), h(GuxFormFieldError, { key: 'bb4687aed62b3ba2246967125884897861afdc03', show: this.hasError }, h("slot", { key: '1a7d9292bb9afdfef87cadfd73c042f4ca223ecf', name: "error" })), h(GuxFormFieldHelp, { key: '600311438afad613d07e99aced9b948809b430ae', show: !this.hasError && this.hasHelp }, h("slot", { key: '7590cb2f825a03586d6b4375479cd7c25abbf620', 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

@@ -102,7 +102,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '08511bf60b590f9a13ba6a7fb3561769eb0d3aa1', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '04a5dfc249109bbe7fa2989d764a9ae58bc952b4', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6953fc2d625acbf6e3b33da32647cb534c1864d1', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '51ec4246ee2079232ef350e6decf7dbf1dc91b04', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b2f6397e827292e196516614dc72774bb9a80020', name: "label-info" })), h("div", { key: '4a1a487771bc384f433278cfe3ba63c23141fa8b', class: "gux-input-and-error-container" }, h("slot", { key: '47d0d93b1ff6902dbb6fb17233455a6209f15698', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '96b0f4cf4ccc15e6f42856c03ce0e109a30c7d72', show: this.hasError }, h("slot", { key: 'ae24a6c6a1ffbe31d576a946dd7e8d8c4574fb39', name: "error" })), h(GuxFormFieldHelp, { key: '2702e229e642c9e700b203f7fc20a15bc7c0fdc0', show: !this.hasError && this.hasHelp }, h("slot", { key: 'da73bd0d3b3207bffdff1d0cbc6506c301cf8792', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: 'c81fbfa48e90ff635a168d726efb0317912e8eec', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'df4978a1e3d8b36f15f6a38194513a4dc3608a38', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'bcb8e39bf89e2a56ae2863d9fdececb28450aa29', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '27fe84a8081016d09788b5f054fa37cda4f5673b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'faffd8212a5705085e9c279cd8b5dc209bc95b67', name: "label-info" })), h("div", { key: '92e9275b73d2952e66e0409ebc9dbe933b591c1c', class: "gux-input-and-error-container" }, h("slot", { key: '976de47774150f01eab0302f77818917fcc8c5a6', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '73113ae0f0e5447df7466f0cfb77ced4d9177078', show: this.hasError }, h("slot", { key: 'c55abb34569f8e1ac336698613f8846df65a35f7', name: "error" })), h(GuxFormFieldHelp, { key: '89df5ee890bffc28be97e4181e5450bfdb97bd91', show: !this.hasError && this.hasHelp }, h("slot", { key: '0f5a5a4124ae5bfbf8988ecd3710dd66428416cf', 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: 'bd9d26c240035ffbe982dddb2a9c21bd666e6e42', class: {
+        return (h("div", { key: '5e66c9e3f12904c4f3fc4b50ef4c9713e94b1eb6', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '52d3290facfd43bc9190ce06bdef735f0fd7a913', class: "gux-info" }, h("gux-truncate", { key: 'ae84f7ca73d48fc75ea1ad1bd5c4217e195e12f0' }, h("span", { key: '62b2acb4682e9b89c1064ef368807faf24397647', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: '85339b24f0b196ab66ccf66e83abc2bdfaec6507', class: "gux-info" }, h("gux-truncate", { key: 'aadebaee1fd0a4db112e8c28462c5ef322e13a77' }, h("span", { key: '633c5789d7f70fcff9158ae5062ae00d39becbda', 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

@@ -91,7 +91,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'd6cd4823100ca775ddd66079da9825e9dcf6c41c', labelPosition: "above" }, h(GuxFormFieldLabel, { key: 'c35ca22f59ce27c225b92d14002418fbe600fd69', position: "above", required: this.required }, h("slot", { key: 'b19f3e2baacb6d03212926d9f3383c2dd6e75060', name: "label" }), h("gux-form-field-label-indicator", { key: 'baf3c024b9dc7bba0a2ad8ef697a9d0928efdca5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0cb36f65dc3460538daac6bbf62f0edf99e39bd9', name: "label-info" })), h("div", { key: '8f68e0239d124e802752800c054d867508175181', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '3f512ba19d68ec08e72b3f1ab994c0246f15b762', show: this.hasHelp }, h("slot", { key: '3e663f6a7094935eb03ee6a69410190bb0d50a63', name: "help" })), this.renderInputSlot(), h(GuxFormFieldError, { key: '4d9dd6596e57c32a4e2f86da8684c59b6a72ef69', show: this.hasError }, h("slot", { key: 'dbdbac3f00d3764d9b0bdf70394ba96e4d79cdbe', name: "error" })), this.renderFileList())));
+        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())));
     }
     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: '064b2007a38027d4f97550745ca7c7f3cf4b7d8f', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd1740901d5d5c27ec4f806bf35befa064e6a66d5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '58027f50032fbeafecd90837708f7d601d10f1fe', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0488b44de3e25719b594ad8d8ddb11bf262ec7dd', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'de7653879e59754090b60f0e252b31e56465aeca', name: "label-info" })), h("div", { key: '90ac5896eca80bcf8f90bd46ddffeb55cb8a8857', class: "gux-input-and-error-container" }, h("div", { key: 'ba18c3897c9c0a05c79db41a2e830cf868278f3b', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: 'df7c0fda30de62de2b8e60d990db981d46bed398', class: {
+            }, part: "input-section" }, h("div", { key: '2611ee74b88f36ea13e737a9ca2628ce239c2723', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'db8e57514b91b790ffef0e6527c7453f4b836ff1', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'a94c0704fd44dd528e715f080fb78ce4c01c4c34', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '2b5102f868a4e18812549bf6e96b6e413f352096', show: this.hasError }, h("slot", { key: '9d22a28226b37f1f07269fac2b213a95ea28081a', name: "error" })), h(GuxFormFieldHelp, { key: '337135575dadc0205a503693eb6ed0904048e7ed', show: !this.hasError && this.hasHelp }, h("slot", { key: '5ff91b042057e53e5a0544a1f2f2360d6efcb671', name: "help" })))));
+            }, 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" })))));
     }
     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: '76ec4542d19c73820b60e842627c0a858cc72a01', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd2602bce25fe1e01096e6da3d3d171730c362688' }, (_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: '6f55fa065e8739cd78cd06568f89611205eb5ee6', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8e4dd8ba32b6ee45ee98f3973d52fc7a8ab52ff8', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2574f92ac8b14b7daf54555a15f79ddb2ed94707', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ed18535d9d73a9cf45c33146a2263221d873edb', name: "label-info" })), h("div", { key: 'c7763fe39299bf1f7f8c8d02e8589ef26bc60d30', class: "gux-input-and-error-container" }, h("div", { key: '3af18fef9a1de6dc05f590310d681a7648e5a55f', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '18aaf519eb2e58eee8fadd543a838cbe87c4371e', class: {
+            } }, h("div", { key: '02ceeccbe07de8777c292d5dc6fcfc4243009eef', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '70dfbc0d9a344cbc81cd90834b16f6696316634c' }))), h(GuxFormFieldError, { key: 'e24b52b1084eb2b69398de9e5e0bafbe34efe3a1', show: this.hasError }, h("slot", { key: 'e6785757f2193cc643fb2c5285e5a7d57ac495bf', name: "error" })), h(GuxFormFieldHelp, { key: '27d134d612398cb783e4875b437b0a7fd7135942', show: !this.hasError && this.hasHelp }, h("slot", { key: '98e602e754705715c2793776ef5803c07ecada0d', name: "help" })))));
+            } }, 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" })))));
     }
     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: '027a65529baac39c48426634b16e216de228e935', class: {
+        return (h(Host, { key: 'e9b9c79eb41ac2d19d0bcc932f7ec95a199b9903', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'a368d94400ded63f97a91961c04c68e2b5458c36', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '54ffe9d74bd5b5f2763008ceb774d71b4cad744b', class: "gux-input-label" }, h("div", { key: '4d32d3a82fa16d0ed6461b20779b76c8c6ee8692', class: "gux-input" }, h("slot", { key: '2cc9b7db733a5845f2bd758ae25eea223cdd184d', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'd2e351035f0737fab0eab622148baa0e14bcdca7', class: "gux-label" }, h("slot", { key: '1bcdee07bdd20ce7cb7c2f6905e82ed56611735d', name: "label" }))), h("div", { key: '662f53fba77fda4fd7067a5c255d9ecc6d66ebd7', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '1a2b4f3cdd0ef55638941da8a5f80b109aeea2b9', show: this.hasError }, h("slot", { key: 'ec9fab4a338961d884bf90ad30c61b50fbd1b866', name: "error" })), h(GuxFormFieldHelp, { key: '41e1975a1824c49330654cb7693d314cd765bb45', show: !this.hasError && this.hasHelp }, h("slot", { key: '47fbf0b55fea3fcbff967fec03a134b3dad95384', name: "help" }))))));
+            } }, 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" }))))));
     }
     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: '731c2e0b2b969f58583d3df7f813a9c73e59e489', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '18dffd2ce505962b4df7fef1ab31fcf0e44eac38' }, (_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: 'd857a6f447a4e05c30092cf947aaf24ea3fd2a81', position: "above", required: this.required }, h("slot", { key: 'd85271ac786c4556e0452bbfec8b584a1d4f0877', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3a0d099903ac6c3bb938e0744e8f474862e34756', variant: this.indicatorMark, required: this.required }), h("slot", { key: '851cb0c5e43e9b6f65188177e58138e82f1420aa', name: "group-label-info" })), h("slot", { key: 'b538ad5c1be5b6ad27cd60124b1164edf6bbba9d' }), h(GuxFormFieldError, { key: 'bb1ecc4080944f92df270cd270f8e65d319caea6', show: this.hasGroupError }, h("slot", { key: 'a2655f28592b13240491db06e8d3e2059d5a9239', name: "group-error" })), h(GuxFormFieldHelp, { key: '394bbd8bf6c106a2be881a9e456d996ce8904d66', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '60ad4e1b66ddf8ed1a69fa350114614de7f614af', name: "group-help" }))));
+        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" }))));
     }
     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: '31f01769550d411a4713273f21460ef8a17bfe9b', class: {
+        return (h(Host, { key: '704aa9e8e576207449de82b964c9b3d25b921914', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: '05666e5c2da8a83fc5dbb5e4c74fc6cebafe1873', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '944a961259a0ba609321ed18d390643356f46e0b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '251d8d4585e9341a219d6471e6094097e30db03a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'b2254578b8fc410c9ad118c18c3fae319fcaf213', variant: this.indicatorMark, required: this.required }), h("slot", { key: '526d1c560163c94a3cd7773fc01e06121c96782f', name: "label-info" })), h("div", { key: '607cd1107fe1b1be5efaf086ce488d7754656412', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '46a6d1cde69ee6bc024dd7d6b5c71a936573464a', show: this.hasError }, h("slot", { key: 'e1166d2a1b2ecc7aa68c6fee47c2ce3515016ec1', name: "error" })), h(GuxFormFieldHelp, { key: 'bc7b2c84530ff62e5eb9e8163b83139409547e76', show: !this.hasError && this.hasHelp }, h("slot", { key: 'fbb856c477c50e0fafdaa74abc8d62dab8a70410', name: "help" }))))));
+            } }, 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" }))))));
     }
     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: 'a74e52145e3730e81a2fc9809f6b91caab36f95d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4ca03c5135a5f0caff983e89c1be29e140b63dbb', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '143a6c904688b0bcdf6bf904cbe9689a0d7893c2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cd0e5d753d09fb2b129add014a878c7407ff9216', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b647dd68be49b0d54e49c0c88b9ac484dca8b615', name: "label-info" })), h("div", { key: '7f1fec79684afa6943489451d2a02e578e4317bf', class: "gux-input-and-error-container" }, h("div", { key: '9080ac7a90dc51ccd4461f3e20058f93e605bcec', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: 'c4a3823de7f3e5e6171c48b7a0b8860379eb70fa', class: {
+            } }, h("div", { key: '4484c395ec89c16ea0e431ce4ba40c7f12f07f4c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'c751e178a2df12fbb1450c8e634c8ddfc88529ea', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '4c9789b11d5ce5da90e6bf16e0de694878f1b093', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '11e2f54cc02572395b5c23b9e3e6d7382756171a', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '95affd07be581b62a0d1feb8f6f6066b90b32214', show: this.hasError }, h("slot", { key: '521c6e8eac641c4c6cae8fd1eae8c2842078d509', name: "error" })), h(GuxFormFieldHelp, { key: '3fc1bdb3cad4e36bc7852d31164acf67b70ad513', show: !this.hasError && this.hasHelp }, h("slot", { key: '7eb1cbf7147edd67c2b87143ab6f2f5d24877669', name: "help" })))));
+            }, 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" })))));
     }
     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: '1f7af21ae6f4e0f340d7bd1f8b46905a9006affd', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '8e1e26efc04a630a3210dc9f6f5369e86f5d7b3f', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '52bad8ccd6be89d32d481de6dc4593b27d4c373c', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '9f945d2aa00cf10afb6108d4244471d020c06b38', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1847e3b363f25bb9545044e14ac1a82bff288446', name: "label-info" })), h("div", { key: '9e20271510432d81386e633b3b5235ba515f60e6', class: "gux-input-and-error-container" }, h("div", { key: 'd378c343be8091b1e21c42502712e27d3c4d777f', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '9869b00a57d35e9d9d080ce83695a6cf8a0cb0f4', class: {
+            } }, h("div", { key: '25ecbf15b554772fbb9b49d85c1bd11dab27471b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'fafc752d2d5d26829b46a8ade25606e8dc24a60a', name: "input" }), h("gux-icon", { key: '8ff17bf951a4e28a7f4e4650c53e8e78858cf5dc', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: 'f907d942bbb78d090d0e40235f6e224c96e7e63c', show: this.hasError }, h("slot", { key: '357466cd4fb1d5aa4c7da17f94a3a69c6e1b4478', name: "error" })), h(GuxFormFieldHelp, { key: '7bf8bc68781ee3a26ebc159eb4802f2f129f0638', show: !this.hasError && this.hasHelp }, h("slot", { key: '6f8c8da344636a9cee18fc27bb0b6a9c17dd41e6', name: "help" })))));
+            } }, 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" })))));
     }
     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: '052193dad16740cb33266b39bad1ff6f97491f05', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '1321c9db80a9db18592c50648305549aa9f5f3f9', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7c2b5db94cb3755bb88275fd9e8e65e3c104fe8f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '82fa67d4a259d9be2a010b93af28e3ab355b6d73', variant: this.indicatorMark, required: this.required }), h("slot", { key: '73dee45dd499f8ee31d7925040e3abe70d1c8923', name: "label-info" })), h("div", { key: '7603192f8e5b673f5669d402a942abca6b95c29e', class: "gux-input-and-error-container" }, h("div", { key: 'd6422fc785a4ed80d8dd818cbfb9e3f3eff42605', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '460152bf2a6a0d764681bcd997ec8167048d699b', class: {
+            } }, h("div", { key: 'f29ddc3ae15dab4002423197ce745426a9b81989', 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: '5470ede1eec1f0cad4c0112a50b7adc6fe0dfc20', name: "prefix" }), h("slot", { key: '9017dc9ec1340605d5840adc7ace438c80797099', name: "input" }), this.renderRadialLoading(), h("slot", { key: '50a7cf9eae2c62f62bc9a41ad53ae185a562551f', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b02a8880f365da818b968f929a29efbeaae94189', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '8d977af3e6e196815afd63b30d60da604f783e6d', show: this.hasError }, h("slot", { key: 'd86ca74347b21511fdfc5dcf33d11a06510b306d', name: "error" })), h(GuxFormFieldHelp, { key: 'c2c9b8a1cda26789e619a3aac1fd7c241f15a08e', show: !this.hasError && this.hasHelp }, h("slot", { key: 'b619fe29487e5f78d49189aa68f9ab4b661210c1', name: "help" })))));
+            }, 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" })))));
     }
     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: 'dc91f1c52f5ff4b03602dc988de4bd98d672b9f5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9e99c750315f5b791618290ba84646e5d4e62c12', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'c74895595797e2473c1519102e2ce2293f54a877', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'cb0250e5950574c7863838620e775106e69edcc7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7507e6f8d81f1a936aef580367133d42d96322fc', name: "label-info" })), h("div", { key: '5f4e9e7bdb27b0c1487a57693a125e0be4a01485', class: "gux-input-and-error-container" }, h("div", { key: '2256a149e567345c42e056f0a012fec5b057990a', ref: el => (this.textareaContainerElement = el), class: {
+        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: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '430bba39a0067891aa8b35a2775af5c821914a58', name: "input" })), h(GuxFormFieldError, { key: '8938e6c87d7b30589ee73ef2384c522618482465', show: this.hasError }, h("slot", { key: '5bb212a62026cff9170bf2fd3580392b5296b6dc', name: "error" })), h(GuxFormFieldHelp, { key: '7d9c330c620ba837fd56567abcf2d1361efd5543', show: !this.hasError && this.hasHelp }, h("slot", { key: '78dff60fc984299a30ee0bc2b632789befa8f014', name: "help" })))));
+            } }, 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" })))));
     }
     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: '0c2cdc6eca40af226ae24079c99d164ddcd12600', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1617f88288293f831889f150ef1d69eabb123a42' }, (_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: 'aeaa56b68b49eb096a9570d5d3dc9d0643b47a57', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'afc71be8118bec86e2041c68e4f261d2a778265f', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '5238dec8976b892b08367c6fb8e4a82c7126cf3a', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'cd5111809b8ff0b3cd0316ed018b524d2db973a2', name: "label-info" })), h("div", { key: '9af39d057c982688352b877aadefdcef8119a31a', class: "gux-input-and-error-container" }, h("div", { key: 'b31672314ac1065f65b99d13dbc774897ac37437', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '8afed2032d884964bb8184acdba88bf3aaf3e9ee', class: {
+            } }, h("div", { key: 'a31bf94ed550ed8725857a549033f5853f169a63', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '985ce24b804a8388e9edcf153677ba2698a77bef' }))), h(GuxFormFieldError, { key: 'a59b033b7d4f77e5b692cc84f00f9dc46d95baa5', show: this.hasError }, h("slot", { key: '1f9ad63d997b15c22d660198ae66f345b2e62034', name: "error" })), h(GuxFormFieldHelp, { key: '0e2d230e6b2e3768d5794c6e8752a57f710ed466', show: !this.hasError && this.hasHelp }, h("slot", { key: '5d7216036c87afa602947d8d218520792b9580d8', name: "help" })))));
+            } }, 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" })))));
     }
     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: '1ad4d1c99aabb9a05e74fc29f2b837395f09b509', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'ad6f9aad86f1f204bc1e031922854e7d49cbf4bb' }, (_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: 'dae40a4854def934d8f0c36fc4839b489a5daeac', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '6bfdc3715997776d902ef4d2fd5e77687c082da0', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8216331ad832ec97847bf6eec4bfb2f0fcc5c36a', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3f8a3c2ab7f0eafafd5cb5e04655c9db971716e1', name: "label-info" })), h("slot", { key: '2f6f4e8cd88b743cefdd8d3f57b184fec3dd2e24', name: "label-info" }), h("div", { key: '0c64f7fb01d27455a15cf0141922cfed7e8d3903', class: "gux-input-and-error-container" }, h("div", { key: '6435dbd53f58b7562dd26661174ba80150f08c20', class: {
+        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: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b3753cfe2c0ff405a8d50810e803ded2b788f275' })), h(GuxFormFieldError, { key: '78c8ca42bd66e97d9acfcdc121b6c05c37086fb6', show: this.hasError }, h("slot", { key: 'ca9116ecdb5f8ef1c27ab79c4d15fb482b001e37', name: "error" })), h(GuxFormFieldHelp, { key: 'f8da82f8466efe11d5a6e4ffab6a4fa0c2ea6ef3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f1b21555ecfdeb1b007af82f0d01b7a6db94787f', name: "help" })))));
+            } }, 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" })))));
     }
     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: '862f8c928a953bfe7acd8e0db031c263adfb921d', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: '16288e57f1813e149f773d11cd091d6d4937781b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: 'c54f6ecd5a1cbaa6728decc53201bf17c421b3eb', "visual-only": true }, h("div", { key: '32293800c852ff0978b26eb0150c773d8530b8dd', slot: "content" }, this.i18n('clear')))));
+        return (h("button", { key: '74ecd7d288b23976ad215b688e6f55ef87901283', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, h("gux-icon", { key: 'a2b1f1a775a7f1b173b3876eb0a42dffd7e6c62b', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), h("gux-tooltip-beta", { key: '0fabe63b0e3d894d2cf749533c5c0468b77d81ea', "visual-only": true }, h("div", { key: '2359e190c6c3473ef6265fd76004fff88b6e783b', 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

@@ -68,7 +68,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: 'a59aba2c4f3cd199767b643dc42e29d4b13f3b12', 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: '916f7d48809d702c93f9859fe6c33160e8172e17', role: "alert", class: {
+        return (h("div", { key: 'f1117f07b6e137b6090575a0abb4018bdbdf4c92', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '2c819f7ce29e9b6f1c9a83b1a2e138250fee9c53', class: "gux-message-wrapper" }, h("gux-icon", { key: 'aeacfc9904adaa1d3d244ca673f45f341a910e40', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: '1718705ae90a7239ffe08ea272b45d3bd8eb1ba3' }, this.i18n(this.accent)), h("div", { key: '243f7623d050a7e3bfdf62134c1f826e498dc7c3', class: "gux-content" }, h("slot", { key: '84abf447e95172b66d85da1c06ab5dc885bb90d8', name: "content" }, h("slot", { key: '71fc229ec57399560ad38e51055bacdc60748225' }))))));
+            } }, 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: '832a958e798918e5a855e468b849cd7f37227764', role: "presentation" }));
+        return (h(Host, { key: '3746ba873e6e1a8553b4a38859f549713f2e369f', 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: '431a816cf504da6c5d15e43254b3d26a73e81bb1', role: "listitem" }, h("button", { key: '9f77f42138d9ab3e08df8360e235e92498c4d0b3', type: "button", tabIndex: -1, disabled: this.disabled, "data-testid": "list-item-button" }, h("slot", { key: 'a6bc27b892b8f356aad4d9e1947d59080cdb9277' }))));
+        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' }))));
     }
     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: '769e96008978c3c427f6ac6657289d3a86167b45', tabindex: "-1", role: "list" }, h("slot", { key: 'd8130d172a4589d8dc362fef2299fbc136119598' })));
+        return (h(Host, { key: '53331bf67691b223922f5f855e2513a2390b1cc0', tabindex: "-1", role: "list" }, h("slot", { key: 'f34a9ff8b70dad57c71c701931ce58a193e07a4a' })));
     }
     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: 'c840d62ada3e45597bce575ac5964558cbc02dcf', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'd7afc055fe0be77c6b1911ff85d5439757906659', class: "gux-option-group" }, h("div", { key: '7a037eb4cc1cfbb9aa81f36e5283cb3077b2e0fa', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '47b2614cdd42789782c7e7f123946b13b7994095', role: "group" }, h("slot", { key: '02e69681127a8e660c62b0aff288606bebc311b1' })), this.renderDivider())));
+        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())));
     }
     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: '4ff53f1b8164fdbb6b4b994aa19f029a8f7dbdae', role: "option", class: {
+        return (h(Host, { key: 'c2672c6cb5bf516a3495eea8357d3bc4c4c900da', 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: 'c0b379dd41e0c8aa8423f14d9a4ef569776b5df0', class: "gux-option-wrapper" }, h("gux-truncate", { key: '7acb8113ecf230d978949ffa6fd2c180d2bbc0e6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '9c99dfe30b919418d5c68d96aab336249bc3c27f' })), h("slot", { key: '9b55759969afdb82230c22caa1de85babfa1f1e0', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "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" }))));
     }
     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: '37aef2f5b177df6b6591f6f7c39515ee540b312b', role: "option", class: {
+        return (h(Host, { key: '7f26c292345951dff79122bac08f2b3629382701', 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: '3a819d77109a5b81c5396147cb3f07ae87e62da2', class: "gux-option-wrapper" }, h("gux-truncate", { key: '65cfc8baea33e75f84841d057560cfc16201476b', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '3d0bf2e6013aa6829d5c8c0ec83565aa4a68b2c4' })), h("slot", { key: '2622c09b9aec78d3a0bf8756654d2cfe502e07e3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "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')));
     }
     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: '51a53197a4cf74069c2a1f2d16b2a29d1e9a15fe', 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: '87bd5e7253b77012a513e884ce760dab62512976', class: "gux-option" }, h("gux-icon", { key: '51841130522f324a46b55820029fc4d5eefc1cf7', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '08ff00766ebc075f7523223f664a52800076907f', 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: '162462d46174ae1c95ab206a45dd16733586973a', role: "option", class: {
+        return (h(Host, { key: '2325e784623a05a6198fbc59ce712d6873392a2e', 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: '47cfb63001dd337e815c961b1b95585ecb5523a7', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'd30b965f30418ce2f6b516cf7467493667dc7ec6', "tooltip-placement": "right", ref: el => (this.truncateElement = el) }, h("slot", { key: '66347aac70923d2fd7a7c1c318cd15ea29d4e6ff' })), h("slot", { key: 'd8159a0a5f14475bb57bec29b001a4d7ce6ab7f3', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "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()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/stable/gux-listbox-multi/gux-select-all/gux-select-all.js

@@ -55,13 +55,13 @@ export class GuxSelectAll {
         return (h("svg", { class: "gux-checkbox-container", xmlns: "http://www.w3.org/2000/svg", viewBox: viewBox }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: paths[pathKey] })));
     }
     render() {
-        return (h("div", { key: 'dba68d209526909e6bea1bcd02c513ad0700b18f', role: "option", "aria-selected": this.selected.toString(), class: {
+        return (h("div", { key: '68044356079af432a87cd321e459ccf393091f63', role: "option", "aria-selected": this.selected.toString(), class: {
                 'gux-select-all-container': true,
                 'gux-active': this.active,
                 'gux-selected': this.selected,
                 'gux-indeterminate': this.indeterminate,
                 'gux-has-scrolled': this.hasScrolled
-            } }, h("div", { key: 'b80762e33b37292774c427b944bf7bc7ed219ff1', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'c5888b3202d0b0d95e8520cddbda68e30d16036b', class: "gux-option-wrapper" }, h("gux-truncate", { key: '504f3558eddb83c9b996280b1ea30bd32041888b', "max-lines": 1 }, h("span", { key: '74d90bb7aa4459347a9b3f7416135d15f9e9b4af' }, h("slot", { key: '351ed718d690846163c4378c0812ea7af793a675' }, this.i18n('allOptions')))), h("gux-truncate", { key: '328801816b5c58f46475ae6ebc7febeea34fc89a', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
+            } }, h("div", { key: '51120dac35af8c737da2959ef31bbcf3c65c807d', class: "gux-select-all-content" }, this.renderSVGCheckbox(), h("div", { key: 'bc41072c89f96b871d77a18b8c1f942a22e31a84', class: "gux-option-wrapper" }, h("gux-truncate", { key: '74ca423c8e1010ed1d0e730301ffd8203b83fde3', "max-lines": 1 }, h("span", { key: '5790de68c23133c7d275c621778fd25e0d9543b6' }, h("slot", { key: '505bf2a041d98013796a8a1061cf1a3912624007' }, this.i18n('allOptions')))), h("gux-truncate", { key: '2014399b500145644ca814219a87aa5c7912cf9a', "tooltip-placement": "right", class: "gux-counter-label", "max-lines": 1 }, this.getCounterText())))));
     }
     static get is() { return "gux-select-all"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '6ceae67d1d15161e5bb7f7d4a388a690b29053d1', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'a026c51e83cdc1e4c50ce20641c3b05fd0694123', class: "gux-progress" }, h("slot", { key: '88020bca69d225d414f4975e117cd8594f820d4b', name: "progress" })), h("div", { key: '659503a94494155170b6bce6b7b43562ae6df60a', class: "gux-primary-message" }, h("slot", { key: '036124d7874cc20889d7f70c99860ff7dc7e8e21', name: "primary-message" })), h("div", { key: '95a2dd2b517fb5c85afda947eb66f1eb4cf4adb0', class: "gux-additional-guidance" }, h("slot", { key: '346b97c157c1ede020aa484a8ed09fac7d93643c', name: "additional-guidance" }))));
+        return (h("div", { key: 'b51f1bd26a86deeda5760aaaa7726cab58f5d276', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'b5c67170e9aa380209094dbfcac9f51cc229cae1', class: "gux-progress" }, h("slot", { key: '59debe8548711198a29787cb8cc173db8318d087', name: "progress" })), h("div", { key: '9f3c9cdce81470dd05c59add060a5e69fbd3e822', class: "gux-primary-message" }, h("slot", { key: '900b68d5e257f827821a27df0ca4667bd0dd8965', name: "primary-message" })), h("div", { key: 'a61c07ebefc2203118f051c1515e66705b321c24', class: "gux-additional-guidance" }, h("slot", { key: '4981f5781d696612baf34027748189d7180fb197', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }