genesys-spark-components 4.187.1 → 4.188.0

package/dist/cjs/gux-form-field-file-beta.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-DJ9HGtdZ.js');
 var index$1 = require('./index-CnZZCg2E.js');
 var onMutation = require('./on-mutation-una8GcoZ.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
@@ -113,7 +113,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '08375562c5f4fccba27ae887e75286a0c8316209', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2da1a8ccfb6fb0ffad13d6b7e17eb8c006ec3fec', position: "above", required: this.required }, index.h("slot", { key: '86c7bf4b43eac86d082075326f247da876690128', name: "label" }), index.h("gux-form-field-label-indicator", { key: '13ff56e6483c61e4f698c69a51adb0e8d37b4929', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a23675a2164c4080677980f3d6aa55ea1b05c163', name: "label-info" })), index.h("div", { key: '269ea5528a86db45b366c8f6f0528aeeb6636ba0', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e1afa7df59e08f6820097d88fbe542e7ddbfcb09', show: this.hasHelp }, index.h("slot", { key: '176674d3b557f621f8c28d67fc7d8843be91623c', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '4dd69a7d5c0c9dbfe3129c24773d6efdc082d35b', show: this.hasError }, index.h("slot", { key: '4ac9a75500eb2fde0de2809718dd02f16c2eaf3f', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e6168b89ec2e7e319eafd52f850440c7c8611baf', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c43bbd379ce7088f1b229e0759aeb650e540e749', position: "above", required: this.required }, index.h("slot", { key: '076818f70f0b4d576d0c29c589d65365f9922196', name: "label" }), index.h("gux-form-field-label-indicator", { key: '8d40c98ce91d58f80ee19a0f2cc56a8b7b0da22b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5a55650d45ff8d7867e5a5137d4da1c5d971405d', name: "label-info" })), index.h("div", { key: '89117ae5350897d66668b85b49c5253b4c714881', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7951b8ff1b3cbedaec1616cd0d3e9c93cb0e0274', show: this.hasHelp }, index.h("slot", { key: 'e47262515b64ccdf3f76b79afbbba7f653636cd9', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '4504a6087b27a3d7e42251a17974a7bc2985a4ca', show: this.hasError }, index.h("slot", { key: '7b80111adbbc9febb6f4b3446c60fa040d5b17ba', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="file"][slot="input"]');

package/dist/cjs/gux-form-field-file.cjs.entry.js

@@ -3,7 +3,7 @@
 var index = require('./index-DJ9HGtdZ.js');
 var onMutation = require('./on-mutation-una8GcoZ.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
@@ -108,7 +108,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '87fd01d5f4f842e4a60a3fd8903b1f47a25fa87c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '768146a270b2f9c795818e50eb346e9ef4c0f18e', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '41d509f25e61218e8ff44205e0066efc9871c48b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b18a6439eb3e331eadc8befe7d4a6625e5a2fe78', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '019080783c0879090b3b20df3c34a82fee01366f', name: "label-info" })), index.h("div", { key: '09756ffd657327ec2bc2a8ae5e39b2a5cf33ecda', class: "gux-input-and-error-container" }, index.h("slot", { key: 'ff1bffdc217f9eff4caead89b0ec19179e9c0669', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '7623a79ff314b2286cdcf03c00e964e317627414', show: this.hasError }, index.h("slot", { key: '1b29ff15208bec388a11900e21f81e5b60300211', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4fc70bf6a7764f229f4a46bba5cf4ec3e0f5394a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '42030254f9c567f2b9aa7aaee0a5458cb08583d7', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0388360b8ffd364cb113edad7bbd2cd417aa0738', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0eea04bc0700ff76a37dfc1d8c642bb319cc7583', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1fe4e4f8f9e178b4db023452c8fef586c20fd639', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '850a5ea4ea31aed7ec8a2d24b97833e0c6651d87', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '90e0fc3ab8cb27d1b907f41fcfdfe53d73512d68', name: "label-info" })), index.h("div", { key: '9cbc089ee1182d873a4da96c77a03a8fba01f0fc', class: "gux-input-and-error-container" }, index.h("slot", { key: '2fdaacde8ab249e618b86072e66dd291c4790157', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '3f6e546494f001ee6dddef3c3bf65837939e4fc4', show: this.hasError }, index.h("slot", { key: '547e941bb527ef5c23e68170fdbf584307ae107b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '49565bfbe9981f787951385891f2aafbbcf55684', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9d46b39b1296b7d9a2248f51df19bdc42f036bf3', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-form-field-input-clear-button.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var index$1 = require('./index-CnZZCg2E.js');
 require('./get-closest-element-CfyZl7i7.js');
 
@@ -21,7 +21,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '69c846a9dac078cf1b2affbbd802bcdf5e342671', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '75f116fced0dc325f669efbc3dcaa8a44ee52e7c', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: '752ef91c7cc3d5e0f0e320b799f6b75fd7a28caa', "visual-only": true }, index.h("div", { key: '082c3d468a87dcfdd360a79f22e13f33b1b4cfb9', slot: "content" }, this.i18n('clear')))));
+        return (index.h("button", { key: '64404e9437de8a45385161b1dee6b8811543895c', tabIndex: -1, type: "button", "aria-label": this.i18n('clear') }, index.h("gux-icon", { key: '5a4d5acbd2b2243bcb142559c834986ac15c4bad', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" }), index.h("gux-tooltip-beta", { key: 'ebd62167e9f3484066e68dc0110af280a50976e5', "visual-only": true }, index.h("div", { key: '7bc3633e898beddd15386e0268596f28660fe70b', slot: "content" }, this.i18n('clear')))));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-form-field-label-indicator.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var index$1 = require('./index-CnZZCg2E.js');
 require('./get-closest-element-CfyZl7i7.js');
 

package/dist/cjs/gux-form-field-number_2.cjs.entry.js

@@ -11,7 +11,7 @@ var simulateNativeEvent = require('./simulate-native-event-_MPnVmRN.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 var en = require('./en-0H0Z_nRu.js');
 var onClickOutside = require('./on-click-outside-Cn9ProR4.js');
@@ -114,14 +114,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '137a3979f9996ba04d92dd420167dd84d8bd678b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7d5bf5c68f8537a328d7c1b8e7a2c366cdce2128', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '102f722e3e88f68a49e11133c227c892032a28cf', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd88bf90fa98f018248a28f08ed9e217466ddce18', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '37df5a0dd779d9da8cf3b60f84d5e52115e1fa46', name: "label-info" })), index.h("div", { key: '5937c320d96258cde309337a7e055d42790b54fb', class: "gux-input-and-error-container" }, index.h("div", { key: 'd8391d88ec67783d1259f2e4942392db97e67904', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1e07c3f124e8707f6261b4df25690d812c9c7dd1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c4d3286b441ffc8b976ecab571420ef3f9f5731a', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'dd3eb099e1b96030198fa1d5980327b9b37372b9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9299e783143e6d5d3ed8e2654f388182bceecd09', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '26742f9f77b85ec871c12b8069d188685b1c1bd6', name: "label-info" })), index.h("div", { key: 'f76998d3d2b4f6cd9ecc21be8283a07dad189f0c', class: "gux-input-and-error-container" }, index.h("div", { key: 'db694b9aa71dfae2b1ac0df8988838f9c44ff559', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'ab857c5c2c6e1123c881ac599a508554ce6b4b7c', class: {
+            }, part: "input-section" }, index.h("div", { key: 'e10e9afd527017c32e2784409c6fba2211cf099f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '92c76a08f4e0cce0f905c06451e4c08c208813e6', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '958fb87df1cb20157aaa4238422bc1e957ebd830', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '73894cf0dd8900be644733ace75042f75db6f8da', show: this.hasError }, index.h("slot", { key: 'abf56087a30c56684cd3992365f9d1bd6be9129b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a9d02d2ae53c77fd0866b60ab1f88addf9c42673', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ce70b5209a863db0f86ebe207e0cce4c9bc34f31', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '6850be66b8b17f1c2cf0c4f7328aebcf3ba30690', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'c74281f4423eda417f7c79380d6dde369a2af1e7', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f28cc3e3fb7e49fd1da638376046d2d1fcfe051c', show: this.hasError }, index.h("slot", { key: '92a20e2c9b9c8988b86b3bf84f7ed3ee53504940', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '884b1ccd768b8da7ab2de002c323dc768ca56160', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cc86c01124eb1c7975649d1c2d516bd8193f52f6', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -280,10 +280,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: 'f675fa38c456d9beee7326a392f9ac27e7dfa946', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '66f106b639545c384b312af6e3518131c0c51507', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '97bc2b4e68b23bc09e7f9cb5574d53a2c1e447e2', for: "popover-target" }, index.h("div", { key: '34a54f5b4fe0f9a23a8cf7e86dc65fdfa1fae0f8', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '7b7c21bedf397397a4270749cf3d5ad28e26605e', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '162226f7ee34a5f6a5ebf1f7bc1a8eea56247e8c', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'c3f0ca2db06c2db6d0e9f3e793940f0e9c4812b5' }, index.h("input", { key: 'a80d061649c45e69f26fa5d424e161e1c242b283', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
-                    evt.preventDefault() }), index.h("label", { key: '987a1b40eed7e99bddfc906d0a4527e3c510b6a9', slot: "label" })))
+            index.h("gux-button", { key: 'c0a0f5339eb18427f2d0a295b2059ff1dd3354f3', accent: "ghost", id: "popover-target", type: "button", disabled: this.disabled, ref: el => (this.ellipsisButton = el), onClick: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString() }, index.h("gux-icon", { key: '7783134863b3749e02a098c237be70dd2405650b', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: '9e4a5b4684c26c37cf897259e9dd96728cff1015', for: "popover-target" }, index.h("div", { key: 'eae4d6c935bdfb6067d33db1facb3bdf2c75a35b', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: 'd452fae8bc5cf41f10cb66e3edee10b1da55396c', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'a8a03c0a8d6e51191d53f2c185f63d269ceb6bff', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'a3968c8cb70cf66c8415c51ebe541fef742d5e59' }, index.h("input", { key: '303bb563902aad6ee9af1188ba647773ae914d70', slot: "input", type: "number", ref: el => (this.inputElement = el), min: "1", max: this.totalPages, value: "1", onKeyDown: evt => ['e', 'E', '+', '-', '.'].includes(evt.key) &&
+                    evt.preventDefault() }), index.h("label", { key: '392d27147d9fd9ced515a2b93cb299db9f1ac13c', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-form-field-phone.cjs.entry.js

@@ -4,7 +4,7 @@ var index = require('./index-DJ9HGtdZ.js');
 var index$1 = require('./index-CnZZCg2E.js');
 var onMutation = require('./on-mutation-una8GcoZ.js');
 var onAttributeChange = require('./on-attribute-change-Cv7L_5Zv.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var hasSlot = require('./has-slot-BFTyqu_U.js');
@@ -105,14 +105,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '6ea123b795f941d395a7c1d7e8248c8184635f9d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e35180713387b8b87a982794b63cf5197749b05f' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '0128e7171270e19de005c0a96111aeac91c87a87', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'e2e1ed9d712606fe4346ea71b1deb5156afc9362', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '400be36b93fcc6631d8daa566e7ba5cc60da27b4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b2141b31fea069c1bb53e09f6e94c7fcac247248', name: "label-info" })), index.h("div", { key: '0368025904483b8dd6e1d8eb9ed09b90c2fcc585', class: "gux-input-and-error-container" }, index.h("div", { key: '65f23143dcafc6e43a7f015cd17a129c5cbeaf9b', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '613378ec2b9693daa0d18c873bd38194adcc8d4a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '714b94c9baea910a5557478a175af7b484d419f4' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'f5cd6e7de34d23b88af5a5c28d7249e1d3cc9ca5', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'dd43169118d9b259d1e264393e00d25ea21345f9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '61b7d9650aa32bc485eec34b7b2c96dca71bbc39', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3f159b032cc9ac1a8592d1e8c7a46c8f01a02ed4', name: "label-info" })), index.h("div", { key: 'a255777cea26f2ebc3584c008fdef471470979b7', class: "gux-input-and-error-container" }, index.h("div", { key: 'a3efa67c24b78802d2eda00d5d18e19104c537aa', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'dc607e41a5778de6e0d13b6a68234d3cd62d3c76', class: {
+            } }, index.h("div", { key: '24f51dd5ce104bba05b99dbec535787f38605e9c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'b72d8f134d6ad1ae8f385bf5463975682dfcf2cb' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '47a516a955b5ea38ac3958bf7ec088819ae6a627', show: this.hasError }, index.h("slot", { key: 'f010fbaca29bdb66305ef43898b0166c75dc1b31', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '69d4e91c95728faa37a37305688d3cda67baa9d2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '42b6207240a081af47c1be54b0d9e9a46fbe6c1b', name: "help" })))));
+            } }, index.h("slot", { key: 'b113dede3ddca50431087a10f334a68fa42c3705' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6257297b31c53af850adb599dbda8a79678055fe', show: this.hasError }, index.h("slot", { key: '53a58ab2005a598ffa97ab16f894e642e8dc6884', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '34abd49c63cc0617f0f940be16dad10525a8f42f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ac6905a7b49d47dab653ce3ad3d0c5899f2ca5f1', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-field-radio-group-beta.cjs.entry.js

@@ -7,7 +7,7 @@ var index$1 = require('./index-CnZZCg2E.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const required = "Required";
@@ -130,8 +130,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'aa74a0a167f00c3a64afb9a1ac74906393e93b7b', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'fbee0e9663f864c367fb9c5443b001a07cf5af50' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '16d264679463de752d0c24e5709586e3a0e31e0f', position: "above", required: this.required }, index.h("slot", { key: 'ccbe1cbcf87cc55287ff48a61e3c4ed913c63acb', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1abb12f3d9af3848a7c491660378d05ed1311bbc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2271df407dfd329251b62812b5af094fe779d991', name: "group-label-info" })), index.h("slot", { key: '41c1116bb04c07868aaebc9552fd21e9f7759f49' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '7772c645665c4c9f5de81dc08a29970b89366439', show: this.hasGroupError }, index.h("slot", { key: '654fe35787e357c5e4ed113b48afc81d7bd27049', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '43855ebb7ca5320723db4d6a6f7f2e7c2c8c3ed1', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'a6c7b086edf4deae14fcbe9e9e78690c0bd81236', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'acfba046d414d134764bb8d63c0d944ae190ef0b', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'fc6c07690055a4422007cf2976e7c15cfc1e2b32' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-error'), this.hasGroupError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-help'), this.hasGroupHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'group-label-info'), this.hasGroupLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'b910b0eab97d6aaff27123f8f3b7388f987e3153', position: "above", required: this.required }, index.h("slot", { key: 'e5b77b04269f5fdce492a3c42cf48fcf569cfe38', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0bb67f0d56898360c3388e9e188c7c1b523844c1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6a7b260dc69e954062eb7d262ff1dd709a1d3fa0', name: "group-label-info" })), index.h("slot", { key: '324bdaa5590740c1fa0c86490c0ffc6fd50d0258' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bf9c69816c159a8a180f71ad1654476ee28b8ca2', show: this.hasGroupError }, index.h("slot", { key: '7c6500b5062b211d57b7aab257d8a43ad4d7d193', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7eced387d0ac6e21de3c5ba2b6a9561a910a701d', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'cc323eb191b6d5139ee85b1a8e9b22c750d624e3', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

package/dist/cjs/gux-form-field-radio.cjs.entry.js

@@ -7,7 +7,7 @@ var preventBrowserValidationStyling = require('./prevent-browser-validation-styl
 var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -48,10 +48,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '2a07ccdfa483bedb9bd7317bd5dc6bd1529f081a', class: {
+        return (index.h(index.Host, { key: 'f7dc4e7c2f80984974904582d5cc2b9dd5c67fe6', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'c8a3bdf5ee71bbe4991d3a5e3cd9ee61dd06a290', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '332b5681500d15e60b9310c3cb802150e55dc7ba', class: "gux-input-label" }, index.h("div", { key: '72203629b351ccbba635c919ef76f6dc328d7403', class: "gux-input" }, index.h("slot", { key: 'abeae9fb7b1203eb8c240fa08dc9e4d7cc934996', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'bbf5041bf73d34bc4dd14a4218f02b9b1a6a6963', class: "gux-label" }, index.h("slot", { key: 'a967102925864849bc62718fbaa834e93364ff78', name: "label" }))), index.h("div", { key: '7a62d57b6b56a20c0c38402508e19e643b9b2877', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '22c26e650b61d4e7f0d4b56adaaddf83438d5d54', show: this.hasError }, index.h("slot", { key: '767a2b5bc7ae8346503371df88f0bdcd655dc8b0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e7d2f365b35ff06030147c66f296fc96362509c4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd7b71e1858e4981ef423f763ef4e6533cd3ef9e3', name: "help" }))))));
+            } }, index.h("div", { key: 'a1f12b9fb10c3c37751aebc02964b05969acfe86', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'b86f210373fac683d085236e558492d130fa5c25', class: "gux-input-label" }, index.h("div", { key: '1ec27063205b05b0569daee06db75328b7ffbbd3', class: "gux-input" }, index.h("slot", { key: 'c38d40a89108c29b74925b3b2c54464ddc818fbc', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '0b6939d4f955c5d028d4b34e4c51d86a99442ed7', class: "gux-label" }, index.h("slot", { key: 'defaaf9b388c1ec65d711cc0df93feff683b84e7', name: "label" }))), index.h("div", { key: '31813aaff5b026ab9ba7101fdf817bff59db1108', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '05d8a17940b0daa4c2fe80470223be99761fa564', show: this.hasError }, index.h("slot", { key: 'c9b45fe30d06f75142b55c67705c814950faf1a5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4b4cd37bddb6629d1d992f401b453b696e0db392', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '25d292684f9b5b17a4ef7e6f1198d96f6c87e2b8', name: "help" }))))));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="radio"][slot="input"]');

