genesys-spark-components 4.126.0 → 4.128.0

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

@@ -84,13 +84,13 @@ export class GuxFormFieldColor {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '4e37c2be3da8a3afa03c57fe911cba011b27e748', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '9647b1d22e706b8f4892ab16151849678a4c9c1e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'd6b7e328e54fc50507531f9ca662cfbae763a6dd', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '1f12ce513f8126b3c94d8c8dffeace8ae84852ef', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'e330a6a178705e1f8b674769baaca884803b5604', name: "label-info" })), h("div", { key: '626c44eab58e8c30a0e75529916697d6ecd38806', class: "gux-input-and-error-container" }, h("div", { key: '4f9de4b94c9134c43621a323e1844642db18ce23', class: {
+        return (h(GuxFormFieldContainer, { key: 'a1254a49bdd604a780ca5b763f02c79688e9992e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '32161cd724db17bef0bf705da6f3c5eb8ac19d10', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ed670d24f28a5e574c0167c0ad5d81c9217e0cce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7a65e197887a516aaa1211593a1b3fda759a7fd7', variant: this.indicatorMark, required: this.required }), h("slot", { key: '6588bd1ea2438f820792a375243ccb018b3f1171', name: "label-info" })), h("div", { key: 'aed16d69981cd73f533b3a18441da39fffa6e342', class: "gux-input-and-error-container" }, h("div", { key: 'c4c39122edd56132e5af7c654bd5537853f4daef', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '24c29cc3f858ca4605091ec9e511043eb27cab3d', class: {
+            } }, h("div", { key: '879870ea86f8dec322abe44459700174a96ace39', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'b1e2a3a529c4e8b75521590af6b6ea201dd72733', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: 'a4bcf4ea048ed8f6597adfd859bb1eff3fe2f00d', show: this.hasError }, h("slot", { key: '8031a6bfdb1ae67510f64704ec64195c5f1d3dd1', name: "error" })), h(GuxFormFieldHelp, { key: '9bfb53e582a935814c0928f68c661c5643fb7a71', show: !this.hasError && this.hasHelp }, h("slot", { key: 'dc98a52e194be0ba2c5e655147009cf76d036082', name: "help" })))));
+            } }, h("slot", { key: '9836fff073443e27d583abe07d2f067a62e9e4b3', name: "input", onSlotchange: () => this.setInput() }))), h(GuxFormFieldError, { key: '0ee00f0511f21cf535469dda23f13fd48fdae4cd', show: this.hasError }, h("slot", { key: 'c619397a5468f3b88eb54d0cf29c0339b0c187c4', name: "error" })), h(GuxFormFieldHelp, { key: '61cc149f1b2050615568908e3d6222941eccddf8', show: !this.hasError && this.hasHelp }, h("slot", { key: '80803b18f1530e2ef41f65f98f5a84eac7319c8a', 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

@@ -96,11 +96,11 @@ export class GuxFormFieldDropdown {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '407596d4d5155948a198ccfc01c18df9983170c6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '315ad3a04c7e6887359177b32cf536baf3d0c77c' }, (_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: 'b4af4b3542ce6ef371835640d8166427bf3079cd', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '923503c8d04c9d58599b624dc3dc95becc04c9d4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3d6029e71ac98941a4636b38dc998f8ed0cbe570', variant: this.indicatorMark, required: this.required }), h("slot", { key: '7ff996afe12119a5068410f558487aa3d2550d87', name: "label-info" })), h("div", { key: '993901c5907e35364723241450523f70220700d5', class: "gux-input-and-error-container" }, h("div", { key: '39254fe1aa4cf2042e9abce425a92fc75d9aab1e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c347276833025035bd90243a90ad27df0ba46afe', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '68c9b0694e33feb3135dbdc798c9bb78d6e0700d' }, (_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: 'c48026033fbb870564f74f6547d63a6c66cd0a03', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'f6f514e63bfa5703d1a5a4242c82fae77933db90', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '56b87b0b1c5c042b59842ea107a52a391771ecd9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3625460474664c9aae79fd05dba547855d5d9a00', name: "label-info" })), h("div", { key: '6491fcf755e265f03885759d30d5512f4c32dac1', class: "gux-input-and-error-container" }, h("div", { key: '4cefae842dfad33fa668311567f69acbefc6d51f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("slot", { key: '11db2bb6955169ee5feb0174a04e3c1c1128de60' })), h(GuxFormFieldError, { key: '058c99ab06e9dcd2a3ffea5172d3bae87de8f776', show: this.hasError }, h("slot", { key: '9d530630ed7603a542e755d80a55f70414f3820e', name: "error" })), h(GuxFormFieldHelp, { key: '12b4e1e1a804b0ddd9379a5cd67fb7acb2f7e904', show: !this.hasError && this.hasHelp }, h("slot", { key: '9567de9828fcfebcbfa435186c74d588c981fdfd', name: "help" })))));
+            } }, h("slot", { key: '11b191191dca3d285e419a3a5ef5d0ff6198386c' })), h(GuxFormFieldError, { key: 'e431ada8c3e1c1793b1551c19caf70509065bb8a', show: this.hasError }, h("slot", { key: '298268ccfae738d9d0caa9b4c9dd4f450fd8040b', name: "error" })), h(GuxFormFieldHelp, { key: 'f5be92964411367c052ea9617e5b7d5f6bd3ddc4', show: !this.hasError && this.hasHelp }, h("slot", { key: '8eb333fa890b97e92906210ac68a34b5b6db3697', 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

@@ -98,7 +98,7 @@ export class GuxFormFieldFile {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0582501ab3e6a756a14dbbd274e26908d2c549f8', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '4b294d2f3d6c388bc7066e3c4f666a1c16dc7c96', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'aa0593d2f1e7490d70d74475dc22c26d1c9ca01b', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '49181f480fe19e6a3069a6a5f5655594679e92a3', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd1da16d29c778840261f5f9c41f6472cade95129', name: "label-info" })), h("div", { key: '966cb02fe182ff26866900d5c147730a4ee4c012', class: "gux-input-and-error-container" }, h("slot", { key: '21719c9b003e9758503769b86dc1333de12bc273', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: '1499d5895086079f45617d6a0c0d69483dbc250e', show: this.hasError }, h("slot", { key: '87e547b8082c485127f4b346326169e9715706a9', name: "error" })), h(GuxFormFieldHelp, { key: '55177ab898cca6c3b0b0a520dd9ee1a27d97d80c', show: !this.hasError && this.hasHelp }, h("slot", { key: '60a69dd5dffc9aa69d9f07248c052b150e5d91d6', name: "help" })))));
+        return (h(GuxFormFieldContainer, { key: '0423fa1c0c58d00aba86ce7b3ed17f44cd245e30', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'f773acda2d2bc4f72cf6851a62bf5d2811b7a463', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '8b21e7c92c52f3b5bdd63f6bd262cb95b4df561a', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a1d97d672751a6c2676ef627c56fb0f219bbfa20', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'f354bd7a90fd27c951c51c14b3ee340acba912e1', name: "label-info" })), h("div", { key: '8ef1daf6686a0019af863647df60a4c763943ad0', class: "gux-input-and-error-container" }, h("slot", { key: 'e700c0d4959a12314e935820be741b21b5b81d0f', name: "input", onSlotchange: () => this.setInput() }), h(GuxFormFieldError, { key: 'e1b0d99c77199d74a5a442c523e421729df83fd6', show: this.hasError }, h("slot", { key: '17ded4cae02f8d415092154d9bc6dfb3dfcf17ac', name: "error" })), h(GuxFormFieldHelp, { key: '05465ca6379635fb9783609aa8dd6aba8432c259', show: !this.hasError && this.hasHelp }, h("slot", { key: '5e2e0568b00b706831ed115b552219f29012cf5b', 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

@@ -14,11 +14,11 @@ export class GuxFileListItem {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: '3a2e436b710705f65b693b7a5d9dcfbdf3a0f036', class: {
+        return (h("div", { key: '32750112acc6a02b04ea5c0caf00c3a519f0315d', class: {
                 'gux-file-list-item': true,
                 [`gux-${this.status}`]: true,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: '210ab577a899ac3596a181ff5192799a9eefeb2e', class: "gux-info" }, h("gux-truncate", { key: '50d20b56f716d6ad219c9c86b4cf4534de0bf8d3' }, h("span", { key: '707ac3629ba48c98375aed98010ad129494e67dc', class: "gux-file-name" }, this.name)), this.renderStatusIndicator(), this.renderFileRemoveButton()), this.renderAdditionalInfo()));
+            } }, h("div", { key: 'd39565238f275c009daa29c42bcf01e1d3e18a2b', class: "gux-info" }, h("gux-truncate", { key: '7fbce9dfeb303ba05edcddd9869c75d52fa9ac5b' }, h("span", { key: '5e7f18d0efd6a33696a515f299714e7d55bf0530', 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

@@ -85,7 +85,7 @@ export class GuxFormFieldFileBeta {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'bec805f439d8baaffb1bdf26fde903890df6a701', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '7116bf118efd75d586218435c99e915c1ec2d0d2', position: "above", required: this.required }, h("slot", { key: '98292ca6442192f8c6fb28c3794b971fca5f3f0f', name: "label" }), h("gux-form-field-label-indicator", { key: 'e0e7e7131ea944df30766c1620448de57c11d841', variant: this.indicatorMark, required: this.required }), h("slot", { key: '5c29c04ea353aec4e516015c6198af258e2fe460', name: "label-info" })), h("div", { key: '08af8bc7b068858fa0097a91fb31c89c8f2b5cc0', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '2700e339143a6cf407f823af17cc88c1d0d9b546', show: this.hasHelp }, h("slot", { key: 'ef389e8c2cbf9f9a65a67dba05030df4abed3f21', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: '832b2a2992d9e568e41e73b262bee1141265f332', show: this.hasError }, h("slot", { key: '0b8990ee0296aad54ad91dde9aba28ddabed759f', name: "error" })))));
+        return (h(GuxFormFieldContainer, { key: 'e311adf5e3291789c5ee1efbc8c5be13141d5176', labelPosition: "above" }, h(GuxFormFieldLabel, { key: '8f6c26c92f5d68eda4dc4ce4431ecb3820233060', position: "above", required: this.required }, h("slot", { key: '3983cfd7548aac4e5ed84a365b494751785eb64d', name: "label" }), h("gux-form-field-label-indicator", { key: 'f27c7ab879e7a9e04fdab00bee17eec07920d667', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a12e349812831a51cbfe93757b41edea07d61d37', name: "label-info" })), h("div", { key: '676dd6da295c7723f0caa55e1288c0b8e8ed2455', class: "gux-input-and-error-container" }, h(GuxFormFieldHelp, { key: '1a827fecccd5585ee80081383e10f2929b6db1b4', show: this.hasHelp }, h("slot", { key: 'edc2aa238893d9f5b610c4226f3685bcf3b5e34b', name: "help" })), this.renderInputSlot(), this.renderFileList(), h(GuxFormFieldError, { key: 'ada71e0f898458a6dd597dafab53d9a2cb3f4ec0', show: this.hasError }, h("slot", { key: 'c224741aaa2763ad4986513d7dd14afb11e809c6', name: "error" })))));
     }
     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

@@ -101,14 +101,14 @@ export class GuxFormFieldNumber {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (h(GuxFormFieldContainer, { key: 'c99c914f830b61c908f13e5ce36954b4f3bd9c67', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '238333b0f6d90c605444499b0be9a98a53f1928c', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '9dfa0bfbb40b0698ef914599848d558078681d06', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '38ae86001b4472a8bf9c9468b67c5d5057873a58', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ff254a92ec5ab3872ea7408e4d4922bdb43a11fe', name: "label-info" })), h("div", { key: 'd2aec32380add4537162bbfd0c02ddd02f9d6565', class: "gux-input-and-error-container" }, h("div", { key: 'd30cf52e81e1a69934f6bde76665af33ce952bc5', class: {
+        return (h(GuxFormFieldContainer, { key: 'bd883165e64e876ceeee22e71394f24c140b30e4', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '6c53c51e482aa8c9afabfe6bc55af13c4f590f20', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '21fb24d7f0f2d8725a05f6942ced28ee618ee804', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '426cacda6e9fb11794a330658879ac2ab186d146', variant: this.indicatorMark, required: this.required }), h("slot", { key: '3a83ff17af8315e537dd85528530882027797658', name: "label-info" })), h("div", { key: 'bc8af0f8d8be8a09a6bc77da80230eb0c2d30ef9', class: "gux-input-and-error-container" }, h("div", { key: '2324554a3618247ffc24ce17a15d790b4c89355e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, h("div", { key: '4c92c1eeb2be3ab53c69c955031097a29184b211', class: {
+            }, part: "input-section" }, h("div", { key: '01e45b79be14d100ece4d89ef442fccbd9b1258a', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: '1eb0f0ae666f55ad099b095f6e58395f7a4a639b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: '2e3d68d7c330b499fae6ca6c5166e440e32a509e', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '670ad78ef6a7a8fca3f2ef0785fbdf86568b587a', show: this.hasError }, h("slot", { key: 'd659f9ce0a6869db5f93136a5592a3c99574f08e', name: "error" })), h(GuxFormFieldHelp, { key: 'ae400235b861a8e73a516c8182ba300eb59fb87f', show: !this.hasError && this.hasHelp }, h("slot", { key: '7e5e8b3c039b16395cef0c7f662838e0027c1900', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'edeecc422f2bcf8c3ad5bedec624f8ddf104a237', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (h("gux-form-field-input-clear-button", { key: 'dd3985b2f5009055443bcda9b7bc296cbc07937c', onClick: () => clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), h(GuxFormFieldError, { key: '2e69d595ba7d3b0381a3878384b1908999fe7b94', show: this.hasError }, h("slot", { key: 'dba2c7dc9604de4f58a0c80715bb422881df4bec', name: "error" })), h(GuxFormFieldHelp, { key: '835fe60137f35040b05e17e9deb9a07f1ff0a62f', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cd421b5266370b9267948608d0ea9daf3df7a066', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -92,14 +92,14 @@ export class GuxFormFieldPhone {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: 'aab1dab0badf3cdfd2d2de48bc0d22b24d47a950', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '82ec47058a20292f6131a81ef7007b75d99b1c51' }, (_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: 'b317c963152e1883fe1266d27a6ce52e9a529233', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1f2a52e8c9b69e50ed59815ba50a76f59a745627', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '39c7983144f32ea42335456a4325e1cfba6ec738', variant: this.indicatorMark, required: this.required }), h("slot", { key: '805f28ff82c24db041efe15e067319a3fd85daac', name: "label-info" })), h("div", { key: 'b6c25f2afabc820edd730a01c11e19c86aba47ae', class: "gux-input-and-error-container" }, h("div", { key: '815dd30a9c909f8c8da4d8d21a621058ba1aa33e', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: '087189f3361114ed4f13434e822a81a8b59b8b20', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'd8affd28b8eda3915f971608b658b6d953d65383' }, (_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: '94c00f283bde270bcbbcfc2062553a290fee4b3d', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9833cb45b61a37a6205e6d2c306bb1c244ad8483', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'c52319e2464390e6fe0b8d400d7a4f8efcfd4b15', variant: this.indicatorMark, required: this.required }), h("slot", { key: '23bced1f69ff8aa40fa099fb8a375bcdb6cff7be', name: "label-info" })), h("div", { key: 'e6a6769c9aad15b22064d8d7e98c822a73ddd245', class: "gux-input-and-error-container" }, h("div", { key: '9b56dec4803a50348ad009ab606dd140e56eeaf0', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '1e1a6f88e1c8c58cc87b003ba4210f740c78de93', class: {
+            } }, h("div", { key: '453bfe88e66a785030f601dd536a092e5429ede7', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '37eb03fab7a8b3626ddb0dfa46dbf1aea498e244' }))), h(GuxFormFieldError, { key: 'e5c3a9e2f07afaa939873ff34ec6e2f1ae02a0f5', show: this.hasError }, h("slot", { key: '7810e0906f93f79fc9f84557857f132afab9ebc6', name: "error" })), h(GuxFormFieldHelp, { key: '5f5bb2374466f7f0761f06c3e8ad6a5933bd45c1', show: !this.hasError && this.hasHelp }, h("slot", { key: 'ad5b9c0014ad9ab43ef42d8c1c49dcbbf34f9651', name: "help" })))));
+            } }, h("slot", { key: 'e65235dc28fc42e119149cc856f7d52fbf9b17ee' }))), h(GuxFormFieldError, { key: '52517e1615e9de2aa3059c7bd6fe056b2de956b3', show: this.hasError }, h("slot", { key: '590f11da0b8a968d691dc57160ea0cc8e5b880d6', name: "error" })), h(GuxFormFieldHelp, { key: '810c7fb5f43e9ffe0b36d26a09a2b27da6ee077d', show: !this.hasError && this.hasHelp }, h("slot", { key: '1a0f19b8dd00f83f6ad5e392637af5a61f7e9a05', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -47,10 +47,10 @@ export class GuxFormFieldRadio {
         }
     }
     render() {
-        return (h(Host, { key: '7868d5b3589350c106bdd66583d0210f1bc07abd', class: {
+        return (h(Host, { key: '2644d850310c01f0e9c150ded3ce20f47a365a0c', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, h("div", { key: 'fb0c2550cc27cb33863de850d1be6ddc03e1107c', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '33e03e7eb337a46710af4256bae2290dac93018d', class: "gux-input-label" }, h("div", { key: '965fb67435e404298036fa8d357818e723e9e022', class: "gux-input" }, h("slot", { key: 'ed93091ef00481143fb25adc0d3e32c4d6e907e2', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: 'a7a67237ed324b43fb6d4663c81f92ecc99f4ed7', class: "gux-label" }, h("slot", { key: '2659c63e9c04b6f318e18e02c9fb3b0ddbaf868f', name: "label" }))), h("div", { key: 'de613d8d9b3de1e62677d09843b0638824ba09a4', class: "error-and-help-text" }, h(GuxFormFieldError, { key: 'f6b54c5aa093a6aaa017327f223fb7651fd19c85', show: this.hasError }, h("slot", { key: '316b2da1fec3fc472ef7a22d6e48692bb6581e51', name: "error" })), h(GuxFormFieldHelp, { key: '273b226e5260b9f946748cd7774ab97c6c85267a', show: !this.hasError && this.hasHelp }, h("slot", { key: 'cca68cffecf10564da10855f364993119637781d', name: "help" }))))));
+            } }, h("div", { key: 'fe8c4a22526fdb3f0e44cd5325d5822cd62ad069', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, h("div", { key: '40f8c9b2268382307c50dc6f5eba917554bcec57', class: "gux-input-label" }, h("div", { key: 'd9d3cd046012d138a56be5a31118f16e1406dce7', class: "gux-input" }, h("slot", { key: 'b0d8bc34f778a3d86c111f3b44a1b5ac6eee32ea', name: "input", onSlotchange: () => this.setInput() })), h("div", { key: '1c9a13d93da41adce8ecb7e6646b7ece7c2eae23', class: "gux-label" }, h("slot", { key: 'c2917cd7e29e4648712acc7f17d4b93124eaa645', name: "label" }))), h("div", { key: '83dcee62fc37e3218768dfcab088d7c7b6ad102a', class: "error-and-help-text" }, h(GuxFormFieldError, { key: '76580811e586a9cdafa5fa4da07a5b0726f9b5a3', show: this.hasError }, h("slot", { key: '5b26a80b1053c03f313adbdce961e283821cb1f5', name: "error" })), h(GuxFormFieldHelp, { key: '9198f91b10cba18c1d51bd39cc282b6a7338737e', show: !this.hasError && this.hasHelp }, h("slot", { key: '2a4172af46bdd301b09ff7c0eda3e41cc30edad1', name: "help" }))))));
     }
     setInput() {
         this.input = getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

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

@@ -104,8 +104,8 @@ export class GuxFormFieldRadioGroupBeta {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '67e013d68c8972e7262e3092a3b28e5783bf9816', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: 'd1deefdefa4ace07c0239aed219dfe892de45f23' }, (_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: '6a29f81e617b158e5471d605321ccea8460bd4e1', position: "above", required: this.required }, h("slot", { key: '98967f3f48835321b353d269868f292c0acb4979', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '2969e018e18d6ce122c05de206225ded3fc9fff9', variant: this.indicatorMark, required: this.required }), h("slot", { key: '570fc242e737b7fb0be4ddc7610cbbc0cf64d5b4', name: "group-label-info" })), h("slot", { key: 'a1f2d1608a23b1f005573cd89d9dcb6f40a7047b' }), h(GuxFormFieldError, { key: 'c044434c7c3675929c288dd5cef20e983e838122', show: this.hasGroupError }, h("slot", { key: '2b92c8eab9b2a05a359748b5e283ae65ec4f51a4', name: "group-error" })), h(GuxFormFieldHelp, { key: '80a77ffe1a01179cf9762905ca7c00ad3d4ebbb2', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: 'a24bb76ddeee69936435fc23877d2494d04a80a5', name: "group-help" }))));
+        return (h(GuxFormFieldFieldsetContainer, { key: '7e50ad9e03f8daa4d4948d3ac57271dd309eb7b0', labelPosition: "above", disabled: this.disabled }, h(GuxFormFieldScreenreaderLabel, { key: '5cbd6303d0bd85e160d9bc12039dc8391b3f2e84' }, (_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: 'd56f0b2f60489258d4c080c2497a6fc2f96da392', position: "above", required: this.required }, h("slot", { key: '965db1425f0019661dad213a378287587de98354', name: "group-label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'bb33d495d3e13c42bb6e9946e4dae4bfd8190769', variant: this.indicatorMark, required: this.required }), h("slot", { key: '349b17a1832d31951ac5eb308766da74664715c6', name: "group-label-info" })), h("slot", { key: 'c610888099a640750848677b85dbddf86431701b' }), h(GuxFormFieldError, { key: 'c75fa80a5af97fc9a95bde0cfd0a757b8ce0016c', show: this.hasGroupError }, h("slot", { key: '8fc449fe09bf4c731953374bf4266f209314ce85', name: "group-error" })), h(GuxFormFieldHelp, { key: 'a4ca02ce2425a1353cf25c1da9d1da607dce7e36', show: !this.hasGroupError && this.hasGroupHelp }, h("slot", { key: '040f8e24394398513a694404b61c3d5c88d34ff0', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -114,9 +114,9 @@ export class GuxFormField {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (h(Host, { key: 'fe79f33334d3af25840635fc74dbb8ae28cc99b7', class: {
+        return (h(Host, { key: 'fe6897dc2177b110b0204d1699f7283ca4ee867c', class: {
                 'gux-active': this.active
-            } }, h(GuxFormFieldContainer, { key: 'cce4bd14cad858df715628ca20ec9e24461bccc2', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '737b3f4f14335784d2ae2de079267b5eba876128', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3462da632cbec8c52702030f68d47dba27c28d8d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '7a5b2f8d979cf2365f355b60d5c7f6362cb2b0b7', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a67625082f3042d533c59a83ee0037fcca1e5e1e', name: "label-info" })), h("div", { key: '510cee16c2ef097f23da13112466541f507438f7', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '406be020703ae0e70fc7156ff11097ae29aa2649', show: this.hasError }, h("slot", { key: '20cf1b98a8dfe48cc1959e9ea7a4178b34cc6376', name: "error" })), h(GuxFormFieldHelp, { key: 'c868fbd022f0386774f9048dbc90789a8cd540d2', show: !this.hasError && this.hasHelp }, h("slot", { key: '490d52edcf83c9bdd4dc36435f454fbc3820a426', name: "help" }))))));
+            } }, h(GuxFormFieldContainer, { key: '84b82790791943d40761b019f84222a3b967e129', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '18ab67bad7756a4f35254591b9c3a9d03924f7b1', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a4c254f56d69f6130cff3501a1a934bdce050164', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '3dbc8974c8bd31f8e871b4ae016a7d34512a927c', variant: this.indicatorMark, required: this.required }), h("slot", { key: '57bc576b43a85cf539c442858944fbf39babd6dc', name: "label-info" })), h("div", { key: '3f6e6eb109306af0c250e19e8e626574d3b6dbd2', class: "gux-input-and-error-container" }, this.renderRangeInput(), h(GuxFormFieldError, { key: '464b92b9a8651767b22885cf3c8e391dce419336', show: this.hasError }, h("slot", { key: 'f0e458ffa085a4c71d57213d9cbaf078fa87b8dd', name: "error" })), h(GuxFormFieldHelp, { key: '35bcc5ecc4b98c776f87b1c1da6d37fd04dac280', show: !this.hasError && this.hasHelp }, h("slot", { key: '27eab5315d584bd6d1a02cb487c196a50b66d726', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -94,13 +94,13 @@ export class GuxFormFieldSearch {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '36bdecaa1cf11fb7c5de36e90ef8023aeacf9479', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bd17b714ec1de5cb6191b979e4d1956d1bd13d2e', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '2dc98ed1973547a6630ac9635bd6c6a4470f3184', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '451d0efd0bf2ccda4306f05015e040273c510239', variant: this.indicatorMark, required: this.required }), h("slot", { key: '22e765d02ffa796fb361636d04997146bc9c0722', name: "label-info" })), h("div", { key: 'dc2d47843ebcb77e9d6dd3160eab33c6e07ff576', class: "gux-input-and-error-container" }, h("div", { key: '208ea5d2c66c91d44ebddeb520f78425160487b4', class: {
+        return (h(GuxFormFieldContainer, { key: '03416cdc34423238d95134899d4f445a3c67a87d', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '7971e0d598b03140133e07ca64079a6e69eb17ac', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'ec7d1faaa28904ae4e63d9ffda2d4fe0e76627ce', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4a2b54972b3afc0b6f771b48f57431917401cb13', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'fc780b683bdc3bcfac1523dd4db4788eaed4dbf0', name: "label-info" })), h("div", { key: '585019d9bbf71877b53e9e584daeeb5fb500141f', class: "gux-input-and-error-container" }, h("div", { key: 'ee419c78414f254428142df54de135efa0791d3d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '6df3b8f02ee43dfb415f0dbe6bc1674f87d1290d', class: {
+            } }, h("div", { key: '3041753eb55399c69c0984dcc74d7383f1eee3c2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: '64d1194547ca5ad3230662c64fbfdd4be86815cd', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '3bd0beaf3c51b004368203d9b94be7403c92f2ba', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0ebbdd36770c2c2b3b8535b9d4248bb5c232bcb4', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '9e28d18be850778d65a3ecf82f6d9a601d194936', show: this.hasError }, h("slot", { key: '678cd98f9333cf85d6df22c72758dd4b2b075c22', name: "error" })), h(GuxFormFieldHelp, { key: '21947dce2c491bdc077054ea894acaf89c871a5c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'a667eeb5a493a9c15616dfed3ebece5b10e56c70', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("gux-icon", { key: 'c98611bddcdd3396b93b8052dee8bda9786f0e7d', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), h("slot", { key: '07617332ef01a284640cc9f30f28d4377e760d73', name: "input" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: 'b4df760da83cea80f4ac4ce60eb631e370b87bbf', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'c93b0821210a1ffa60eef1c6b02b187142f3b0b3', show: this.hasError }, h("slot", { key: 'b951d168977855b2c400c7d461e2842a1c7b5098', name: "error" })), h(GuxFormFieldHelp, { key: '6f5fe5ce5321bdcf6733ed42fdbae2b7de8ecaf3', show: !this.hasError && this.hasHelp }, h("slot", { key: 'db702c42abd46578059e3ec74bcf8a79c5bdd391', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -84,13 +84,13 @@ export class GuxFormFieldSelect {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '0f7e5d23f35dcd6d07d3bbbf22c21970d1cdb098', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'd545181f1d071ec6b017925aaacfa98188510f87', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'f0eb14e27b895c69e20927557ad06193bc15648d', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '8ce6f4a89268e0a0e072b88baae78df688fade08', variant: this.indicatorMark, required: this.required }), h("slot", { key: '00862d6eff89248bc04d2b6fcf5af72480430901', name: "label-info" })), h("div", { key: '36d142cf5e480f845428bab255a8256d4e314f07', class: "gux-input-and-error-container" }, h("div", { key: '6773aacc6c3576505c41985aba122f419e9650e7', class: {
+        return (h(GuxFormFieldContainer, { key: '97db3aa11308cf2342fff3b0759930ed8d776162', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'b2e9554be1593230a50514998eb66baafabb52e5', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '12ebc5abff1e8fadd40e592493b6031a180e9750', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '33ad5618859f7e4b52e78e6cb05cb454c0f4f4ec', variant: this.indicatorMark, required: this.required }), h("slot", { key: '1fc20f9e0ec7df1524e8c0af07b7b6c4649d1b42', name: "label-info" })), h("div", { key: '671352f56e8faf44241e5ee538116fbfd5ea1155', class: "gux-input-and-error-container" }, h("div", { key: '8975f96d4c559c69dcc0075c9533bf2085d381ae', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '36d5bc41c4135ebe74c1e0756dc902600f4121c2', class: {
+            } }, h("div", { key: '455c0586be2c84ae7fb9ddfda4e912cdbb698e42', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: 'c2a98d04868de2313c66a4dda2913ebe71747c4a', name: "input" }), h("gux-icon", { key: '4df5d30232e881f50a4b4d9aa124cf5cb49e14fc', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '553e4f62889b0302ae8581a544b04efe75f1c4c1', show: this.hasError }, h("slot", { key: 'bcb4fd0ec8013e99991d69adacc82ee2cf8d1c36', name: "error" })), h(GuxFormFieldHelp, { key: 'fb5e374752526885949ebd1ea65e75851acf3fb9', show: !this.hasError && this.hasHelp }, h("slot", { key: 'c63b07a69361331c445c33ec7c2c2e52fcb7f645', name: "help" })))));
+            } }, h("slot", { key: 'e7f8eb5c9fa68df1f7a4e2d067f77a6a08b4ebc5', name: "input" }), h("gux-icon", { key: '91782a3dd9d1a93a057ddb30ada8882bcf9220a3', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), h(GuxFormFieldError, { key: '87000a35e72efabf70f92d212415596f198684b1', show: this.hasError }, h("slot", { key: '6e62dc2a26c2c084f63fb7fd54486f118787bd7c', name: "error" })), h(GuxFormFieldHelp, { key: '8ed39a541af38efd45b00bb4becf4286ee277f9c', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f70807af78d3b958b4900d3d5ac97713fe8bbbee', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -112,15 +112,15 @@ export class GuxFormFieldTextLike {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: '9cf0d8cdcb743aefb389bdfac835c2bf004e6c6e', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'a5353955d4be04c46d7c251b11084b3f4c3e07c3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'a4f796744756df06dc7a39d8597047b8eba6eac4', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '04852e7fdc0663c522ac8b08e7f481de4a382963', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a7222bab8d6fa3d165c5121224e68b14d88684eb', name: "label-info" })), h("div", { key: 'bb016817dda043bfd151847d70aa0336dc84e96c', class: "gux-input-and-error-container" }, h("div", { key: '80cf6edc654586f6d07ad7eab749aa792e6ead9b', class: {
+        return (h(GuxFormFieldContainer, { key: '68e00776c9d7aa3da3127a45afd1c41e489789c5', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: 'bd9e5d11020da48bc1d68d4db5bfd91d8e45fd3b', required: this.required, position: this.computedLabelPosition }, h("slot", { key: 'af4288db1d595dc4d3dba7fa9531daa6aeedeef3', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '4d61f084f9798e2269150fe6c04f7cfaef648bd5', variant: this.indicatorMark, required: this.required }), h("slot", { key: '0039a71e4fe7f4c9188f570476075e6b8efaa8b3', name: "label-info" })), h("div", { key: 'cd8c5cc2353be18d79c074986113316b5066eb27', class: "gux-input-and-error-container" }, h("div", { key: '9d48e7469cd2e7cd571d6667aa29858190cbc6fd', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '1683555b14817ac54ff31e3197b5ad9656c82997', class: {
+            } }, h("div", { key: '373307a838f545d62af649e2b2832c38ec771027', 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: 'd7bd6a4ca72b4dc7c65b20b9219ef121b2e712db', name: "prefix" }), h("slot", { key: 'c6fd8bb5a113244a32715b775a2717549805ffef', name: "input" }), this.renderRadialLoading(), h("slot", { key: 'b77bfe217b456ac9a3b28462c38d50a2c5ed2261', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '0da69238645ed44eb3d0472454746b1cd336836f', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: '1dba5afb79e032cf7aa69c71514aed98587ea49d', show: this.hasError }, h("slot", { key: 'dcecdcc6252f70b584abdf9edafaae9b36fb43cd', name: "error" })), h(GuxFormFieldHelp, { key: '20956660e7e70579877200488e5443c151edc004', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e9265c67ad26603eda3ed2c2218bba8a2651a189', name: "help" })))));
+            }, onClick: () => focusInputElement(this.input) }, h("slot", { key: 'c41c80f86071eb9efdef094d4121063453f53a1c', name: "prefix" }), h("slot", { key: 'da1b8631d91dbb0675397742ff7f049f454a25d8', name: "input" }), this.renderRadialLoading(), h("slot", { key: '504da3e4370b177d91e8b35055109c42058b3a5d', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (h("gux-form-field-input-clear-button", { key: '62612f269755b0fa31d2ea80ac6feddb16656784', onClick: () => clearInput(this.input) })))), h(GuxFormFieldError, { key: 'e88b34fc940e53852ae06989b57624d8b39dced7', show: this.hasError }, h("slot", { key: 'f0dd772baf89ae7a32ca1c8a88bf4fbe94a3f491', name: "error" })), h(GuxFormFieldHelp, { key: 'b1106c14dfa41ff32866ef21b6e8885715ad4ba7', show: !this.hasError && this.hasHelp }, h("slot", { key: '0a08c63fcbd379c95f72dcd812bde1344730942a', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -88,12 +88,12 @@ export class GuxFormFieldTextarea {
         }
     }
     render() {
-        return (h(GuxFormFieldContainer, { key: 'a355259332c53a2e1dbfcf9244d7a1171b8ec036', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '62ebbacf71ddfec8d3bd9bb137003ce4237092e3', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '7078e464a48bf8980922fe0e29372b90bc9edc02', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f0ff7fde885a3a76be1a29533499178a921c94d4', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'a310569087774f6a61aaf74a96c30f21e0be87a2', name: "label-info" })), h("div", { key: '837f9547ca3bf835cdc64e854f147462ef2329f6', class: "gux-input-and-error-container" }, h("div", { key: 'a46684af32e402fb37f44df057fbc83b31df8512', ref: el => (this.textareaContainerElement = el), class: {
+        return (h(GuxFormFieldContainer, { key: 'c5b5f2c76770f7de820ac04d19f670641c137dd0', labelPosition: this.computedLabelPosition }, h(GuxFormFieldLabel, { key: '402d62344e49a4e179803458c3948792bd372091', required: this.required, position: this.computedLabelPosition }, h("slot", { key: '3ac4e764eb4a65036492b9abfc69b8cbd5620cd2', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'f45090c8bd3179ec61cc03701a4d20cbc922ab00', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'ca31ba27aaa0f5b037b2e66c2249a4542416d48d', name: "label-info" })), h("div", { key: '5ce4720668ae31b8ba8e93d3713191a22a08a3c1', class: "gux-input-and-error-container" }, h("div", { key: 'eeda9864438b992ddaa9799a1f59fa148fd1f1ea', 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: '892cb714353773e6ad5fad8d43da6c72b72adb77', name: "input" })), h(GuxFormFieldError, { key: '784a6dce762a3b618ac29650737f4b735b90a3e5', show: this.hasError }, h("slot", { key: 'cc79c40318f52d3fc7a73324b04405a6e7fbe254', name: "error" })), h(GuxFormFieldHelp, { key: 'b4705ecacbcbeb00bf0f86cb026123ff57b5081d', show: !this.hasError && this.hasHelp }, h("slot", { key: 'f576d6f0fa72c85a702d50bb13bdd068e44df8d2', name: "help" })))));
+            } }, h("slot", { key: 'bd94d3ac1c702eb0a2e295d2e90dd72e0adf82e9', name: "input" })), h(GuxFormFieldError, { key: 'f8bf75a032e41364e49ead96f80a8456d818c507', show: this.hasError }, h("slot", { key: 'e27e837fe675f92dc8837891cc710dea09fc9a7e', name: "error" })), h(GuxFormFieldHelp, { key: '44d6cf7c7f620aa77d865a1e5197b9dd0d5f2fa6', show: !this.hasError && this.hasHelp }, h("slot", { key: '3170afdbd0729047beb20f9fe37c18ee218ea1b2', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -93,14 +93,14 @@ export class GuxFormFieldTimePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '3b353896bdccb956c5c5828f992eb95868a1df08', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'e59b57ee270868372eae871866a237495108397c' }, (_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: '4dc18ca69597d90e935dc50998e9a834c814b6ef', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '9537bb33648ea5affbf6c0c6eaed9dba04a62a74', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '32e0e5e3589895a8194702387616d7e4acc0a601', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'c25ed62e8fc3d6a1b610572f08727d37ca8cd854', name: "label-info" })), h("div", { key: '736b5304d80093257224049f28882c81144cecb6', class: "gux-input-and-error-container" }, h("div", { key: '00e14df3a31911840fd8c20db1629b49fb4659e8', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'c38bfbff08a601e900769ee681c2874f2af225c6', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: '1130ebc694a8cc69ccad2265e9763e092751890e' }, (_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: '7a0e064acf3b6f2f544e57f98db4195f4209cb40', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '1961a34ec0d8281d49ebfed22228848cf5cd4d07', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: '0426b98e393ceab2af571a6a5dfe78ebc565e4f5', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd0248505d9f1e446b196bccde4b1475f19544d79', name: "label-info" })), h("div", { key: '601ac0a0395e2e375cbf306e6c1fd2ca16888aa6', class: "gux-input-and-error-container" }, h("div", { key: 'e521ad39ef48cfe7123dd7c63452bb76417884be', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, h("div", { key: '2af1d0b3410954ee5fe4d2030b20e1715bc4cdc5', class: {
+            } }, h("div", { key: 'a84e8290ed7925c89cbbcd8461a75020967e3a3d', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '9bd52913c7071bfca9dbddb7b9999c404bde7d30' }))), h(GuxFormFieldError, { key: '6bad53deb321fbb28d3d43400558060f5eb6ad6f', show: this.hasError }, h("slot", { key: '9ee9c938c34a85ed9d724fea784f26491e9f3095', name: "error" })), h(GuxFormFieldHelp, { key: 'd050961e794f3dbda011a4270c4fb0f14b6d86ea', show: !this.hasError && this.hasHelp }, h("slot", { key: 'e240cb0cbec5833c9bf4b4f1f2cd244d7e218eca', name: "help" })))));
+            } }, h("slot", { key: '9a0c8e86be17ac12b5ed9f81e81b0305a02e9f1d' }))), h(GuxFormFieldError, { key: '3d25b8d67e74f0d9f834cb03b55692ad01bb0911', show: this.hasError }, h("slot", { key: 'da9ec6787b11fffcef7e3d25245e3159f65c5e38', name: "error" })), h(GuxFormFieldHelp, { key: 'b02920a4529779e37714a857572062317470370a', show: !this.hasError && this.hasHelp }, h("slot", { key: '357226d6497e712490f591b185e582c5724eca25', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -94,13 +94,13 @@ export class GuxFormFieldTimeZonePicker {
     }
     render() {
         var _a;
-        return (h(GuxFormFieldFieldsetContainer, { key: '66a014cad81d2af714850d1c37ec186ce1415680', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'a6ab842025eb22c211e3ff951e4ba3bd3f9e7f61' }, (_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: '912d486ecceb54680b9e758203df2628e7d910da', position: this.computedLabelPosition, required: this.required }, h("slot", { key: 'a7d6b452c7eb662de59726d9cfcfdb20e7e5b422', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'e40d96c624781cf589bd516f536b16c3b125e2a8', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'd449ed819d6ec7fb134d7307aa42fa5befce43ef', name: "label-info" })), h("slot", { key: 'd4d8aa2aa5cb5dee2728c4a01aff85139b2cf189', name: "label-info" }), h("div", { key: '13c061701448190670a396eeaa5be216a5492ff4', class: "gux-input-and-error-container" }, h("div", { key: '2c8aaf4baf87590b8d22416ee7957dadefa9ac90', class: {
+        return (h(GuxFormFieldFieldsetContainer, { key: 'a32ace89878f056a017d7f896b4efa7956bfb615', labelPosition: this.computedLabelPosition }, h(GuxFormFieldScreenreaderLabel, { key: 'c0e1296f08bc3c01aaea069f8af8f722801d87f4' }, (_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: '01ec5c95d5a08305a4117bdae008be7232cd29e7', position: this.computedLabelPosition, required: this.required }, h("slot", { key: '4aca39b857f7496f1a7ba5f7941e3aa6609163ab', name: "label", onSlotchange: () => this.setLabel() }), h("gux-form-field-label-indicator", { key: 'a2cb93dba985f12a474bd1063e4216a2b67e4e5b', variant: this.indicatorMark, required: this.required }), h("slot", { key: 'b0d12e52fc1dba8d92819600397236bdd709cfbc', name: "label-info" })), h("slot", { key: 'ec6cc2ebfa00a9c9573e30830134dd4dd8447cb2', name: "label-info" }), h("div", { key: '31a25b49fb35a0a367a0741ecc170b09bf5e3810', class: "gux-input-and-error-container" }, h("div", { key: '3c7d3ccf799089e6889a0f85f33c34eb73f73288', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, h("slot", { key: '2cada6805c6409643ff0a32f35590e2e27a3c75b' })), h(GuxFormFieldError, { key: 'ae9d6501d875df48e511d8124c73a2da47e34e05', show: this.hasError }, h("slot", { key: 'd3fa45ca8be0a0afcca79562285d1433d8ead4e8', name: "error" })), h(GuxFormFieldHelp, { key: 'efbd80611f40852bc833f7caab19873e0d2fc5ff', show: !this.hasError && this.hasHelp }, h("slot", { key: '154dc0e44d32f2b43f1249f062de7412f0ac251e', name: "help" })))));
+            } }, h("slot", { key: '19fe425dfc37baaeca7350605aac45dff3c9c404' })), h(GuxFormFieldError, { key: '31128ee35a1e4bbc23de1a736d8f1367ff4d8f98', show: this.hasError }, h("slot", { key: '97c8792da4951f134e335761048d9a4fbb5ec032', name: "error" })), h(GuxFormFieldHelp, { key: 'e7f4e97964c77b7c71a1d722b1006530faed0377', show: !this.hasError && this.hasHelp }, h("slot", { key: '5cb09d619fc7ad1438fd29bcc748f92f189887e8', 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: 'a407a6ed4a3d2f1e37a4d7f4a4a0f697fb1f0adc', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2b682655688eb2746040f2f6b9bf7a963f613975', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (h("button", { key: '500db590703c90de1425f14e61e90755f5900dc9', tabIndex: -1, type: "button", title: this.i18n('clear') }, h("gux-icon", { key: '2c7b1bdcbec8eca95932e83c0f622cc65acfdcf7', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     static get is() { return "gux-form-field-input-clear-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -64,7 +64,7 @@ export class GuxIcon {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (h("div", { key: '0a58368b3e37d3c2503947ea8cd507b22785d99b', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (h("div", { key: '0a7b50082c3341de766e28cec4ff94917493139f', 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: '51b9b8dd9ba619e232e4e0a8ac876d52c4d96af9', class: {
+        return (h("div", { key: 'ae8a4947967cdb2140eb1285ec4269afab370756', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, h("div", { key: '56a33f0558724575709b5a338701c583e655c8d2', class: "gux-message-wrapper" }, h("gux-icon", { key: '9b68a92947e93e5723587979778a6da9931fa7de', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'f70c59e1f52987c0b6658648035c6594b131842b' }, this.i18n(this.accent)), h("div", { key: '8add842420526ae6de0fa9b04829e5721756d6c7', class: "gux-content" }, h("slot", { key: '47bca6c221364d49391eab36033aea11cca9676d', name: "content" }, h("slot", { key: '30ae8819e3327c7a28d4a63daf34ce13cdc096f7' }))))));
+            } }, h("div", { key: '4c555a26efb77f38c09afcca25ede1941ff51db0', class: "gux-message-wrapper" }, h("gux-icon", { key: 'd01f370b7fc66cff9d135875ba3f04177e11017b', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), h("gux-screen-reader-beta", { key: 'ded0d6add0be2281ea86fa902a61a36436172138' }, this.i18n(this.accent)), h("div", { key: '74c216d76bc3f03e40307f9ffb418427804701a0', class: "gux-content" }, h("slot", { key: '0152bf0132965ebdb8e70f1d0d550ed4440832b1', name: "content" }, h("slot", { key: 'efa26adc0f8320b8e218992a34e6ed6417ae8b14' }))))));
     }
     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: 'e35734be75e38531e8b9a2172c2894741ccec2f6', role: "presentation" }));
+        return (h(Host, { key: '1e32adf35da5206c780edf84ee47af6f9976c0f3', role: "presentation" }));
     }
     static get is() { return "gux-list-divider"; }
     static get encapsulation() { return "shadow"; }

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

@@ -23,7 +23,7 @@ export class GuxListItem {
         }
     }
     render() {
-        return (h(Host, { key: '42fed222fbc334c2050a8912b5eb9d2a7812c8ba', role: "listitem" }, h("button", { key: 'd75a62779fffa2687e45164db6bc49904a7a9359', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'ab317831b96510fda60ba4028fddd46d3860f74d' }))));
+        return (h(Host, { key: '29cc1978becaed42eda4937f6f24ee2e27ebf306', role: "listitem" }, h("button", { key: '145b0e5d9aef7c6463b046f8d47576ca7b4696c7', type: "button", tabIndex: -1, disabled: this.disabled }, h("slot", { key: 'cb334706241289d6101fca59ec2fcee7643551b7' }))));
     }
     static get is() { return "gux-list-item"; }
     static get encapsulation() { return "shadow"; }

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

@@ -49,7 +49,7 @@ export class GuxList {
         return (h("span", { tabindex: "-1", "aria-hidden": "true" }));
     }
     render() {
-        return (h(Host, { key: '6e75fb4696eb52045ab9ab6240b7c62ae863a351', role: "list" }, this.renderFocusTarget(), h("slot", { key: '847041b497b713340f8c7b3e153192efa9a759c1' })));
+        return (h(Host, { key: '05eb1f68282aa13676301dd41387461be16192fb', role: "list" }, this.renderFocusTarget(), h("slot", { key: '34c64d0376f741abe329118fe129fa6b8db32972' })));
     }
     static get is() { return "gux-list"; }
     static get encapsulation() { return "shadow"; }

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

@@ -48,7 +48,7 @@ export class GuxOptionGroup {
         }
     }
     render() {
-        return (h(Host, { key: '250a68a43903f4d50871f97d73223c220af96de9', class: { 'gux-filtered': this.filtered } }, h("div", { key: 'e6495a1d3b99359827aebc23b9dcb27ae215e66e', class: "gux-option-group" }, h("div", { key: '93b2fcb938e548ba55868a91eb9ad446adc320b3', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: 'bf365cf13379fedb3a141e2ff85cd39959c899eb', role: "group" }, h("slot", { key: 'a68ba73f48b63663bda936211c69b00cc054ab3f' })), this.renderDivider())));
+        return (h(Host, { key: 'e3497d2293b66e36b6cf417ce5be30229dd94899', class: { 'gux-filtered': this.filtered } }, h("div", { key: '5e31c898f13d32bce0240081b7c3106a568327ec', class: "gux-option-group" }, h("div", { key: 'd97c1859b85797ef3e187f5dec8f560930e3e49e', class: "gux-option-group-label", role: "presentation" }, this.label), h("div", { key: '3e31baaeee844547f4fc6064cc743e66f204ccdb', role: "group" }, h("slot", { key: '958abbf9a683193a9ce13199c8363b9e0279bd72' })), this.renderDivider())));
     }
     static get is() { return "gux-option-group-beta"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,13 +42,13 @@ export class GuxOption {
         return parentListbox === null || parentListbox === void 0 ? void 0 : parentListbox.disabled;
     }
     render() {
-        return (h(Host, { key: '9e48195c318f9299cf5582c1d1bd46c5a0d336ec', role: "option", class: {
+        return (h(Host, { key: 'd88956b5636fcc1bd323b6594710704d12eea8af', 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: '7dd2e74b43d865b9eafa987ca022037c54ecd778', class: "gux-option-wrapper" }, h("gux-truncate", { key: '914f40b490bda7c3baff799f43727fc17323048f', ref: el => (this.truncateElement = el) }, h("slot", { key: '6d5ddf51a8f2eabb468283923ae2b35d423e8d24' })), h("slot", { key: '2c74027ca797f57487b32dbc89606b8b8ffa5349', onSlotchange: () => this.onSubtextChange(), name: "subtext" }))));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, h("div", { key: 'f8d3cdfe0fceab214cff38ec6d7cc55377aa01db', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'eb029c4c3acced018e21390a25add637368e0eb2', ref: el => (this.truncateElement = el) }, h("slot", { key: 'f1862dc525747e03427a017ab69e293aa5f7982d' })), h("slot", { key: '5934c332ae3d1bdcdc60785b0cc098fc3996cad4', 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

@@ -65,14 +65,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: '57ea0f30bab9cbbf08cd8d6c68ee1de285bd979e', role: "option", class: {
+        return (h(Host, { key: '0444aad5f6e1f3ac786893d9d3e357573db8f71a', 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: 'b8203db12a20c4b74f5520d021efd59ef80c6432', class: "gux-option-wrapper" }, h("gux-truncate", { key: '2a16d859f1911ac5bafa0d6c0084657cc2064d29', ref: el => (this.truncateElement = el) }, h("slot", { key: 'c7896b178c4070a4c43b59c2c66f4ee39bf852d0' })), h("slot", { key: '9808edc2a18f0f16a61afde0d9cb307533ca2a3d', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderMaybeIcon('end')));
+            }, "aria-selected": this.getAriaSelected(), "aria-disabled": this.disabled.toString() }, this.renderMaybeIcon('start'), h("div", { key: '865e3c7d66798c33592164b6a7e21d164415f7a6', class: "gux-option-wrapper" }, h("gux-truncate", { key: '5576950148c1d46a35be5aefe70afa4d5b3a4200', ref: el => (this.truncateElement = el) }, h("slot", { key: '53e2f824d1a7230e236261fa3ce6d213a8d2ef91' })), h("slot", { key: '9e206a367b89b00427210fd49eb71fee75660399', 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

@@ -31,11 +31,11 @@ export class GuxCreateOption {
         return (h("span", { class: "gux-screenreader" }, this.i18n('createCustomOptionInstructions')));
     }
     render() {
-        return (h(Host, { key: 'b187d5960eef36734480be15faace6b1079783d0', role: "option", "aria-selected": false, class: {
+        return (h(Host, { key: '64e9565cf92379bf56993bc21302f4d9648ce7aa', role: "option", "aria-selected": false, class: {
                 'gux-active': this.active,
                 'gux-hovered': this.hovered,
                 'gux-filtered': this.filtered
-            } }, h("div", { key: '9ec59d6f440e2f1561657550f1bad767fb4129ba', class: "gux-option" }, h("gux-icon", { key: '0cbc724c40a9a23bba99ea1275065c7144ee7d3b', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '5f4de4aaa90c7d3b9dc82160e1f7c8b740c5dff0', class: "gux-create-text" }, this.i18n('createOption', {
+            } }, h("div", { key: '194c55a30f11edbbe69bd44b41d84fb3a33dd1b5', class: "gux-option" }, h("gux-icon", { key: '371a485c9cc6793e55ddb38185328bdf0f764391', decorative: true, "icon-name": "fa/plus-regular", size: "small" }), h("div", { key: '3c2705c597ebeb979ca5fd95beeb904b775da7ee', class: "gux-create-text" }, this.i18n('createOption', {
             optionValue: this.value
         })), this.renderCustomOptionInstructions())));
     }

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

@@ -59,13 +59,13 @@ export class GuxOptionMulti {
         }
     }
     render() {
-        return (h(Host, { key: '80aac9598e569077de3ae22b1c02e68766844015', role: "option", class: {
+        return (h(Host, { key: '149063eb51d3c2de141e69e862ff683df0b2d4be', 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: 'fa4a90252b87e5e6f96e83d3eff99ec6bb0f54f5', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'fa8f8ceb36a61d3d042d67b16a1852808509408b', ref: el => (this.truncateElement = el) }, h("slot", { key: '77ed823cb8cbd099ced7b1cf6f72ad8dfc86da47' })), h("slot", { key: 'b5bf94e34b50de84286cedf180d3c4d09f806539', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
+            }, "aria-selected": this.selected.toString(), "aria-disabled": this.disabled.toString() }, this.renderSVGCheckbox(), h("div", { key: 'ef4ddd06237a00a4058c5a077d4254ec4de73d9e', class: "gux-option-wrapper" }, h("gux-truncate", { key: 'f70873349b7f76e4154dba0694e49f087697406f', ref: el => (this.truncateElement = el) }, h("slot", { key: '141978da695ba25b1733912a1ecc7b413516974b' })), h("slot", { key: '4c9dc5389738d9762e9bc08893573c64b043f020', onSlotchange: () => this.onSubtextChange(), name: "subtext" })), this.renderCustomOptionInstructions()));
     }
     static get is() { return "gux-option-multi"; }
     static get encapsulation() { return "shadow"; }

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

@@ -10,7 +10,7 @@ export class GuxLoadingMessage {
         trackComponent(this.root);
     }
     render() {
-        return (h("div", { key: 'b2caa7a95ff1ba98716878a0581a3f2aa949dcf6', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: '9b0bfafa872b239bae390ed9febcc6edd0c22277', class: "gux-progress" }, h("slot", { key: '03a676c0c79e3f64ab4faa7e7576fbce57d94ec8', name: "progress" })), h("div", { key: '7e95095555953213e46c6b0b019bafeedea57f81', class: "gux-primary-message" }, h("slot", { key: '3a1b4ac1113396c0af48aa566a081ef36497f3fe', name: "primary-message" })), h("div", { key: 'bcb563fc8e17b48570ca6689ec74b668f5afc70a', class: "gux-additional-guidance" }, h("slot", { key: 'eb1bac8cd1eeb559d1a29ca50c8df2304731dda9', name: "additional-guidance" }))));
+        return (h("div", { key: '6f87842cf585d49bf35bde269d05d2a9b291de68', class: "gux-container", role: "alert", "aria-live": "assertive" }, h("div", { key: 'e6dd8b3cb5ac0693196a4a660edec735a53d4246', class: "gux-progress" }, h("slot", { key: 'd169e7f1d27877a46b59607c8430607674b9b94c', name: "progress" })), h("div", { key: '52b10f99bf03d5657ca48085e63a4f47a439142c', class: "gux-primary-message" }, h("slot", { key: 'afe619e24b1ccdfe7bd2f42a75154a4ae023b0c7', name: "primary-message" })), h("div", { key: '1d0559c5eb005a2f3b935a116ac0675aeafe293f', class: "gux-additional-guidance" }, h("slot", { key: 'b932512e533820dc29acfbea5c856a99423c72fa', name: "additional-guidance" }))));
     }
     static get is() { return "gux-loading-message"; }
     static get encapsulation() { return "shadow"; }

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

@@ -68,7 +68,7 @@ export class GuxModal {
     render() {
         const hasModalTitleSlot = this.hasModalTitleSlot();
         const titleID = randomHTMLId();
-        return (h("dialog", { key: 'e70ba90b07c3c27861574aa5c6496ae2d329df49', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '306dd1984109212d7c8b56f0922bac42b75e5557', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: '0de4f38407fc5dc098e7bc5bbcb858c8646d8fa9', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: 'b75a4b6182e1a935f713c203587bd5e482ff1760', class: "gux-modal-content" }, h("p", { key: '2e29db8f3ac4ce211e9f7a04f997c9108931870e' }, h("slot", { key: '5434a2eebedc0b658e022f5044a8ad61786f9486', name: "content" }))), this.renderFooter())));
+        return (h("dialog", { key: '6344d29ac7553ac6a04ba67cc31c3b129a6d0e45', onClose: this.onCloseHandler.bind(this), ref: el => (this.dialogElement = el), "aria-labelledby": hasModalTitleSlot ? titleID : null }, h("div", { key: '2cb96e031387c9f0cc6b0d03b2f1c90effff1c84', class: `gux-modal-container gux-${this.size}` }, h("gux-dismiss-button", { key: 'f0fd8c5379710a74cf004eb1090bd6fd9a3e226e', onClick: this.onDismissHandler.bind(this) }), hasModalTitleSlot && this.renderTitle(titleID), h("div", { key: '61014e6e82c5380fea4825736624fc9d1fe7151c', class: "gux-modal-content" }, h("p", { key: 'e2b3eb8ca300295e4676c9436f41133f3f0c7048' }, h("slot", { key: 'b6b9a7aa906e325d42ea1c57e9e28807da6f90a7', name: "content" }))), this.renderFooter())));
     }
     renderTitle(titleID) {
         return (h("h1", { class: "gux-modal-header", id: titleID }, h("slot", { name: "title" })));

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

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

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

@@ -60,7 +60,7 @@ export class GuxPaginationButtons {
         this.i18n = await buildI18nForComponent(this.root, paginationResources);
     }
     render() {
-        return (h("div", { key: '144dd5ba861ec6629d760b4f834175d260f0d160', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: 'cd4bf9336287ad6a7efd9307ca00db02a909504a', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f703c23a31f90d8b226aef669700e940e6c169aa', accent: "ghost", "icon-only": true }, h("button", { key: 'bcacb426bee7ff610a2782c7bf8d748be9d193b9', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '59c923b7c3ad87e1bddd8c264f45d28319376927', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '491de9f90bea4cc7e1563935317a57ec00e6778c', accent: "ghost", "icon-only": true }, h("button", { key: '3bd04ac740853feda65d11e1a44c7adb9512d655', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: '46b98adaff437843e0c03e793126e19be12850c3', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: '2565572fc676b7bf505aca4cea19fedfa4bb2324', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'f7e06598859b74cdb9e41806e2ea242a022e2617', accent: "ghost", "icon-only": true }, h("button", { key: '306c9ce421f7301cc1ab99eb927982cc47c80fc5', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '0213106392befcbeb396ae879491e69569b7e892', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: 'c506d0c4fda7a7a7727337c7c08506e75ca8c0b9', accent: "ghost", "icon-only": true }, h("button", { key: 'cda5085b075c24d402253b893e2926b0252d5983', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '8e4ea05c515cf1a568a9d81711f1a3e9ef559a02', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
+        return (h("div", { key: 'ecbcfa38cdc31137318ebda5dde074108df863b5', class: `gux-pagination-buttons-container gux-${this.layout}` }, h("div", { key: '4ae9b7611af7df408ed656b38783aef6e3d7ac2d', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: 'ae39349f1e770eda86ffe8be930bb1fed02f793b', accent: "ghost", "icon-only": true }, h("button", { key: 'a57a7211c713e814aef7a3ba8ab15174a81166d0', title: this.i18n('firstPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickFirst.bind(this) }, h("gux-icon", { key: '837871733d7749b97bd502992032e298a09f5648', size: "small", decorative: true, "icon-name": "fa/chevrons-left-regular" }))), h("gux-button-slot", { key: '1666b2b951ad1e792e46f088ba414ba585e5722b', accent: "ghost", "icon-only": true }, h("button", { key: 'f2afa0b41c61cd783cc089438bced941f9ac9bee', title: this.i18n('previousPage'), disabled: this.onFirstPage || this.disabled, onClick: this.handleClickPrevious.bind(this) }, h("gux-icon", { key: 'b50913d82e12f2627316036c3238fdd2468edaa7', size: "small", decorative: true, "icon-name": "custom/chevron-left-small-regular" })))), this.getPageNavigation(), h("div", { key: 'ae031e14e2228a6aff4ba9d3c19e53b4f51ce7ea', class: "gux-pagination-buttons-group" }, h("gux-button-slot", { key: '1fd2483765c6c14ea6179b57bce0abdfda91bd6d', accent: "ghost", "icon-only": true }, h("button", { key: '2d12cf20b84808d5f2f47e762f8ddefa800a85d8', title: this.i18n('nextPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickNext.bind(this) }, h("gux-icon", { key: '9a66b0d11b9aba0a60001c8ad262121dde9b64a2', size: "small", decorative: true, "icon-name": "custom/chevron-right-small-regular" }))), h("gux-button-slot", { key: '570147753eff6f3e4868e862493d8b5853913d71', accent: "ghost", "icon-only": true }, h("button", { key: '7a26f5131b11a8e052449d7caae53ff873d3c7a0', title: this.i18n('lastPage'), disabled: this.onLastPage || this.disabled, onClick: this.handleClickLast.bind(this) }, h("gux-icon", { key: '02a1100be68ff247b2676786dc78054c2b341cbe', size: "small", decorative: true, "icon-name": "fa/chevrons-right-regular" }))))));
     }
     static get is() { return "gux-pagination-buttons"; }
     static get originalStyleUrls() {