genesys-spark-components 4.137.2 → 4.138.0

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

@@ -11,7 +11,7 @@ const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -110,11 +110,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '897fc8dc3d3eee90fca873e0d22a5ef842d175ec', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'fcbde4fabc0044b71b522a86512ae17d6e42a9af' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '3328ee6ef7dddedab7c9f2f88da9aaf77b05e435', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '0f8803dc56293ea5259c804cff2cb1036b8c1457', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '588d5eed8a6121983ce142865936efd2e5d2809a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '093d2e0ea2fc3c660099d1f20a5b4240f1d2cd81', name: "label-info" })), index.h("div", { key: 'f8113c8ad3381a5a1e37ae97acec39473354b160', class: "gux-input-and-error-container" }, index.h("div", { key: '5dd0a261163014d422111efeb619284a87768fa7', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '4caa607e6f52c90a77986ff7a6edf13984db3245', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd9793de4036bd153a491e15bf0de314efa0d8a61' }, (_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, 'help'), this.hasHelp), this.renderText(getSlotTextContent.getSlotTextContent(this.root, 'label-info'), this.hasLabelInfo)), index.h(guxFormFieldFieldsetContainer.GuxFormFieldVisualLabel, { key: '698ed26015f7a62ba80a3c27d9b3aec008bd852c', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '86c036453fae43c9d18ddc87cad4858b6c76e254', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '06d251db205e0a291c553c2cbf4b1ae3f2e3fe31', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '952f0d59f587e67561b93ee2659ed16a0c55e29e', name: "label-info" })), index.h("div", { key: 'db32cfdcaa0c081b053f0e828198c03eef6e1e76', class: "gux-input-and-error-container" }, index.h("div", { key: '4fd4aafc19f0cf122a9a8d32d17d171812029342', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: 'fc542c1d3116d3d13fba811b5a3b770c036ec026' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '8ae9b254d87e3ae9aa6279e55dff2d1cbdd1ec7b', show: this.hasError }, index.h("slot", { key: '6d3c6bcfc4d8f34809550b687f30746bd3f6e9eb', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c13d246baac40074cbe418e3060dd9abf877f402', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a39e1c43c57f54000c12110866a378230fcb25b5', name: "help" })))));
+            } }, index.h("slot", { key: 'd2fed5431a315a019a6f6d93e47e68f7075f6358' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '368eb5e214e7d4963d9723df8ec0ec021e6dd581', show: this.hasError }, index.h("slot", { key: 'd061d9c878960c3ab36ee426c616168a277c4ac2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f7c475fe48499cf1565833015a0e994e5e793a99', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7817cb51713b84bab801d4254805523d135f9710', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -6,7 +6,7 @@ const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.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: '1a8780895dd3dedfd1ec2bba42e839b28d075d19', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '75ffafcf66aeae8c87894a74fdb3f2f48b1ac453', position: "above", required: this.required }, index.h("slot", { key: '50fde614ef9abdfe5d0d0425b5e522bd5196735c', name: "label" }), index.h("gux-form-field-label-indicator", { key: '229a17ee898871e22e765b506639f26ec38a4279', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '42718ebe158e745a0bb3a443b2edaddc61c74fe2', name: "label-info" })), index.h("div", { key: '6131472e8cbba029538da3f66dbad02a4eb60234', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '25f7f64a051c40b8523308d87f75b8a23be2b9e0', show: this.hasHelp }, index.h("slot", { key: 'ad978153191b29caa3d7c3753fa7eef5895a522e', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '4f4f38987d103d96674e409074e2dacb6e35004a', show: this.hasError }, index.h("slot", { key: 'd4d849e00fb78dab4c020acbd777dedc8f68f53b', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9d887e6c4512a8391dde9846c231bf4e22187e84', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '492fa13142a4be8adb255ed97a2c2f3c8c5873c5', position: "above", required: this.required }, index.h("slot", { key: '7e5b0a6e5d16df5d61091e591d736e3c9b70757e', name: "label" }), index.h("gux-form-field-label-indicator", { key: '3093588796cfa6f643351d922886606afd8d9f85', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8f114a5c512df1976c51f41c5d17b55e14559338', name: "label-info" })), index.h("div", { key: 'f903f9374864c2a92de3e41d6ef1f63531a8af30', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4a8ad0368308fdd0e95463b239bcd4bef60a2ace', show: this.hasHelp }, index.h("slot", { key: '2f61a4eaef1b9e29079fa562b42a00117951e117', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: '835ba7fc9d59bb8f6b13a354eb98236d25bbf967', show: this.hasError }, index.h("slot", { key: 'e77e38555dd9f11f8fc97e6d0f85b079acb86a1d', 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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-e321455d.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
@@ -108,7 +108,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '877804d59c58c9a050cd1d636f4395708e9a2f42', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f0154b4b77a7e04a583aa86ff8574b1342bbc4dc', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '27356a3c9e4d6ebab84406073ce9fe2a5d29083d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'fc4f1b44dd4f60329a44b4dc4bf618d8315c9d88', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '59386251e1ad41b0a25b7976e3d3723925c1b6e8', name: "label-info" })), index.h("div", { key: '61569d6c302cd993072ce3f093caacaed5b70c0b', class: "gux-input-and-error-container" }, index.h("slot", { key: '2bd237f6da809bf83dca1806573c690689cce028', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '50bfabca74c52c987f8899c7815b1ddd518cd4bd', show: this.hasError }, index.h("slot", { key: 'e9d33291e4d50cef0c5dc0142ddca2d98c901564', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '114fb5aca262e20269cba27aae9c59a81dd717e3', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '932e5afc9e4026ac331c678289a6894c742def81', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '81a76e19d2642450f6700473fbf980e991a2cc2f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ae087d7a1287e9ef62d5ecb58135cb4ef62bf364', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '0fde915ee6993a85f70cff079bc2bbc317b13f8e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '36dfd2da6ed5728d7255b12098e3ab5f49320d0e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '806f91102853273d48b484ee806a0ed700b27a49', name: "label-info" })), index.h("div", { key: '582f7cf93e0befe3f5ff66217af574128c11307d', class: "gux-input-and-error-container" }, index.h("slot", { key: 'c1d06dfc8938b86a4d34776c16ccafe33a97a4e7', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '17ab9fee479aadd9db3a3c5e4f07c66364231476', show: this.hasError }, index.h("slot", { key: '7aaa8bebe1a8d4a80387d36af4cf4a1f748c510c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '37df349655001e8542aec879c6da1d2962c4b0eb', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '40d12e88fc9aceae27428d06be4426a58d9cc8ac', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 
@@ -24,7 +24,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '706c5fac971a89a102c6613cc58838dc8914b409', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '0b77be43d208fd07996119c3baa663d99c75ef00', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (index.h("button", { key: '77f84eb9a74cd779b81ab929a801b444779f0eab', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '832e3b4435a02295473dd443b37757b818098d05', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const index$1 = require('./index-aa48ea67.js');
 require('./get-closest-element-9e41d6b9.js');
 

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

@@ -13,7 +13,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 const en = require('./en-66d2b744.js');
 const onClickOutside = require('./on-click-outside-8a2d3a8e.js');
@@ -114,14 +114,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '3000454f7163bc2d71140e570f0427c21e144c78', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '930bb91ad8ee4bf6060559173834783234349766', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'e872c94c40e37e2819f6d4663285cf5fff4149c6', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3706efb0add513877c359493c5bbe980ef0348ad', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'be213351061cc55c8f8526871f8256af8f3c23be', name: "label-info" })), index.h("div", { key: 'e91d01f8c42cd3ec1cdd7d9e7b0151be515a365d', class: "gux-input-and-error-container" }, index.h("div", { key: '34f77fc4c94c6422f275c52b4acf6c19ce5d38ba', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '12dc2779919b1b02ffa27892b0dd0a618fbe11a7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '687d9ab3416d421cef725504497650b179143827', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '22a8650e52351a1fd9d55b644975f435b78e5f23', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '42a582daaa9d37ed3abd22ca00757ff5f0b40119', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '31fdad12b44a87f24c8c139ba8c4aeadaf879228', name: "label-info" })), index.h("div", { key: '7933d9233db513e5c370b0d25fffebcae3f62d98', class: "gux-input-and-error-container" }, index.h("div", { key: '77ccdb3e33e3b52c6685028ff2ef5d585a5460a5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: '48c835822b4d70ae7eff6aae67f26d7c757aa7ef', class: {
+            }, part: "input-section" }, index.h("div", { key: '8d7b02afda8b8dbe83bb1397a2af6e5e3a3aa826', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '0a50c2d251527ae1f12544ea484b8302196be2c7', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '5839d1f1ac277ce5b317cf9d3a49222e001e0f71', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ac2e22955aac9073920bdb0a8595326fcd158411', show: this.hasError }, index.h("slot", { key: '6d5004bae7f4310d8687243c6680e5ea3acb69c8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e154d88547f0950c7141d3ecac66d777367b4430', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f16953d49c0a9ad3819031ddb6d04c7e74931d92', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '50df4de53dd69305bf3104f0f741b8236c9d62f2', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '8437b6e737c34f18308195eeb60ae0eade8f5cb1', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bfefc2accf2de30da422472da670cbd5b25804dd', show: this.hasError }, index.h("slot", { key: '4e2bfc741b61f5e5bfe4fe8bb2f1106376c69220', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '80177d9422eeb189d1a6a2b90b1bb6dfc8d824f6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '917ef57b398d13e25aebf5d34bb91cbcde943151', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -281,10 +281,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: '7fc3446b96d0cb4daa84bfdf8f3d8e87f5065331', 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: '430f28a10cfb108352d3316736816b1d1110d5bd', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '4a73cfdbbe765c4305bc8848936b9d7383529696', for: "popover-target" }, index.h("div", { key: '41b55b2d0efa8d819a863244fded37aaaa100c80', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: '3fb440daed295dec09e9d25df94d8f03e455f2da', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: 'ac6dbb786e03bac5e315754fdcf0481657a58c76', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '5eee11def3d726ffe56e3b8435ecb41a6ffbc2fc' }, index.h("input", { key: '512552af3be9d9100aab94adb2241fb777d42275', 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: 'c11a8708e8096a73d3f9142ca1878eef8891642a', slot: "label" })))
+            index.h("gux-button", { key: '36985a051239ecb27a5a7f8ebdd58d266311e6ae', 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: '015dd7d23b3e45d8d526d568cf2dcfdcf0b4f285', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: '31fb8d209a0a7d1359739984aeb6ec7c3ad8e48d', for: "popover-target" }, index.h("div", { key: '8cd090daee18ef9b221e2a31b6df147af174a996', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '71aa010b988fdfa78aecf6698d3fab22f1100fa5', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '3d5e610300b17f93546365df3cba7daa0fff07fb', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'babc6464e1d60a1ba11d924c1c23d3e678a41828' }, index.h("input", { key: '8785c8665e2572e9530b49ef4d5f58ba5bdd4691', 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: '4fc1d7c66dd62cb88711eb657944f595f6e22011', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -6,7 +6,7 @@ const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
 const onMutation = require('./on-mutation-6d71ec1a.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -105,14 +105,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'a6bb890ce996586fb1adce09c175347efc9baf62', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '117789899d73edaa492da369e542c5c9077ed3e5' }, (_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: '95da1ef1d08ffd7617526b131650c17ad390acad', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '32d4b14111e9586738cd5a03a3742c494f68aed4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '661059d79b8fe9dc893d368110015b762e43e4b8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c68d3e06f70583f3cd2ae23cfebc3e6ab1428d25', name: "label-info" })), index.h("div", { key: '4b58c0283caf7b31bad29fff96171e11d951af7d', class: "gux-input-and-error-container" }, index.h("div", { key: '5e7db8a1c38ef7d22697668de964eb7bda9c2fa4', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '4cf726af903c7be3b333f632330a91f543ef6684', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '3362298599464d52a448a4ad5e73e47e0b162a48' }, (_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: 'a53166b5171edfd9db4a9fca89f9fcab58797ee8', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'a58e3699c16daf7a302c610e443b12b207cc53fa', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'cb7097d5a031f680624bc2dcea9181247b1fa3c3', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a0dc10a0c043e891f226c16c88c7cb866b7c80b9', name: "label-info" })), index.h("div", { key: '4a5308add4085fe534b2d6bba3c61b370a29f4f1', class: "gux-input-and-error-container" }, index.h("div", { key: '7b325104e32aea1dc06673a0bee9a2f62c96e326', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'a57e7daf3b33fd6c67fc5ee377530d808ae03f33', class: {
+            } }, index.h("div", { key: '4878c0512fc9cae7bad1201aafac835ceb07e644', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'ac0c9bfd9c7524eed09ad75b371fcf5087ed569e' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '8236ac255675f48f6e336ccd572d628965d4f2be', show: this.hasError }, index.h("slot", { key: '5637417ef8222da8526b08752eef1336367731e2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9debaa8122515f9ef035da6d16db5c3227a99c17', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6d671c936e76de94d66dc7656ec51177ec256c3a', name: "help" })))));
+            } }, index.h("slot", { key: '0f64e70da67a4289fb0d609defc6418e74733928' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'dab561c39953b59676ed2d5664dae2667c271a8d', show: this.hasError }, index.h("slot", { key: 'cdc5539e17a8700b0aa23b4c963c5835bde680d0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f2953b9d4935909b3eca68b4d8a41b9c418f6ca5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a18968d4a0106583b2f2724b4da0f5b9d3ac876d', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -9,7 +9,7 @@ const index$1 = require('./index-aa48ea67.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const required = "Required";
@@ -130,8 +130,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '5903432a75aa81484303a397d5efb109813787e0', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '2a5855bb7c7548729b3ed741f84c019b2bc984d7' }, (_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: '98aac51acb042aca88c3cce55ce34148c8f7314d', position: "above", required: this.required }, index.h("slot", { key: 'bbcd7dfad86710e97360b6174b2311e32f56aa75', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '101378db5ec6a4a6396f70674703c9cf4e5bbc7a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f6e0269969c777943443f2e720c8b2891fc3a9c2', name: "group-label-info" })), index.h("slot", { key: '4f6919f2af281932e239ba58a8db25d4894cb762' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '2401d859d24ad131733365cb092444697d40f789', show: this.hasGroupError }, index.h("slot", { key: 'b41c6ce74adc6110e58c8adc858f07c0ead09a8a', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '09fb9597d17b00d91fd8acbb22391acba4c1d53e', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '1cb3867e2d9720eca8471860ca9a512b91bca49b', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '12920ed99ce2bd020a897c6eea58785df8fc779b', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'f7c1856b28de15c908df6f91be94dd1e3b86a4b9' }, (_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: '6f54d0fe8f4e27ecc0bd1d9134514a480a713cf7', position: "above", required: this.required }, index.h("slot", { key: 'f69daa28114e54034e432c760b9291d32a518313', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1c00517fe33f530efb570ff6afc99a2d74357bb5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '246bb0c1c0cf6bdb697495c16688f322c269b4eb', name: "group-label-info" })), index.h("slot", { key: '62916504d6420b1b83e5e3c425bfe9a545f8bd43' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '323d318b6cbc5b2ab124be46abfecf4b13d50bc6', show: this.hasGroupError }, index.h("slot", { key: '0aae7dc9d143e24faacac5ddb965fd69c7801eb2', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '39509edbe845e7b287971431637cbcf424c306a0', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'cb6121726662f6eb07470df359373c3a6edb0d07', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -9,7 +9,7 @@ const preventBrowserValidationStyling = require('./prevent-browser-validation-st
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -51,10 +51,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '766a26cbcc6e831b8d258689005a1d4eb89d03f7', class: {
+        return (index.h(index.Host, { key: 'de3fda5119a9a1e3f7667003a707cebfe8481215', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'fcbb32736fbc9d9e2241a2424cba556f61e06a9a', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '3e644aea2e01a9a690cf7782bd4e32d9170ebf4f', class: "gux-input-label" }, index.h("div", { key: '0fc5239c7658514511a7144a71bdddef36a851d2', class: "gux-input" }, index.h("slot", { key: '42d48c2691b7cdadc52ea28787d1222940574148', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'aa4a96cbfc63e49100c9791909f3c4ca0ff9ba59', class: "gux-label" }, index.h("slot", { key: 'a7472a7a5e5a87424c714bbe662b718a6e4d1c45', name: "label" }))), index.h("div", { key: '830a0245fa57c7b8f67092b94efc8bbbc13e6cdb', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '3d893de181ebaf5c22a5db5b4a9f9012d5ea4734', show: this.hasError }, index.h("slot", { key: '541b80bb586289631b076e425eef78a188e982f6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '225be95c558cb0c39d9369283da5216c19b50a88', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'fbd944101fd44e0341aa48da13a8f97329dc9236', name: "help" }))))));
+            } }, index.h("div", { key: 'a5c8d934b0a667721719a1a0120f3011851cc8e0', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '7a7d083af4f8dcf7176138a58fa65f8ab3b8960d', class: "gux-input-label" }, index.h("div", { key: 'cd988f3a382584509dc07579e5b55af3b1bca069', class: "gux-input" }, index.h("slot", { key: 'd70eb9b526acda2e6aa329cbd2afb64114a95cc1', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'b886e8225d37901f994ddd3fb27c55605eaed0e1', class: "gux-label" }, index.h("slot", { key: '21beb636f226754b437756d817b3f4ad5b640e8b', name: "label" }))), index.h("div", { key: 'a9ed50aeef9a4bc393d9d2c1c92aae83e859b346', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '19b981342e9606b7e9ac33bc3bc32ea7e1e6be0a', show: this.hasError }, index.h("slot", { key: '79673efcd02248572efd601f23bb2b801eb70cd2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '766fc93ebffacf73434969b7cb3ea56f187b431d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f32e6c16543de2cc803fa8a5d92e5b7e430b4782', 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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const onResize = require('./on-resize-b2cc6e7f.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -116,9 +116,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '3a9d86ae24f4417515b07a36a91b5868c21275f5', class: {
+        return (index.h(index.Host, { key: 'dbc20f30e3bdb90b5897e9beb17f386aa6be098a', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '6053fc7c06ca39eb8a2ac69258a8180db1ecd437', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd7debbf04d8a1213ed52f2254c30962c8d48e47d', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '750d165668195613298789a2f63baadfd68dbe28', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4200fda2a2fd1d180fff1b80f49085d13b3690e4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '01a6ec7dfb8024587409e26174442bcd37a542c2', name: "label-info" })), index.h("div", { key: 'e50938cf1ba30669a1cc07bedaa8c757281b3d8a', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f1460b2e803bfb65ad9f2cc03266e4b2e972966b', show: this.hasError }, index.h("slot", { key: '696a642fede834abc471078f156cc2fb1cf71bc0', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '039e98a56edbf1bd012f9f85ef5d01194d2a7247', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd15a52ed513a2cfaceab033b1d852b7cad264fcb', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0c4b66113ecc2655befeeb1f980b32a3175c63c8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'e17c1e83ea6f690fb1fd8a5d8b3fda962197377f', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ef15f9874779f3433884b4a2188cd73414d2f39e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2969055d3844e7abb13fc60174fbce0829520836', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '47b2762f35f3019b3ebb4ca2a782d39799e08257', name: "label-info" })), index.h("div", { key: '9ce16c2b4cb80a3d2d3898a58a81fdd67c2ca6d4', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '2a1cd04249e5930ea6fac78ef7ff8d95d0169afe', show: this.hasError }, index.h("slot", { key: 'f5f13beef1573176c6ae505af40fa7f25255501f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e8920cece2d26bce657a0675f0aa411373a83b53', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b59416266cd30e01d6b3b673a7e25b013f214bc3', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';
@@ -151,7 +151,7 @@ const GuxFormField = class {
         return (index.h("div", { class: {
                 'gux-range-input-container': true,
                 'gux-disabled': this.disabled
-            }, ref: el => (this.containerElement = el) }, index.h("div", { class: "gux-range" }, index.h("div", { class: "gux-track" }, index.h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), index.h("slot", { name: "input" }), this.valueInTooltip && (index.h("gux-tooltip-base-beta", { ref: el => (this.tooltipElement = el), forElement: this.containerElement, offsetY: -10, placement: "top" }, index.h("span", { slot: "content" }, this.getDisplayValue())))), index.h("div", { class: {
+            }, ref: el => (this.containerElement = el) }, index.h("div", { class: "gux-range" }, index.h("div", { class: "gux-track" }, index.h("div", { class: "gux-progress", ref: el => (this.progressElement = el) })), index.h("slot", { name: "input" }), this.valueInTooltip && (index.h("gux-tooltip-base-beta", { ref: el => (this.tooltipElement = el), forElement: this.containerElement, offsetY: 10, placement: "top" }, index.h("span", { slot: "content" }, this.getDisplayValue())))), index.h("div", { class: {
                 'gux-display': true,
                 'gux-hidden': this.valueInTooltip
             } }, this.getDisplayValue())));

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -101,13 +101,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '02a98cf6a190bfc15fc1ffaa904cb38866fd3e27', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '8241849f1b97e66348652ae0d2326cd7652b8d5b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'c0588bc76c446340ae233dea2e1f3bb672fa2a4a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'fefbe1c3f4546a3c9e1c7af62accd36145559d8b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '922ac20008472591b167081503028a0aa04f94de', name: "label-info" })), index.h("div", { key: '2167d6ab07fda81062647a8f00c0c6803bbb65fe', class: "gux-input-and-error-container" }, index.h("div", { key: '59ab49e86987088af0a92cf8ada8314b3e5e73e3', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'd21f47e4158e59f11cc18bfc62f2cd19d9940e24', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '22fe759769a4fa9c403863ab4a5ba7be08340309', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3f236d73ea44814cb72c5a8e5a52fb20bbe22773', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '896993f043090714466313b4539cb7ba237e78d7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '281fffdbad31a072ca3d6d108a088fa390af7aa7', name: "label-info" })), index.h("div", { key: 'f41c6d4ee5fceb465944e16c16faed671a2dc03e', class: "gux-input-and-error-container" }, index.h("div", { key: '693527c71e04622714b3e64acf728fdafa22276c', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'd265cadc2df16421dd6645f0d182c40955aac151', class: {
+            } }, index.h("div", { key: 'a5eb2409440cba119537ba4772318144f5d66688', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'c403c4b95eba3969a25d863f0627e07b529c573a', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '738ab2ebddd9b661dc8bd6f1da81cfeddf451544', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '2c32ab342ad0eb3c0b453f0d01fa1b7c10b4c060', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6c96a752bd156463252b265c7a4c0fffc0756a98', show: this.hasError }, index.h("slot", { key: '9c3160d36bb24e1f947249da719c679a55c36d12', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '13cf3e1b888b5bb72b8397cd294a163a86c8955d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5a8bc3fa86f01c10c43f8f8469ee5e3f44bb3fa8', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '5ca4d4208a06bddf0e9c8e0fea0a65a18908260f', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '882532bcc88a3e6ef3717830bbc8c6765d85e165', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '75d3ae2eb0ac068d0e9c7c49b912cd05656dcfad', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'bfb2321a37d5e69873fc3535c4f9d19acd97f2b9', show: this.hasError }, index.h("slot", { key: '640f29901bb289db2e4fd96db23360936080be67', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '59f102e5ffdf520f1fc78a6d28767dbdd6e2bafe', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2aa34602b6bdaaa24298e2921ef4b3319bacd853', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -91,13 +91,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9fee0c2c1df9d82e975af0b4b260903e0a4ba42c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '348644ef543e26f545444f4b3882e0e0c9e9aeb3', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7f84651d608c15ed6246a320463ec14615096838', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'be63b221bdd832314e9f8ac8b93754422fe954ab', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'db385708c266251a9952d5ed035898d54a8570d6', name: "label-info" })), index.h("div", { key: 'b0eafaeb8e89b42e440d14107866fe62455254a6', class: "gux-input-and-error-container" }, index.h("div", { key: '03ec6e69c5a9c20ddc8382b5b4c23111e565c392', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '8fab666ed9dd8dfb34c3c9169b0318cb85ae886c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '67c189b8e8ae3c38c5d7600e92aaa931b73fe3c7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '5931134fe8b4b588213f17c3a073e300d6ad380d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '164f4bacb16425c76face2e8c8d030ab9be6c1e6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '69f66ea9a268e95d7e7db80ab86d1fa9eea27374', name: "label-info" })), index.h("div", { key: 'f50f9c67182be19f1f9d73d3577b2f5c8edb0d70', class: "gux-input-and-error-container" }, index.h("div", { key: '38fb0fb812dca5f250a743edcf77c6f7a44006f7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '827b651af97a9f9356ae2f9c6bcd620bb71d7e70', class: {
+            } }, index.h("div", { key: 'ce68e4c39d3bf617c406387857777775f8efa7b6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'a7a0b2205741fca7cdc38e834e96fbc69ba4f000', name: "input" }), index.h("gux-icon", { key: '906755cd1b09d590e257b7b88c53133d9d2cd397', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f94253f45135b2cde468c483d56e7ffe4a265e48', show: this.hasError }, index.h("slot", { key: '8a4035e1769683372585215c52e3580e519aea4a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7dce9f919d26c64f0c8089f740b9e44df88e76cb', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6e46f3fa8182a4d586f34f069523cfc671c27138', name: "help" })))));
+            } }, index.h("slot", { key: '90cbaae24a5863e6d6bb65ec3e34cb09a2895ec0', name: "input" }), index.h("gux-icon", { key: 'bcfb3024085f44651148d515befb45c3da39926e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'cec22eac2942c4f37bcf10a5ea148a69ea128a46', show: this.hasError }, index.h("slot", { key: 'b884778e478663e3e4cff9b07fc48dcd97ea05f1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd373a37aec09d91e33e837fde1425dc2a35a64b4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7d9c3445f573e585989aeb5ed5ff7ff8fb341e0d', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -114,15 +114,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4744482b739f41cbec612c82118220a5143959af', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '02d26f310ff8cf3723a389b74d5e337a95967cf0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '5574364c6e1990e65fc83b789784914e5ca8b1bc', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '94cc5ba0bc2dacad9cd1beff735dc0523cd28a62', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '16af93a6da63e97bb45a96f06cfa18ab6a11e3a3', name: "label-info" })), index.h("div", { key: 'e0b90ae187bac1dac4d1a22e5c2a2acacb6e35e9', class: "gux-input-and-error-container" }, index.h("div", { key: '19d512614d5096538485c924719a0d65a1fc7882', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4ab0a0ea07d5ee1c19bedc3a48a2a7abe9f7a2f1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '092a82faf8cba33aa7392e5d7ab8f9037e26de2f', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'bbd30043f830372a7f8fd8525e2fc51c768ebb81', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd108992a46a66d1c535736d35d3fbefad4a77cab', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'b64ce3311f7865920c71222212bdae6d1b6b16c5', name: "label-info" })), index.h("div", { key: 'cd91bb3cffcb6192ad2cb5b897ed3130f3686756', class: "gux-input-and-error-container" }, index.h("div", { key: 'e899dcff4c74e6ecee0ec3011c74ca1de689d44a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '24e97fdeb8d8a7dbf46d54ac8d3e70b77728bcb0', class: {
+            } }, index.h("div", { key: '60719e4f6d009d76717eadfb9f9a57467855c764', 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: '4597cee527f45e9526d4efebe89c11c5c81b4f9d', name: "prefix" }), index.h("slot", { key: '67193a8fcf47f34f5ce41e9fef73a8bc5c774943', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '7a90a31843daf532ba82cdabc1cc19792b2d0de1', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'c593f41a5e14a34333b2490744c4e223b832830a', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '5fde949fc8cf18fcdf24b04908a521e307f5f3e1', show: this.hasError }, index.h("slot", { key: '28c5d332257c7e83f1f84172889bc914a29c624a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9563bc64926cd89dc3f8dd8faf76a2a7a4848f78', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0bffa6de4fc080948362c2bdc7fcf6ba5f78e300', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '74b0a4fe80f6fb9ee2b3c1a71cf61d40c4f7538d', name: "prefix" }), index.h("slot", { key: 'f8bd6992c15792bd1b88a01c666466934d55490d', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '3255079a4803839be03940a887f2b815a4b65359', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'cd61352f8708fc0ead57f495a2a4ce200935690c', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '52912c34186d0daea296274c940764bac5ce2e1f', show: this.hasError }, index.h("slot", { key: '7aaaf9122005a00c6f2c7fe2bd09f06b3619788f', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd02de684b7a70bcc6f03e55e6812aff03337d638', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b39867a7bbfa3d1ac3f795d1174eae3416b98b6a', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldContainer = require('./gux-form-field-container-64894e99.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -95,12 +95,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'e945ff765e6292b6a5ff48e50077835116bb3d7b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7d976ab0fca4a13bfb2011ce4b161ed7ee1f854b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '8b7d68803b88b65d026327b7bf4ab0d67a1e6116', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'ff7366d0c1cbca82756811fa29f948948d9fb0fa', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e40c47f21e9cce3d0b0866af7607ccf7e53d8153', name: "label-info" })), index.h("div", { key: '15391d96a65b4a0d212bba50494555824be26829', class: "gux-input-and-error-container" }, index.h("div", { key: 'd687d7ec0dfd3ce3820a5da0874934beff28c906', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'afc5b34188bc2429792a2a5be621d83392bef36c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'afd0785662dc28c6ec564375fc0e1512eef63dc6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9d3318b6a0242b629b83507272ffaab534cf0399', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c3ce5a92d46d87135f2537cfa7e001549f0b46ce', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2a9618dfdc3207b545d298c221921bf0e2405062', name: "label-info" })), index.h("div", { key: 'b512a08cda182fececa423e9f21908fa8d18d926', class: "gux-input-and-error-container" }, index.h("div", { key: 'c99fbcfe4f496b6666b00674363dfd7baf8a4b9e', 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: '411f72448cab25d4fa9b95b88c4ff4fd6abed90d', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fbb5f164f6046729557dadcd4c1e6dcc798f0174', show: this.hasError }, index.h("slot", { key: '1bc58e0c9f0411eb75e05bec791ed230c0d2748d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'cab6a7f3a7ab64d0d8bf658a3ea0d465a5eefe88', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ecf3572038534c6ee6da2a25aa763a742e97177d', name: "help" })))));
+            } }, index.h("slot", { key: '8933387ec8eb1e3363d132a9ef907341d4bc8303', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '3250b2b484404f687e230c1d520a12fabe75e01f', show: this.hasError }, index.h("slot", { key: 'f31f7ecd263620e91e566e53603dccfd9c8f5cb9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '29439c754fe6e38252d79582379f4ded06a448e0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ef20a8407ceb4578d99fbffc27e8af59945aa206', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -106,14 +106,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'e355eae74c722779bb4d306c630af5d33ffce918', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '2a5778a995d66b591cb05c7705b0766d941cd332' }, (_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: '91ed6dc50e3e5556e8778acb8b5c0ad894feafe5', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4d1b1f10424b97c41eac6c5aa480eef883903d44', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3cb1efdee7952e4be0032988890140dcb6f3682f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5ae231d8faf4064471f1e59a2f91a23b1c760c27', name: "label-info" })), index.h("div", { key: '2b8e20b8fab21a7c281588e182600bab9d6f42d8', class: "gux-input-and-error-container" }, index.h("div", { key: 'ae1d9db53370cbdd2f357a74125d50d90694124e', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '13c2a043c02f79af31dbe4a569bb6341f8ea0f1e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1576011c159ed182727d1af4271a034ec26813d1' }, (_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: '816fedfd9703d2426ef2c47356d635315eb6345b', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'db3c6e39bf6f8ccc41ebd91aeade416782373fec', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '644014361d8550a003ce48829964b36257fed6e3', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '556b7cc46c4568f2cfff281ee7e6c4ffdc29d324', name: "label-info" })), index.h("div", { key: 'f39a40253b5bc5323a087d590ec5ed0b4bcd6f48', class: "gux-input-and-error-container" }, index.h("div", { key: '2ea17a8cdbbeea6a2a179512deac54274914f3d4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '0e906c427f164dc467d867ac93620f194bf94d33', class: {
+            } }, index.h("div", { key: 'ed38d1df478cc7e0151c3a6310522e52fa96fa8a', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '9ec01a76d2888e28a2b7c969f8d19e3f52ee8f7a' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b6bae50dbcf0174e8a42d2b4f2d0a68ec4d5ce40', show: this.hasError }, index.h("slot", { key: '6d725d10d14f3404d84db47e049c969c44bb1bc8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '81922692b892db1db761e7fa6ca213039848c718', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '378fdc4e1c2ec11595d6c834533152664628f092', name: "help" })))));
+            } }, index.h("slot", { key: 'f363d6a9ab0a05ba26f6dbe1a8f339368c5190a3' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a86e6e626ede9244290470900c190c2dd01b0d5b', show: this.hasError }, index.h("slot", { key: 'd9ac7f78937bd27213ab8430dddd94707fb362a8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'eb27a7ba6d697394217ca769760418a5c48fa156', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '72684c8de51b461d0d384e72cb55b8829451a2ee', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-429b5753.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-db1aba2b.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -107,13 +107,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '3e811a2cdd5e34dcc2e3306e058eba1689eaf056', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'a38c582a83bd726d50038173cf7642944a17df68' }, (_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: 'e5b8c2d46f4b9c83b1ee94664b3f6d07178d54ad', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '2ca8648aee07fc9934715035e7d9288e7b4affcf', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9ca831589bd033552dee501e6d1d668468819f5c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '156ee74a3fc39d61aae404edea915b755d182dcb', name: "label-info" })), index.h("slot", { key: '1924fed3acd96b10a8cc7ef914d720c3445930bf', name: "label-info" }), index.h("div", { key: '7a410b7478a6eca695b37bf9b58f7f0a16eb6a4e', class: "gux-input-and-error-container" }, index.h("div", { key: '055940b143ca83bc20af0c1d53860af6d1636511', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '63fe764bd0305f73e98138f208194ea346dafa82', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '8f7cc3150eef654346cc49aa43f40d54e6e20c9d' }, (_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: '731d7e3a8f00df3dc894cd24988841419f6f09dc', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c612bc191a188822b5a212a7a5132e64ed70be21', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1724057c6cf45d88e2a414479ddc66cfb5fe48ea', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5ead73514f396411ff0fc79499a89c874e2118cd', name: "label-info" })), index.h("slot", { key: 'e0887f800850c98f5e5b7ac80fd7d00ec7bdf289', name: "label-info" }), index.h("div", { key: '30068c15a89e9aa42a8610d0540e60c05a9681d0', class: "gux-input-and-error-container" }, index.h("div", { key: 'd3ac67e6fb2a0d79e0e33a177971b32ca4557d54', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '4a26ac37a68d6e67dc268b63b4c3abce9f98ca64' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '143b6cc41309a83f67ebf3a1a044e9e2527f5e0b', show: this.hasError }, index.h("slot", { key: 'de04f06f70b453574933703000736e54f5e6228d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0f6fe4893fd2be4b81952e02fa6c2628be8ea4f1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dfc44def69c83b88556c4f2acb7423ff4cbd077b', name: "help" })))));
+            } }, index.h("slot", { key: '0d855e2f1564c2e3b8736bbca24d24ac6a55d5d1' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f45773a01706d6ff6ece24fe897d092ac850edcb', show: this.hasError }, index.h("slot", { key: '80583c4fb2866590600059f8a913fa26bf630204', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3be673b6b92e7b12b07b67f0ba8cd7468b873fa1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '41c81c39d84bf560eb818c856d94a5a5a57d695c', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.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)}";
 const GuxFormFooterStyle0 = guxFormFooterCss;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.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)}";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const logError = require('./log-error-7b9d4b57.js');
 
 const legacyIconNames = [
@@ -554,7 +554,7 @@ const GuxIcon = class {
         return svgElement.outerHTML;
     }
     render() {
-        return (this.svgHtml && (index.h("div", { key: '8edab6613c9291c5538cafe8c72e6a8932389095', class: "gux-icon-container", innerHTML: this.svgHtml })));
+        return (this.svgHtml && (index.h("div", { key: '4cee2f5e075acfa120f017ad2fc1f6fefd901949', class: "gux-icon-container", innerHTML: this.svgHtml })));
     }
     static get assetsDirs() { return ["icons"]; }
     get root() { return index.getElement(this); }

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
 const index$1 = require('./index-aa48ea67.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const info = "Information alert with message";
@@ -45,10 +45,10 @@ const GuxAlert = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("div", { key: '6e7087b74891db4b6bda1ad80ca6a3209368762e', class: {
+        return (index.h("div", { key: '1415fdf4b452c8a7265a9ba3f87cb8b4268dbb5d', class: {
                 'gux-inline-alert': true,
                 [`gux-${this.accent}`]: true
-            } }, index.h("div", { key: 'a0bfa20c65d4c103cd552e73da4ee530ef91e934', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'f531d6de9c1d71b6718d9fe1e366cef3b5fd07cb', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'e491f1e3ab01daccc972440f131e62bf56810601' }, this.i18n(this.accent)), index.h("div", { key: 'b32d97966b653cfe1ede8d02c9a02239169eebf9', class: "gux-content" }, index.h("slot", { key: '66f6a0c75dd9ae1a10fb04d91d17c1da9dcac71b', name: "content" }, index.h("slot", { key: '653786c5385f994c7db3ff812cfcde49f9a0fcee' }))))));
+            } }, index.h("div", { key: '8babcd543b6ffb15f223f364a89a95809526bebc', class: "gux-message-wrapper" }, index.h("gux-icon", { key: 'a3894fef628e1eebc22f3acb2a5037aaf4656590', "icon-name": this.getIcon(this.accent), decorative: true, size: "small" }), index.h("gux-screen-reader-beta", { key: 'c6dcc56496a3c4ed8b105cbeab080f163c2e8e43' }, this.i18n(this.accent)), index.h("div", { key: '1db5fd900c4cf4dde8826b3254f8da1831316c12', class: "gux-content" }, index.h("slot", { key: '58726e3bce9ae06959d67478249b7cdbab9d890f', name: "content" }, index.h("slot", { key: '44766ba8e0dab916d5f3666ae47e9befcb62dc66' }))))));
     }
     get root() { return index.getElement(this); }
 };

package/dist/cjs/gux-label-info-beta.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-e321455d.js');
-const usage = require('./usage-e749307a.js');
+const usage = require('./usage-66f3f455.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 
 const guxLabelInfoCss = ".gux-label-info{inline-size:fit-content;padding:0;line-height:0;background-color:transparent;border:none;border-radius:var(--gse-ui-formControl-label-tooltipTrigger-borderRadius)}.gux-label-info gux-tooltip{padding-inline-start:0}.gux-label-info gux-icon{vertical-align:bottom;color:var(--gse-ui-formControl-label-tooltipTrigger-color)}";