package/dist/cjs/gux-form-field-range.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var onResize = require('./on-resize-BVaymqbW.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -116,9 +116,9 @@ const GuxFormFieldRange = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: 'bc17164c8473b7fdf04e2bbfdfb6580ef14b1aa5', class: {
+        return (index.h(index.Host, { key: 'f0ea43710ef4a39ce8f00f0aaa5444e4e2c11644', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3d1822229e53b3753c486c35c0bc4f63206adcde', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c3bb26e77789bfba19bed7d1f4885f84a19d1d57', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '1cdfa1597694762bc753b2f24f92497620e3bf32', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '98dbeff398d089a6840083072fd2337372001a65', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bf723a251796ce6d07f401ae83ba8c0d17a4c3f4', name: "label-info" })), index.h("div", { key: '23c49e029982a5a78023c4e05558dde97f9917b9', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '82e313cb42b83c40b758accd2596631068a3ea49', show: this.hasError }, index.h("slot", { key: '42847d83952fdc18764a117e209a07a008a63f36', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'adab703b517deb2c01d475ff6515e26eabdab680', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f2123fda5b0ab320bec4cc53e4ee775905fb2072', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5425aa03f151449e14a6fbc22e22cd5cd41a6937', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '3776c2b6167ed2a3786c173eb1df81feec4c9d55', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '0ef71134e1128d90d8120448cbf601c157a271a4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd93000d3b47ab3d4e82ae25e4e66173cfb041670', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7d98fb6acd4c53835929869bfd6073d5d786137f', name: "label-info" })), index.h("div", { key: 'd812bffc149d767637f4c31613dfcd6c5096965b', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c3bae4f5efb6902bbb403e1e5f941f01cda056ba', show: this.hasError }, index.h("slot", { key: 'a37c59e74573413fc69e3bc85e18b501df46217a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8dd139f4e664c185f58fd510d5725033f6a37796', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'eef51ba6ca031acf3a9df9ddba55e2c77cce56a2', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

package/dist/cjs/gux-form-field-search.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -101,13 +101,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd8e7979a398c2d2cb253a8963dcb73097071913a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '0d660a0f7f1cca5fcee9e5e5e286c78c6cda27cf', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7ebeaf339f5d7d1711e178055c4290b937dbead1', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd2061f8d3881b5205886d5a4de3e4d4e1fbc63db', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f22f7f97322585e46e0b0c6b531249923cabf72e', name: "label-info" })), index.h("div", { key: '1ffa3def92c9ed7ef2b2eabf7148c3126fcc0136', class: "gux-input-and-error-container" }, index.h("div", { key: '236f2873311d703f441604085aef6c4b36769dcc', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b6fd9cc1299ad98c62eb26ed723b50f252a1d960', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '85317cd753898a4994bee108ffe9de8a10280acd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '2de444abac4cb87ccaac33bfd3c9a8fd8fb7b781', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd7d70bb3d250dfabfbff3028abe0a14baa1a97a9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0834958114c7bb532aff2340bd615ffba436ff4b', name: "label-info" })), index.h("div", { key: 'e8e51be1997d6edd73742b41a505fc8c24c6eebf', class: "gux-input-and-error-container" }, index.h("div", { key: '98479f702b194a4afea9c2bd4b92fa2c18baa33f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '2150cdfb85ae8958143f1665ae2b7df92ccf25db', class: {
+            } }, index.h("div", { key: '81559bc37b88fe02dabaa9cee25083ebda55e0d1', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '03e96968f01aae2c30253b3ad9a791f97284b003', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: 'a6dc120633867712474d085001dd155694f07ba5', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '8e4b4e775a10328088ae79e9f5c661d2740c3758', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '69f90a44bd6c4d0ebd1f82404646375ef7a488ec', show: this.hasError }, index.h("slot", { key: 'f0622f95157ae583e3282925f5d17d7d9cb47a55', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '698dbaabec30e0348bf9ce6ee29972bddae2234b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4f1238030632208d372842e9452f97739b3564fb', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'f3706a1a58d52caa4398527adc123c796cf583ad', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '26dafd78af632c3418d57daa2acaab3bd3c40e05', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '7f9f2917f9a41cef175770ba9ae537a4de5e60f7', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '2ffcf69bae8c23fafdf3ca207a22dba5ace612c9', show: this.hasError }, index.h("slot", { key: 'dd600061ead761ee0a705e3e5fb9c9f54616ed29', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3d45df101daa9bafc3852edd369bacc4ffaf1b1e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '04a36d9a887e68426db0e41f44c91afcdcb48e59', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-select.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -91,13 +91,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '8c5479b8fd09bbc9073cacfb06af0c7d9f9dd08d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2328cf2f6608d0c6ca834636ffea363837bc9f20', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '05786d917bc60c7320bd7a91da1a51ccb2ffaff8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '511c4b47c9a5404006c2ca14d278f096fe34fd31', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '60be6e914d33a654baed04a7787fd31acc76c769', name: "label-info" })), index.h("div", { key: 'be7230bca4a5ac4668d5906ab48465dbb1807dfb', class: "gux-input-and-error-container" }, index.h("div", { key: '8cc741be5b94dda1474c4e47c5b4d2f33c630d61', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '36d80cb0c83b9c7e683a21a3b1ee8b319cf4bd73', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd7ab019e29ff3b6fcea76250ceea22038c17e4e0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f374ef61481fa4d2f6c2e53908886ee151e8660a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '114211228486a8f146e41127c1acd56280b4b1aa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2d50de846e94d63aa6dd9cca126d3febe1845121', name: "label-info" })), index.h("div", { key: '5c83a9e15b35464eb8880f609dd01cec4494e895', class: "gux-input-and-error-container" }, index.h("div", { key: 'ede183b4ff75a8915cbceca9a5fce9f73fdfee1d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '5af314bb0e48c2ab8da00be983cd76f7c96807a2', class: {
+            } }, index.h("div", { key: '3ffa5170a267850f556fbcfd9ec18078087dbee6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '8253322c41297ef2295e0b1cb7908014310a187e', name: "input" }), index.h("gux-icon", { key: '414fd118181dd6a87cad8ae1abaaf5b73ee45a33', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ae8743e1cda6d0c5342b03ad6fd67a2a01599f2f', show: this.hasError }, index.h("slot", { key: '84eab9fd4a7712f812dfe05cd1a31fb8681bdd3d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'da3fb38e991924f1a87ddc3b823ebb99875d9cfc', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7de985c4c6ab83808d9090e1b62eac449d3c4f61', name: "help" })))));
+            } }, index.h("slot", { key: '4e4881a00101024bb2a0940d7b517e4f52892451', name: "input" }), index.h("gux-icon", { key: 'a700cd27972bbcd45a985b98e62f0a9fad62c34e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1d3132a1292256096f8ec2fda877fb1d808b4466', show: this.hasError }, index.h("slot", { key: '5c6ce7083f67f2488ebdab5877cae6ce3e034df1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b836165487d038ba425ca14de727d0f8d0391b9f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'eeb6aed6c059152d2507c110befb5d47491be583', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-text-like.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var focusInputElement = require('./focus-input-element-DmhIgp7F.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -114,15 +114,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3aae89e5a9e34e64fdaf202ca32750974b70f25b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'cab23d517a69ae2708d3893429c34b4bb09f4a62', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '368437105310fa272294d0df9eb9b9d741b44003', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'aab5d0450aada4a9727653bbcca84251f8d06b36', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '999514abce677aaa46c3361ff14c4881d72ae2ac', name: "label-info" })), index.h("div", { key: 'a36229ad90648c4dcaee9c8f32d7c0e286a8fb81', class: "gux-input-and-error-container" }, index.h("div", { key: 'dac2dd9e5b3837723ee488585da2e62265a67c1e', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '753266bb9ecf15ba5cacfaaee364e59c765b7c4d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '26c4366085f69d644050943fa29c7e7794671281', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '78f39c5b6f908265ae43cd15ad86747051cf8269', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ba5f56697af6bb08d7b24220e16a2b2db53ecfb7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '73264427cdeb03ba95a0f2bf263219b4625b3d4f', name: "label-info" })), index.h("div", { key: '0d3baed6cdeeebb07295a2c9ea40527bd3cb77a2', class: "gux-input-and-error-container" }, index.h("div", { key: '83817ebd3819a5b104da9e6f100b0bc534dcb4a9', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '513e5efef0697c77660342ebaa5381b014558f20', class: {
+            } }, index.h("div", { key: '9e39750d06ebd16ebfb7397f966c909025982ddc', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-has-prefix': this.hasPrefix,
                 'gux-has-suffix': this.hasSuffix
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '6fa9abcd69b8e834f338c424e0a5295400718e88', name: "prefix" }), index.h("slot", { key: 'b9ea3983bfb38b05fc0274aa8c1042c7d117a550', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'f0da41ca1dbca2296834c84104e60ac2d54914fe', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '6d39235478e7282efa3753e1eabdad8bae160337', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b47c0a8d858e5e9596c83202cbde4082c244f72d', show: this.hasError }, index.h("slot", { key: 'c93308a6bc3fb318fc909ad284692912cd224586', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e9b5190399bbb70517d3c70b9165c42bef7db285', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '67035512f0b6e178eb4c50f754bd0e51090a9cc0', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '438115de7518408190cb8129c41bd05de5132096', name: "prefix" }), index.h("slot", { key: '3bcb0b6ed7c8f6c9bc3768b512b17641f4606ffd', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '596540127449c6813feb7879b180c14263f907d6', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '3b37dd7db5888ddd73ed191c863fdb128712e404', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ccd2d0274f514aba8bb8d9a19259d3d47e5c13d5', show: this.hasError }, index.h("slot", { key: '56c72130ce6bf75d99dcb3da20059c6b52239b1c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '90fe1b60aaaf959583b21822da1a9905b8dd72e9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9d943aecae00baec1eb04210d4c02e8b51c64de3', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-textarea.cjs.entry.js

@@ -9,7 +9,7 @@ var hasSlot = require('./has-slot-BFTyqu_U.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldContainer = require('./gux-form-field-container-BkBBWJ-I.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
 require('./simulate-native-event-_MPnVmRN.js');
@@ -95,12 +95,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '989ec6439601ed674996b95f803efdc8e5184d4b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '862ce006386692f5e93309f6735d0d653c42394e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '2313fa07bab8373addd04faf624ab0083b415c54', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '630cdd1a052d2888545845afb7fedd79ebc019df', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5e4357e39379df103af426266466750c5031a9de', name: "label-info" })), index.h("div", { key: 'eecf4870471748aa5ead808f1bc09281d4d842e3', class: "gux-input-and-error-container" }, index.h("div", { key: 'f1c25eb869c58712eae8906f3325b0bc6c3c57d2', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '96e4bb7f50b658ba71f58eef6364a7b4c40b5c14', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f589df9755a80ba802a9a27956148e445c6c2c4a', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ca92d6a1d0c292bb767b702155efd18cf71eadfe', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd9489ab61733ea7e7ccab22236b559beaeb94b15', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6d5f591c954a9a0cfff971d818edd1c3377c996e', name: "label-info" })), index.h("div", { key: '70638e7f09f965fca80fcd6f67ef75786456f0d0', class: "gux-input-and-error-container" }, index.h("div", { key: 'ecb2ba7cb6308ecd0b2bfc76114843fa4b2dd43a', ref: el => (this.textareaContainerElement = el), class: {
                 'gux-input': true,
                 [`gux-resize-${this.resize}`]: true,
                 'gux-disabled': this.disabled,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '7e415e054e384235e792ad23fa9094042ad5dd06', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fc564bf18ac064d60d79465e055cc2ce7a2ffbee', show: this.hasError }, index.h("slot", { key: '332994a6d8fa4e295eafc0b30a53e49b80c083d8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1523d395d422f10916d89139e3103a86eb3e1bc5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dc6c5c0839950a91ffc6901fc7e98fbb89f05347', name: "help" })))));
+            } }, index.h("slot", { key: '145743ba9567e5db383883e7983e26bf3d5dff68', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '5b129317959e6ba6efe7ca779974f8c5fd22fdab', show: this.hasError }, index.h("slot", { key: 'd75956631a0c7ff0cb1b3b373803e717141f5bb1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2ec0ca5ea4d3bb33587e020ed7d68d8ba276159a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f747f9e35e0270ee3eb330507cd4de4e589253e4', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

package/dist/cjs/gux-form-field-time-picker.cjs.entry.js

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -106,14 +106,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '2f6284bf2bd3a191aac85384490bab2d398c67b8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'b9c7224d76977974cdecb991c6496caf712c2dad' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '121ff318bcdf6b58b326e90b863c7e99e58f4c87', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '83b00e7aa3372ae0f99371fac3b1d99980f78cb6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3c9fc718823faff9cfe366662dbed9019950a0a4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '191738908ec12ea8f5877a716951011a62a44b84', name: "label-info" })), index.h("div", { key: 'a61936aec738bf45351fff022f59c55a26a01754', class: "gux-input-and-error-container" }, index.h("div", { key: 'caa8258090f789e8110964df86e5179cb2417fce', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '2a590162d4336de472cbf26d40e29b54e074f6b5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '8097110d65499e6426539eb8a3955773fcb26313' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'ef18ff5e0ef2de7068a42d8045425d6ff827fbb8', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c0ca466f74f190dcac95dd9078b6ce733864301c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'adb9c4e9905961806e88d73ecbdd15e9a70f445a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ebe5cc98c6aebc1745a59582b6a7bdf2bb5dc9b8', name: "label-info" })), index.h("div", { key: '47c76e583ffd91528f3a4da145cb5a47a6dc04c5', class: "gux-input-and-error-container" }, index.h("div", { key: '7f1be7d0bc7436f4cf1ef1762b8d1aea231483f4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '9a63c91f1fc6c7734ffd1d4fc56a43289206f701', class: {
+            } }, index.h("div", { key: '1cc80c6073e344954dcf8d82a1ae841cc2607a32', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'f6ba67bed6ba3100e562803db5b144470ceae780' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '14444e36f3dd4a30e3c7925b67a198ae9ddb0aa0', show: this.hasError }, index.h("slot", { key: '25107814efa1dceab24dd57cfa04fdf7a31401fe', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f40f273f9c14cb1b80b8903bd824b0c81edbae0b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f28e67e86167d4f0ee3ce3519124840836f5d219', name: "help" })))));
+            } }, index.h("slot", { key: 'e20ca61994751a5679e0712a466a6b55b7234e47' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '01893585f8ac5a83e6d4eca90fb41e1da013a291', show: this.hasError }, index.h("slot", { key: '2444179a580fa3662112dd762c639ec5b79f1de4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a864aae889748c1b96398a1a42c4ba4811a0e8e0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '24d91c276abcfdbec50703d6069bad2453644ac6', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-field-time-zone-picker.cjs.entry.js

@@ -9,7 +9,7 @@ var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 var guxFormFieldError = require('./gux-form-field-error-FIcB4Fjw.js');
 var guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-SYa1tvh_.js');
 var guxFormField_service = require('./gux-form-field.service-MaWFZxSN.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 require('./get-closest-element-CfyZl7i7.js');
 require('./random-html-id-DH9-ntZu.js');
 require('./log-error-nWO_o1C3.js');
@@ -107,13 +107,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'a2c68942760261ead99de690292e5212c7e51c68', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'bce390a211dc6ec360e98351dffd94ea587b9f1c' }, (_a = this.label) === null || _a === void 0 ? void 0 :
-            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: 'd33286d7b2907c45cc7ae016ada4a376844a2382', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '0f28f6cf1f6206dac20b921c6801fc867d3c4d84', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8a3a4fd4ea3a8e7d936cdb2b0381c0630f5466be', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6b40b670b50fc08cd2bdf5a4a746dd49f0b75ee7', name: "label-info" })), index.h("slot", { key: '7e652012704350ded87227440248ded99d958c71', name: "label-info" }), index.h("div", { key: '3d623fb3dadea4922acb2bb1cc3f6b5d06b3add7', class: "gux-input-and-error-container" }, index.h("div", { key: '03bd1920912a114ed96eb778cbf508ce796df886', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '253f126bad039d8597e5e04720da30e359b0bc31', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '5b2379af4fda9bd34de7be21e24271aa0be376b3' }, (_a = this.label) === null || _a === void 0 ? void 0 :
+            _a.textContent, this.renderText(this.getI18nValue('required'), this.required), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'error'), this.hasError), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '431a3a5a3737aaaf3362bcca8a3f5ea121eeb67b', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '94a662cd42c271c5c3fcfc69844bb88ea038d17e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '41169379f5472c2c1f1ded1bb0dc08c2cced1f20', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ca2408560747429d605ab9e21639eb79136670ea', name: "label-info" })), index.h("slot", { key: 'c7657a3fc244cc380626010fbb07e3fe6161d4ba', name: "label-info" }), index.h("div", { key: '4452ed2293e7a9155b27b80057e747a955e7fb5c', class: "gux-input-and-error-container" }, index.h("div", { key: '0f1b9da635a172a90a32bbf5edd980078cf56f47', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '08c31da81e638aac148c261ea0ce907a573b330d' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a42aa3900bae7604743901f0d02cf142deb0895d', show: this.hasError }, index.h("slot", { key: '043484bc6874dad6c94b82f6641c61b6d1bef498', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ea9e1555da10f5b2db0191b2cbe4573c55c04b6d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0f5cea2ef4a9d9ade78cb103cc41214fc7409b99', name: "help" })))));
+            } }, index.h("slot", { key: 'c088e3e49036cbb9121eb9fa5ec4f87fb8f989f2' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '84898fa29cc83489cacb7e322b472a179caa3b39', show: this.hasError }, index.h("slot", { key: 'c8b6b862e266dc3d7c856967094acc830612ca24', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '786af2950e6463f7a89e6e7cc3f950dd1148397c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9c08e443a5bf0268a14cd75660a869de0999f04d', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

package/dist/cjs/gux-form-fieldset-heading.cjs.entry.js

@@ -9,7 +9,7 @@ const GuxFormFieldsetHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: 'cceb14c204698d90ee90af0414ade4204e39f442' }));
+        return (index.h("slot", { key: '83ad5bb762495f55c6b15fda8d7ede56fdb5cbb7' }));
     }
 };
 GuxFormFieldsetHeading.style = guxFormFieldsetHeadingCss;

package/dist/cjs/gux-form-footer.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 
 const guxFormFooterCss = ":host ::slotted(footer){display:flex;align-items:center;justify-content:flex-start;margin-block-start:var(--gse-semantic-formControl-formBody-paddingBottom);border-block-start:var(--gse-ui-formFooter-separator-width) var(--gse-ui-formFooter-separator-style) var(--gse-ui-formFooter-separator-color)}:host(.gux-form-footer-page-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-page-desktop-gap);padding-block:var(--gse-ui-formFooter-page-desktop-topPadding) var(--gse-ui-formFooter-page-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-desktop-horizontalPadding) var(--gse-ui-formFooter-page-desktop-horizontalPadding)}:host(.gux-form-footer-page-mobile) ::slotted(footer){flex-direction:column;gap:var(--gse-ui-formFooter-page-mobile-gap);align-items:stretch;justify-content:center;padding-block:var(--gse-ui-formFooter-page-mobile-topPadding) var(--gse-ui-formFooter-page-mobile-bottomPadding);padding-inline:var(--gse-ui-formFooter-page-mobile-horizontalPadding) var(--gse-ui-formFooter-page-mobile-horizontalPadding)}:host(.gux-form-footer-side-sheet-desktop) ::slotted(footer){gap:var(--gse-ui-formFooter-sideSheet-desktop-gap);padding-block:var(--gse-ui-formFooter-sideSheet-desktop-topPadding) var(--gse-ui-formFooter-sideSheet-desktop-bottomPadding);padding-inline:var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding) var(--gse-ui-formFooter-sideSheet-desktop-horizontalPadding)}";
 
@@ -14,9 +14,9 @@ const GuxFormFooter = class {
         usage.trackComponent(this.root, { variant: this.placement });
     }
     render() {
-        return (index.h(index.Host, { key: '2397b3aad5df2c67ccd7ed477eb9388ca13a776d', class: {
+        return (index.h(index.Host, { key: 'f94cec6653d44f8f7f9c7e0b12929d9a2eedd492', class: {
                 [`gux-form-footer-${this.placement}`]: true
-            } }, index.h("slot", { key: '4df7466803b65af86d04d019f1f935cb7d74af53' })));
+            } }, index.h("slot", { key: '553db5a0585ddad60e28cda7d93b10ff7f127660' })));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-form-heading.cjs.entry.js

@@ -9,7 +9,7 @@ const GuxFormHeading = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h("slot", { key: '86584a3ff078feed0429c5519b321b5fbcad33b3' }));
+        return (index.h("slot", { key: '46c979c8e1cda5344a11379aba164eaec4546206' }));
     }
 };
 GuxFormHeading.style = guxFormHeadingCss;

package/dist/cjs/gux-icon-tooltip-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var getSlotTextContent = require('./get-slot-text-content-DZwcXMIm.js');
 
 const guxIconTooltipCss = ".gux-icon-tooltip{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-icon-tooltip gux-tooltip{padding-inline-start:0}.gux-icon-tooltip gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";
@@ -27,7 +27,7 @@ const GuxIconTooltip = class {
         return await this.tooltip.hideTooltip();
     }
     render() {
-        return (index.h("div", { key: 'af5d8dde7ac2a4ec1bb91ebef4c93dee25e72f43', class: "gux-icon-tooltip" }, index.h("gux-screen-reader-beta", { key: '536b72ca40b47710c0b64267986464f98da347d9' }, index.h("slot", { key: 'f4804b645e487d2decc7e26d41ad8fdc6f8d8163', name: "content" })), index.h("gux-icon", { key: 'cef5056226a35bf4d7a4c9a6650d3c6f70f85d79', "icon-name": this.iconName, size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: 'be4ad8ba30665d478b0ca543d1d96fee0731364b', placement: this.placement, ref: el => (this.tooltip = el) }, index.h("div", { key: '28d70600f1dbc4b7d41e3386e2931627d06f6ce8', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
+        return (index.h("div", { key: '23c6fe983cd72d7381d795b0a405aa8b15121fd1', class: "gux-icon-tooltip" }, index.h("gux-screen-reader-beta", { key: '2a6f04c4a1017274b4a5380f3cdb40812227bdd1' }, index.h("slot", { key: '28df2a8995dbe7b34b0c40f88c870386ab1e259b', name: "content" })), index.h("gux-icon", { key: '5ea0762dc793afd2d641fb354c2b454718f0b21e', "icon-name": this.iconName, size: "small", decorative: true }), index.h("gux-tooltip-beta", { key: '87d0f229baf485d6070b59438b19d6fc6704a558', placement: this.placement, ref: el => (this.tooltip = el) }, index.h("div", { key: 'a2240542b5b893fd34a6bc2c4b7c902a4beb6cbe', slot: "content" }, getSlotTextContent.getSlotTextContent(this.root, 'content')))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-icon.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 var logError = require('./log-error-nWO_o1C3.js');
 
 const legacyIconNames = [
@@ -556,7 +556,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '99218862a4c35ffce4c199f28a8b1ea5a7e940f4', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: 'f0428ad587ae63465b9352564c3fd7bdafe0a693', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

package/dist/cjs/gux-illustration-beta.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var index = require('./index-DJ9HGtdZ.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 
 const svgHTMLCache = new Map();
 function getBackgroundShape(shapeName) {
@@ -80,10 +80,10 @@ const GuxIllustration = class {
         ]);
     }
     render() {
-        return (index.h("div", { key: 'b784dff16a5af2bcea05f22e3478f1d78722080c', class: "gux-illustration" }, this.backgroundShapeHtml && (index.h("div", { key: 'd57aaeea21e7a23f73aea017e97f46690faddb0d', class: {
+        return (index.h("div", { key: 'cfaa332255722b58769c0408127059846ba915b2', class: "gux-illustration" }, this.backgroundShapeHtml && (index.h("div", { key: 'f87994eda35ec34fc440bff789229fadddfd194d', class: {
                 'gux-background-shape': true,
                 [`gux-background-shape-${this.backgroundShape}`]: true
-            }, innerHTML: this.backgroundShapeHtml })), this.variantHtml && (index.h("div", { key: '7c319cf6ee37a229e560656b662f58431f6f6f80', class: "gux-illustration-variant", innerHTML: this.variantHtml })), this.statusHtml && (index.h("div", { key: 'df8b54846668fe2517d497dbedea6e2bdc339956', class: {
+            }, innerHTML: this.backgroundShapeHtml })), this.variantHtml && (index.h("div", { key: 'a79320612864946568e9781ca388ed12f5d06ce4', class: "gux-illustration-variant", innerHTML: this.variantHtml })), this.statusHtml && (index.h("div", { key: 'cac2fa1133509442928112b71a9620647b406d3b', class: {
                 'gux-illustration-status': true,
                 [`gux-illustration-status-${this.status}`]: true
             }, innerHTML: this.statusHtml }))));

package/dist/cjs/gux-inline-alert.cjs.entry.js

@@ -2,7 +2,7 @@
 
 var index = require('./index-DJ9HGtdZ.js');
 var index$1 = require('./index-CnZZCg2E.js');
-var usage = require('./usage-Ypiicskt.js');
+var usage = require('./usage-BrcJ30Q_.js');
 require('./get-closest-element-CfyZl7i7.js');
 
 const info = "Information alert with message";
@@ -42,10 +42,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '067e78adfbddb40428133b36b0297665ac02433e', role: "alert", class: {
+        return (index.h("div", { key: '0cc56669d4391255b4ab87778692902d125f9dc5', role: "alert", class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: '66463583a6c6868cf4b6daad0ffec4ae6f806203', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '8f9e2580c6990f14c082519ff656a1f1032318dd', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: '53e3e6259dca207e4384cff943c456840c16f419' }, this.i18n(this.accent)), index.h("div", { key: '6d00d57345d1aa0a96f02042e51a6106e72cc61d', class: "gux-content" }, index.h("slot", { key: '10dd2c655f71f7d32c7e13bbb65c7307c5016652', name: "content" }, index.h("slot", { key: '5397c26961c174b093c0d9f0d3b561cc49c8792a' }))))));
+            } }, index.h("div", { key: '012b260d9f1a98288646e1160bed5a845f42b3b5', class: "gux-message-wrapper" }, index.h("gux-icon", { key: '372a76f372efc221936de7ed79ba410877621f11', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'c4da670c1421a824d4f895b3c3d63a75b41aeb49' }, this.i18n(this.accent)), index.h("div", { key: '947363b18e34685adcc1668261dd695a2b3e852d', class: "gux-content" }, index.h("slot", { key: '80cd34a7b53ec01b57ad4c61482099a0acb4af17', name: "content" }, index.h("slot", { key: 'af09ac4f9428e935698143d185ead50ccf032e2a' }))))));
     }
     get root() { return index.getElement(this); }
 };