genesys-spark-components 4.124.0 → 4.125.0

package/dist/cjs/gux-flyout-menu.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-8f08a5ed.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-471324c9.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const guxMenu_common = require('./gux-menu.common-4025206c.js');
 
 const guxFlyoutMenuCss = ":host{z-index:var(--gse-semantic-zIndex-popover);color:var(--gse-ui-menu-option-label-foregroundColor);cursor:default}:host(:focus){outline:none}:host(:focus-visible){outline:var(--gse-semantic-focusOutline-md-borderWidth) solid var(--gse-semantic-border-focus);outline-offset:var(--gse-semantic-focusOutline-offset)}.gux-flyout-menu-content{position:fixed;display:none;border:none;border-radius:var(--gse-ui-menu-borderRadius)}.gux-flyout-menu-content.gux-shown{display:flex}.gux-flyout-menu-content .gux-arrow{position:absolute;inline-size:var(--gse-ui-popover-anchor-width);block-size:var(--gse-ui-popover-anchor-height);padding-block-end:4px;overflow:hidden}.gux-flyout-menu-content .gux-arrow-caret{inline-size:0;block-size:0;border-block-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid var(--gse-ui-popover-backgroundColor);border-inline-start:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;border-inline-end:calc(var(--gse-ui-popover-anchor-width) / 2) solid transparent;filter:drop-shadow(0 0 4px var(--gse-semantic-effects-boxShadow))}";
@@ -176,10 +176,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9b7c076d26067de1a1f0bfc8394d434e169f7b42', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: '88e983ea52f9c71d96dadd3b89d49574f01a328a', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'e9c941c341f55aa351024689a4e91a20f0474c2a', name: "target" })), index.h("div", { key: '02628fb1b9069e3af39401bd688bf3f1b3bade2a', class: {
+        return (index.h(index.Host, { key: '2f43a8a4f68baa65ae5243c93653f050f389cfc5', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: 'f37dce70300774ccaff040decd82b96336b5c1ad', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'f768cd8f491727ba8e03f1b6e80df3e5edd1990a', name: "target" })), index.h("div", { key: '20c820e00f9ab4ecd9f6ac9b99eff8dd55ecc5e5', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '78ade05f92a1463ebb4caa202c0782f25575e4b8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '304999e540bca8136b6f597d5caa3ae46d169c5f', class: "gux-arrow-caret" })), index.h("slot", { key: 'ff85260ab68d522c402cf01dc2d3cde3f1de1d78', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '7456e5e494845697fd39d2922e8f8299da99f871', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '2fe41ab16d311cc710c7fee50991313c60c7a298', class: "gux-arrow-caret" })), index.h("slot", { key: '902ed6e25c797d59df13edf6463f262ad3a2647e', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -11,7 +11,7 @@ const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const guxFormFieldError = require('./gux-form-field-error-ccb568cb.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-3e2ced98.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./get-closest-element-9e41d6b9.js');
 
 function setAllCheckboxInputs(root, checked) {
@@ -180,8 +180,8 @@ const GuxFormFieldCheckboxGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'dcc8baf6b7aec9d0c163248db152f33077f16030', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '330565c82fc9e84f2d650b7174f70de3d196ae52' }, (_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: '0e288e6928e47cd573bc446859e7f03bcec02e89', position: "above", required: this.required }, index.h("slot", { key: '1c13c9d16754ab4088bf7920bcd15e4624bd8e67', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e669cd956a2b40a2223e2066aae7c369f8d5b58d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '64d2a3e0ebdb2935fa61871c5a9a7398ed54f630', name: "group-label-info" })), index.h("slot", { key: 'd9f736f80fa727df3f0b40adcb8264ba55525282', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '4757232fb1b8dffa71ae6ec7037b632e731d07d1', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '4cd89ae989176f2855c0d653c6c548f2a20dcd78', show: this.hasGroupError }, index.h("slot", { key: '890d563778b6ba4ce25839c6df490dc3b535d71b', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'bbf1eab46289303b01740026842c64e0d810cdf3', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'f1845a7088a05c73e2c9eeed856d4d74efbd7495', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '4c5a63c6a52397fe7265f2395c65f013e4aa8a95', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '77276067a01869834a6382976d6dc94992ab8d60' }, (_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: '511a7aa3534088a53d95bd1175066aec54670b61', position: "above", required: this.required }, index.h("slot", { key: '6234a6ec65c4ff11c19e25842e289b8c3a012d4c', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e70bcc8e4c9b7b7b8139c9ad3436b4ba6582cb80', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '64e42eaf7a619f0559b81977ba9dcfab6b186254', name: "group-label-info" })), index.h("slot", { key: 'd179128afefa5e3c3f994416f2eefbfa8a83c140', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'bed4fef0135b9404e2fc36bf1de7003f701e9cfb', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '94ea9497133308920f91684c307d72530031329f', show: this.hasGroupError }, index.h("slot", { key: '285fc5c130cb2f27a32dce028f34a652fdd39352', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c908c41d58d3ba70621205072da2a59ad9c112ad', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'c52f44999bac204169961b476ae77b9268ed1808', name: "group-help" }))));
     }
     setLabel() {
         this.label = this.root.querySelector('label[slot="group-label"]');

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

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-86c636e6.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-ccb568cb.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -53,10 +53,10 @@ const GuxFormFieldCheckbox = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '3952a4199d3438da06a849e6999f6c9d4a3ba14b', class: {
+        return (index.h(index.Host, { key: 'e8836c17124b8cdbba54da54a6958d2191b63726', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '82ea66460bdff18a363dbfbc3b0b5be5bfcd4a5b', class: "gux-form-field-container" }, index.h("div", { key: 'f255f120d3fa9458c665188eb1b74e2c292e1444', class: "gux-input-label" }, index.h("div", { key: '0f2a6b127c0fc617cb3f3067e567bf78afd33da2', class: "gux-input" }, index.h("slot", { key: 'e9e8c4bdfe5559fb0e828d9231c92c9dfc8efb29', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'a9c0497816f802058b620fbab3ff151f49e20215', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '2b76e7bf0d7f21641999e5b4137c5f490a1eb636', name: "label" }))), index.h("div", { key: '8bfa3a196caa49ef7efd5286e192c30a677921e8', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'c1aeed2f735e5d11c318a7103169d1b0aa7560c5', show: this.hasError }, index.h("slot", { key: '62060ed5631396da5b3accf25ea61a67ae79f1c4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '25239cf4b2442ce5634beb204d40f7504e23fe7f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '56b20ef7431c0d940876063f1a7890d8723882a5', name: "help" }))))));
+            } }, index.h("div", { key: '59e502ecb66c96f104d2c43ba1569d9e46ce8276', class: "gux-form-field-container" }, index.h("div", { key: '284aae1fbcb3c45dce5ee3425b0016dfc8095b77', class: "gux-input-label" }, index.h("div", { key: '8418ef06dcfe66c915f65894f9a9d1af7a8a2411', class: "gux-input" }, index.h("slot", { key: 'e486f71e6ba37002b5f5e499c9cb6c39d1d56e5c', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'ebbded085086c62279d7725ac75baffca514dea1', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'b74acffc5dd4171aae269a310d1069b6474a5552', name: "label" }))), index.h("div", { key: 'dd3579570d94015e6ece1fabfb4f8ee824fc1ab1', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '2423a193c6d87698c5230fc11a8352f11b63c791', show: this.hasError }, index.h("slot", { key: 'f6e4770954fe3c97ce42bd2804fc9fc2da39acec', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4e6cadfa6301ba23968b4b0f6ff81756f7b3bd72', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '32eb3b58143e9b1ff14ae63a0a74d0a44de89644', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition.toLowerCase();

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

@@ -11,7 +11,7 @@ const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-ccb568cb.js');
 const guxFormFieldContainer = require('./gux-form-field-container-131e8408.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -89,13 +89,13 @@ const GuxFormFieldColor = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '07d044e47711b028ded90b9ffd393eb276b060db', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '249e72d3656074279b7e6870239b54f44d5d7567', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '5b7cb890506fcff2d6ec307ed36ce72941668754', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '89ba185cd75462b462a38f5a12b1106a0b19681d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '25c15bb03bfd830194ce2349445acd358bf4ba3e', name: "label-info" })), index.h("div", { key: 'f2d0ec4ccc8e8a84913e48cf7a44223717591af9', class: "gux-input-and-error-container" }, index.h("div", { key: 'c3d1badb9997476a8dedf60d846e752549557756', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4e37c2be3da8a3afa03c57fe911cba011b27e748', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '9647b1d22e706b8f4892ab16151849678a4c9c1e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'd6b7e328e54fc50507531f9ca662cfbae763a6dd', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1f12ce513f8126b3c94d8c8dffeace8ae84852ef', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e330a6a178705e1f8b674769baaca884803b5604', name: "label-info" })), index.h("div", { key: '626c44eab58e8c30a0e75529916697d6ecd38806', class: "gux-input-and-error-container" }, index.h("div", { key: '4f9de4b94c9134c43621a323e1844642db18ce23', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '29e3884c40bb051ded5857cafbfe87f85fd38b81', class: {
+            } }, index.h("div", { key: '24c29cc3f858ca4605091ec9e511043eb27cab3d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'd424d15842987a746161f35c144a8df138bda123', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '4539fe29e0af49e460fbe782bdcda64fea276cf6', show: this.hasError }, index.h("slot", { key: '9c58570aa945d480f4401c73b1af737844a7314c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '572afeb9a117e9149479692f264b70ad43c62ac0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f2e34e4a6acad402a3c10748f38bc062350b3f0e', name: "help" })))));
+            } }, index.h("slot", { key: 'b1e2a3a529c4e8b75521590af6b6ea201dd72733', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a4bcf4ea048ed8f6597adfd859bb1eff3fe2f00d', show: this.hasError }, index.h("slot", { key: '8031a6bfdb1ae67510f64704ec64195c5f1d3dd1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9bfb53e582a935814c0928f68c661c5643fb7a71', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'dc98a52e194be0ba2c5e655147009cf76d036082', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -11,7 +11,7 @@ const guxFormFieldError = require('./gux-form-field-error-ccb568cb.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-3e2ced98.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -107,11 +107,11 @@ const GuxFormFieldDropdown = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'a6ee83b742d61c65e50db07030e05765be7b60bc', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'fc88941e8fa8b0294d7d76ed135d6c155aef04dd' }, (_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: '5fa7cce54e89bc2a11920b9ef8f850f9e4de9e99', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'eff8293c62bbfe8603b1b1e183c87ce503e2c6fd', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'd5f4ed4eab557af0378ed4c3bedcbd8c79059c60', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'aa1bf3390df959bea596d3f59ac4bfcfcb81f679', name: "label-info" })), index.h("div", { key: 'c9b9f33ea316bed06d6978056baee1500726ebe0', class: "gux-input-and-error-container" }, index.h("div", { key: 'd3a29cf1b5439c00e1791c8927d8b8023f0ba58d', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '407596d4d5155948a198ccfc01c18df9983170c6', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '315ad3a04c7e6887359177b32cf536baf3d0c77c' }, (_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: 'b4af4b3542ce6ef371835640d8166427bf3079cd', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '923503c8d04c9d58599b624dc3dc95becc04c9d4', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3d6029e71ac98941a4636b38dc998f8ed0cbe570', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7ff996afe12119a5068410f558487aa3d2550d87', name: "label-info" })), index.h("div", { key: '993901c5907e35364723241450523f70220700d5', class: "gux-input-and-error-container" }, index.h("div", { key: '39254fe1aa4cf2042e9abce425a92fc75d9aab1e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '6cb72e0b7b25f144a5fb28784139843a9aa98a2a' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a153d5e5d848f3b7232dfd2695f1bb373d325423', show: this.hasError }, index.h("slot", { key: '5b30ac581ed93f216ca73339d50c3f470a2cdcfe', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'df0450d718e3b1aab2b1c691d0f91e1adc1002ae', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '063dbd0e0dbdeb8bf36c1660576b0f0ac0a8aa08', name: "help" })))));
+            } }, index.h("slot", { key: '11db2bb6955169ee5feb0174a04e3c1c1128de60' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '058c99ab06e9dcd2a3ffea5172d3bae87de8f776', show: this.hasError }, index.h("slot", { key: '9d530630ed7603a542e755d80a55f70414f3820e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '12b4e1e1a804b0ddd9379a5cd67fb7acb2f7e904', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '9567de9828fcfebcbfa435186c74d588c981fdfd', 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-8f08a5ed.js');
 const index$1 = require('./index-c5d18923.js');
 const onMutation = require('./on-mutation-86c636e6.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const guxFormFieldError = require('./gux-form-field-error-ccb568cb.js');
 const guxFormFieldContainer = require('./gux-form-field-container-131e8408.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
@@ -107,7 +107,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1fe256a52a5afe4adaa1206bb7facc912f8feef9', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '9ffdb4cd13b4b901dc72be9a0f1afcbcbd1702c7', position: "above", required: this.required }, index.h("slot", { key: '9189c449cd4522b16abdaf9b637cea9673630693', name: "label" }), index.h("gux-form-field-label-indicator", { key: '093191ddb1df0466f7a2ebce53e53ac135e03ac3', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '93c66fcee587c739317f77143f55d00271c8aa0a', name: "label-info" })), index.h("div", { key: 'c02ed85d99dc15c93e1e59066bb0ed9cea2bfef0', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0eed67d08b8a92a07ae7eee1947c9c8181c7934a', show: this.hasHelp }, index.h("slot", { key: '3baa46080c9e58dc4683daa4d291c6f6b5446455', name: "help" })), this.renderInputSlot(), this.renderFileList(), index.h(guxFormFieldError.GuxFormFieldError, { key: '0c47f4fa737ef84e2da18b873b5c7f52f64ac540', show: this.hasError }, index.h("slot", { key: '22fde6b4eb08b4c97c715adefd942e628f70da37', name: "error" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'bec805f439d8baaffb1bdf26fde903890df6a701', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7116bf118efd75d586218435c99e915c1ec2d0d2', position: "above", required: this.required }, index.h("slot", { key: '98292ca6442192f8c6fb28c3794b971fca5f3f0f', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'e0e7e7131ea944df30766c1620448de57c11d841', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '5c29c04ea353aec4e516015c6198af258e2fe460', name: "label-info" })), index.h("div", { key: '08af8bc7b068858fa0097a91fb31c89c8f2b5cc0', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2700e339143a6cf407f823af17cc88c1d0d9b546', show: this.hasHelp }, index.h("slot", { key: 'ef389e8c2cbf9f9a65a67dba05030df4abed3f21', name: "help" })), this.renderInputSlot(), this.renderFileList(), index.h(guxFormFieldError.GuxFormFieldError, { key: '832b2a2992d9e568e41e73b262bee1141265f332', show: this.hasError }, index.h("slot", { key: '0b8990ee0296aad54ad91dde9aba28ddabed759f', name: "error" })))));
     }
     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-8f08a5ed.js');
 const onMutation = require('./on-mutation-86c636e6.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const guxFormFieldError = require('./gux-form-field-error-ccb568cb.js');
 const guxFormFieldContainer = require('./gux-form-field-container-131e8408.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
@@ -104,7 +104,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b4979c91b509011952b95cef5d259857cf76e6c1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '5f48c85f8e8605b9aae03d21893cdb08860d12e6', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '616f0bc4eecdd2c811917508aa4b5aa088a5d391', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7f7a137786883f86f74e214438a21f961d375c25', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '89590dc1113c88aeb0de99bd91935b48576b4853', name: "label-info" })), index.h("div", { key: '5fa096f225b34670fc3d9c6b57338e5dc5c13590', class: "gux-input-and-error-container" }, index.h("slot", { key: '26c82efe9f980b18c11d9408e55cc2e564867028', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '7a2a52d8c23fcb5882c51df48fea669e70d6a2b6', show: this.hasError }, index.h("slot", { key: 'e3895126f0568980f1be45a852913f20f6237cbf', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0173b8bb2db7ecc54454c1cb496f29c5d091a5c7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '40b1d3fb225a2e41a41b7572d510cc6a4c8f53ab', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0582501ab3e6a756a14dbbd274e26908d2c549f8', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '4b294d2f3d6c388bc7066e3c4f666a1c16dc7c96', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'aa0593d2f1e7490d70d74475dc22c26d1c9ca01b', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '49181f480fe19e6a3069a6a5f5655594679e92a3', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd1da16d29c778840261f5f9c41f6472cade95129', name: "label-info" })), index.h("div", { key: '966cb02fe182ff26866900d5c147730a4ee4c012', class: "gux-input-and-error-container" }, index.h("slot", { key: '21719c9b003e9758503769b86dc1333de12bc273', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '1499d5895086079f45617d6a0c0d69483dbc250e', show: this.hasError }, index.h("slot", { key: '87e547b8082c485127f4b346326169e9715706a9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '55177ab898cca6c3b0b0a520dd9ee1a27d97d80c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '60a69dd5dffc9aa69d9f07248c052b150e5d91d6', 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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.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: '2d85df6d5b7c2a2d5bf34a93b203ed828c0e1204', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '058247a5baf199d0bc8e96efd5df7431bcf748ca', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (index.h("button", { key: 'a407a6ed4a3d2f1e37a4d7f4a4a0f697fb1f0adc', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '2b682655688eb2746040f2f6b9bf7a963f613975', "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-8f08a5ed.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const index$1 = require('./index-c5d18923.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-ccb568cb.js');
 const guxFormFieldContainer = require('./gux-form-field-container-131e8408.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 const en = require('./en-66d2b744.js');
 const onClickOutside = require('./on-click-outside-18d3c600.js');
@@ -113,14 +113,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '13afe422f642ba16e4857ecf9e892dfb04b2fdfc', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c51102e1f37223ea40c28a3cea3984fa941ceb88', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'cdda6da6b27dd3050bd62ab96b27282b2ce896f5', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7e6799c85fbfb9aec78e580624ef004427106385', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8e2603f682330e09f19d4bf193f066558aa0e5fc', name: "label-info" })), index.h("div", { key: '09dc4e40a2f1e6ced84f7802867606304ca70643', class: "gux-input-and-error-container" }, index.h("div", { key: '6ead414d68a59cfb4aa9826bf49276168031ae86', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'c99c914f830b61c908f13e5ce36954b4f3bd9c67', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '238333b0f6d90c605444499b0be9a98a53f1928c', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9dfa0bfbb40b0698ef914599848d558078681d06', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '38ae86001b4472a8bf9c9468b67c5d5057873a58', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ff254a92ec5ab3872ea7408e4d4922bdb43a11fe', name: "label-info" })), index.h("div", { key: 'd2aec32380add4537162bbfd0c02ddd02f9d6565', class: "gux-input-and-error-container" }, index.h("div", { key: 'd30cf52e81e1a69934f6bde76665af33ce952bc5', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: 'd340997a36a661978124bccba8b171b160345671', class: {
+            }, part: "input-section" }, index.h("div", { key: '4c92c1eeb2be3ab53c69c955031097a29184b211', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '638416f9ee4a3f40f48529536656563d79aaed8a', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'c9355e0b289ecd4f3658a45c6d488b26f85974b0', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'fbb6480b1c69042af3d5f6485cd1371607c94a76', show: this.hasError }, index.h("slot", { key: '7d46cc8782108319b94df06142f93207397faee5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5d12b7543a51b32fc15594ba4a2d0870e9884e78', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '39e96aa71e408886eb675506e4cb2c90d69d2d33', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '1eb0f0ae666f55ad099b095f6e58395f7a4a639b', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '2e3d68d7c330b499fae6ca6c5166e440e32a509e', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '670ad78ef6a7a8fca3f2ef0785fbdf86568b587a', show: this.hasError }, index.h("slot", { key: 'd659f9ce0a6869db5f93136a5592a3c99574f08e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ae400235b861a8e73a516c8182ba300eb59fb87f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7e5e8b3c039b16395cef0c7f662838e0027c1900', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -281,10 +281,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: '62ab4037917fb59d34665b737d7bd8254d8462d6', 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: 'b0be461d7e0eaeadf58dd74c9ab83d8d75a9b4de', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: '0603c9c49352e8ec47f30bbd7f2212217790cbe2', for: "popover-target" }, index.h("div", { key: '0c16baabe37e4133d68ed51e79dc903a5ccf703d', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: 'ce9f58b78f966c58641c35c27a33dcd93d66b684', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '3e675c567dfce82ca509070dc51ddb52e9cf1559', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: '9015d3d5d908bf44af101941f2e5d8bca801d502' }, index.h("input", { key: 'b9b26a1367b807f93bbe9665567f4ff3e8d008a4', 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: '19e9d3dd6c2ceab124a9a1349bca71b2706505c2', slot: "label" })))
+            index.h("gux-button", { key: 'ac13d13688e49ffac6c92bb32d5b65bcc2af6c6a', 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: '74f5abc97f48f83488d0be7d9437b7a90c854a7a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: '6cfb2d06d11dc3005bf75710a13ef08b1175ebf1', for: "popover-target" }, index.h("div", { key: '7d2f931cba9bb9b9dcca2b53084cdee7cb448a8c', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '6acc59639ffc78b1a757def70bef49a8d59cbd23', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '4c6e8d8cbb17aa86ce912ec0f75e2bbe53ab7ec1', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'afae060d8d2d647c671f521aa184795156c49c7a' }, index.h("input", { key: 'ec40619acef2609e7889bfff20f08e0d1ff2d042', 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: 'f3b48f804daaedf1373018640176f15c4cda9cd6', 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-8f08a5ed.js');
 const index$1 = require('./index-c5d18923.js');
 const onMutation = require('./on-mutation-86c636e6.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const guxFormFieldError = require('./gux-form-field-error-ccb568cb.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-3e2ced98.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -102,14 +102,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'cb22a38e15f35369c2779681f14fe3c7af6eb36c', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '010ae6c520b894eb03c47577092b0d04464bf5c3' }, (_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: '1675cc82868b0a45203ec2d39bb7d42dca73eb34', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '3ef3a280d0fa1fa4b93a9d676eb7644eeb34e124', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '37c68ec4a291fa3f9e54d7b63d8aea4798c436cb', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '8a47e9994a19d868fcddeb4942246e1c5bb16be5', name: "label-info" })), index.h("div", { key: 'dfb0e686a3ec393b1baf6e819834fa7e9166f7bd', class: "gux-input-and-error-container" }, index.h("div", { key: '27c65f48ed2beca9587a36222ca99ec6b9508dd3', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'aab1dab0badf3cdfd2d2de48bc0d22b24d47a950', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '82ec47058a20292f6131a81ef7007b75d99b1c51' }, (_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: 'b317c963152e1883fe1266d27a6ce52e9a529233', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1f2a52e8c9b69e50ed59815ba50a76f59a745627', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '39c7983144f32ea42335456a4325e1cfba6ec738', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '805f28ff82c24db041efe15e067319a3fd85daac', name: "label-info" })), index.h("div", { key: 'b6c25f2afabc820edd730a01c11e19c86aba47ae', class: "gux-input-and-error-container" }, index.h("div", { key: '815dd30a9c909f8c8da4d8d21a621058ba1aa33e', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '2e169ccb413b996fda8edd13807419584ed73667', class: {
+            } }, index.h("div", { key: '1e1a6f88e1c8c58cc87b003ba4210f740c78de93', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '790b1c844cc701b8b158544c26a0eb185e4da5b7' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '4d5a81451da174070035596798167a6d6ee5f98f', show: this.hasError }, index.h("slot", { key: '46e13e3d51e81ffdfb3c739d576182fee5b2a733', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '51717e9d2379d70812cdabc3fdd888b9e5de96dd', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e6736ba533b244ca9fbaeab76ef098cba57af072', name: "help" })))));
+            } }, index.h("slot", { key: '37eb03fab7a8b3626ddb0dfa46dbf1aea498e244' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e5c3a9e2f07afaa939873ff34ec6e2f1ae02a0f5', show: this.hasError }, index.h("slot", { key: '7810e0906f93f79fc9f84557857f132afab9ebc6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5f5bb2374466f7f0761f06c3e8ad6a5933bd45c1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ad5b9c0014ad9ab43ef42d8c1c49dcbbf34f9651', 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-c5d18923.js');
 const guxFormFieldError = require('./gux-form-field-error-ccb568cb.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-3e2ced98.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const required = "Required";
@@ -113,8 +113,8 @@ const GuxFormFieldRadioGroupBeta = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '2eb182ced11f796f8a0524fcf7790d88ca7fca9e', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '8ce290e6964ee5f609f3253659c317ce19b176b0' }, (_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: '7bdbcff0095157f6a122ffd2fdf6613ebc9bd091', position: "above", required: this.required }, index.h("slot", { key: '19016758f3bf890b18439bf3ddf85ac5149e142a', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '72a6b19db5c8f42109f22f03d18ec64f4d381d5d', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4f21b3646beca70b8751707387db85862bc66566', name: "group-label-info" })), index.h("slot", { key: 'acee53340e2fb41fe667e6f862e1b5a9d020e2e2' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '5585e3fa5e0134f2a5867739f16e69563aa73f82', show: this.hasGroupError }, index.h("slot", { key: 'c5271ceca928c159b35a44d57d78717b21ef1688', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'eb7221b200a431c6d04d7342253a9b188c94d02d', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'b56818ff33713d6a87e346f126de29c37ba52da5', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '67e013d68c8972e7262e3092a3b28e5783bf9816', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd1deefdefa4ace07c0239aed219dfe892de45f23' }, (_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: '6a29f81e617b158e5471d605321ccea8460bd4e1', position: "above", required: this.required }, index.h("slot", { key: '98967f3f48835321b353d269868f292c0acb4979', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '2969e018e18d6ce122c05de206225ded3fc9fff9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '570fc242e737b7fb0be4ddc7610cbbc0cf64d5b4', name: "group-label-info" })), index.h("slot", { key: 'a1f2d1608a23b1f005573cd89d9dcb6f40a7047b' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c044434c7c3675929c288dd5cef20e983e838122', show: this.hasGroupError }, index.h("slot", { key: '2b92c8eab9b2a05a359748b5e283ae65ec4f51a4', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '80a77ffe1a01179cf9762905ca7c00ad3d4ebbb2', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'a24bb76ddeee69936435fc23877d2494d04a80a5', 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-ccb568cb.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -52,10 +52,10 @@ const GuxFormFieldRadio = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '0358f43c3ff844db4a6897205ae43d5b82a01270', class: {
+        return (index.h(index.Host, { key: '7868d5b3589350c106bdd66583d0210f1bc07abd', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'f52e0d74f3eaec5c56ca931780d73c769923d3cf', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '435e3853638aae6404452885c1b1d31d7b175ddd', class: "gux-input-label" }, index.h("div", { key: '9ca2be4268e5774f5e513e17667d0af5c82fd2d7', class: "gux-input" }, index.h("slot", { key: '267b6dfa2cf566497adff2c1aa75925be3c35bb4', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'dca5100fb8c8d98a051ba4b4ec6d86e36f840edb', class: "gux-label" }, index.h("slot", { key: '1ac72d2086c0ec22d702172a194c9173247a85b6', name: "label" }))), index.h("div", { key: 'c82844f84efab44dfd0d05b3d892a40da7529496', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'f67380664bb9bfbfe0b73372f03abdb04478cdc9', show: this.hasError }, index.h("slot", { key: '39cb75ad0d332d4f5cf966e8405b069d77ef5940', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c608f3b4e7dfb9f92d5303e05457a16a34520f02', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '03db82507903bf091edcc0753c75a79bbc1e86e8', name: "help" }))))));
+            } }, index.h("div", { key: 'fb0c2550cc27cb33863de850d1be6ddc03e1107c', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '33e03e7eb337a46710af4256bae2290dac93018d', class: "gux-input-label" }, index.h("div", { key: '965fb67435e404298036fa8d357818e723e9e022', class: "gux-input" }, index.h("slot", { key: 'ed93091ef00481143fb25adc0d3e32c4d6e907e2', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'a7a67237ed324b43fb6d4663c81f92ecc99f4ed7', class: "gux-label" }, index.h("slot", { key: '2659c63e9c04b6f318e18e02c9fb3b0ddbaf868f', name: "label" }))), index.h("div", { key: 'de613d8d9b3de1e62677d09843b0638824ba09a4', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'f6b54c5aa093a6aaa017327f223fb7651fd19c85', show: this.hasError }, index.h("slot", { key: '316b2da1fec3fc472ef7a22d6e48692bb6581e51', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '273b226e5260b9f946748cd7774ab97c6c85267a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cca68cffecf10564da10855f364993119637781d', 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-ccb568cb.js');
 const guxFormFieldContainer = require('./gux-form-field-container-131e8408.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const onResize = require('./on-resize-15ff32b7.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -119,9 +119,9 @@ const GuxFormField = class {
         clearInterval(this.valueWatcherId);
     }
     render() {
-        return (index.h(index.Host, { key: '6695fd4b486d4b288b42768e8c6105376d49f580', class: {
+        return (index.h(index.Host, { key: 'fe79f33334d3af25840635fc74dbb8ae28cc99b7', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '648c0a85f4470ba9f7e47e4218caeda3cde59f83', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'fd6dbd89b6e073c2f684ef908dc065e84463cf1a', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '9a0c9a674bd536c26bd07b38ac8577ca5f2c7814', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a52555014c784f3dc06553017d9610cee840c5de', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0cb195c1e75ce2b546c65d51fc7826b859c1a409', name: "label-info" })), index.h("div", { key: '5986de20e72287a20d2ebf6a1879f7bcdff4143e', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '8ee1d349e59c05a6f72129a970fc5f1c3f717b9f', show: this.hasError }, index.h("slot", { key: '0e35a28b75c8678306a54e6f10df456472708602', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7a0dd4bdd6e8b0fdf0e0dff9b014ed7d2dc035f7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd1e2cb2e267de30eed1807afda20c58a3d9bc54b', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'cce4bd14cad858df715628ca20ec9e24461bccc2', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '737b3f4f14335784d2ae2de079267b5eba876128', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3462da632cbec8c52702030f68d47dba27c28d8d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7a5b2f8d979cf2365f355b60d5c7f6362cb2b0b7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a67625082f3042d533c59a83ee0037fcca1e5e1e', name: "label-info" })), index.h("div", { key: '510cee16c2ef097f23da13112466541f507438f7', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '406be020703ae0e70fc7156ff11097ae29aa2649', show: this.hasError }, index.h("slot", { key: '20cf1b98a8dfe48cc1959e9ea7a4178b34cc6376', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'c868fbd022f0386774f9048dbc90789a8cd540d2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '490d52edcf83c9bdd4dc36435f454fbc3820a426', name: "help" }))))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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-ccb568cb.js');
 const guxFormFieldContainer = require('./gux-form-field-container-131e8408.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -99,13 +99,13 @@ const GuxFormFieldSearch = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'bcc392b9e5609a8cefaf27f648464bd914926970', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c32d7400e70a6b54599fc68a028d805170315c72', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b60103e03f34eb2b3d2e4184eea46c0109313601', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '84e72233ecf03f155e10963af3a3f0bd4992e3c6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '233b51e2a6ada55327689f98d50124a6cb502b77', name: "label-info" })), index.h("div", { key: '5a832c4eee08d4c62bdd7519ce29bd0d5811274d', class: "gux-input-and-error-container" }, index.h("div", { key: '8f7da4e839037b4ac190ef80dc29e7d42818866d', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '36bdecaa1cf11fb7c5de36e90ef8023aeacf9479', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'bd17b714ec1de5cb6191b979e4d1956d1bd13d2e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '2dc98ed1973547a6630ac9635bd6c6a4470f3184', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '451d0efd0bf2ccda4306f05015e040273c510239', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '22e765d02ffa796fb361636d04997146bc9c0722', name: "label-info" })), index.h("div", { key: 'dc2d47843ebcb77e9d6dd3160eab33c6e07ff576', class: "gux-input-and-error-container" }, index.h("div", { key: '208ea5d2c66c91d44ebddeb520f78425160487b4', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '61c4a490e631ee03c990a7720fc681367d6bb5e7', class: {
+            } }, index.h("div", { key: '6df3b8f02ee43dfb415f0dbe6bc1674f87d1290d', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '1bb9e1c9530699076f24e768c3b73083115b4e6c', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '8006a1a9ac071f7028eed3198359cb107efd654b', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '698c47aabbc2638a97477ba740ef68b9215f25da', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f9e623c99a9fd95bf3c55dd3e339d59f525748ed', show: this.hasError }, index.h("slot", { key: 'cc9dff08ed517aa2d2375fa58df46aef091d71e1', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '479137114272657d24da0cced06c1476fc1d00d5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c820d5b629abb9d6bb8f5f1af2e3a8223f94734e', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '64d1194547ca5ad3230662c64fbfdd4be86815cd', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '3bd0beaf3c51b004368203d9b94be7403c92f2ba', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '0ebbdd36770c2c2b3b8535b9d4248bb5c232bcb4', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '9e28d18be850778d65a3ecf82f6d9a601d194936', show: this.hasError }, index.h("slot", { key: '678cd98f9333cf85d6df22c72758dd4b2b075c22', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '21947dce2c491bdc077054ea894acaf89c871a5c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'a667eeb5a493a9c15616dfed3ebece5b10e56c70', 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-ccb568cb.js');
 const guxFormFieldContainer = require('./gux-form-field-container-131e8408.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -89,13 +89,13 @@ const GuxFormFieldSelect = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '139f5144ca810c61c1532627d11daad6e2b268b3', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f274f51db7dcf6292b7dcfab21166f114469cfb0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '92263b142afc3454c46cbb8c52e6f46563fae194', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6fc056af93901303593034b9d74044b884477021', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6b6f595c89b86ce1dc885858334ebfd9ac2181aa', name: "label-info" })), index.h("div", { key: 'ff2d15b3d288bc325d94600e9e36420a0e3d4dd0', class: "gux-input-and-error-container" }, index.h("div", { key: '788bfe3b693495704c574807abaf1bc22c4df017', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '0f7e5d23f35dcd6d07d3bbbf22c21970d1cdb098', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd545181f1d071ec6b017925aaacfa98188510f87', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'f0eb14e27b895c69e20927557ad06193bc15648d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '8ce6f4a89268e0a0e072b88baae78df688fade08', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '00862d6eff89248bc04d2b6fcf5af72480430901', name: "label-info" })), index.h("div", { key: '36d142cf5e480f845428bab255a8256d4e314f07', class: "gux-input-and-error-container" }, index.h("div", { key: '6773aacc6c3576505c41985aba122f419e9650e7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '77396f21a267dbe525705ae41a0b25ce6123f605', class: {
+            } }, index.h("div", { key: '36d5bc41c4135ebe74c1e0756dc902600f4121c2', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'a1594aa24d805ef8a44926c8f795cbd383b45ab8', name: "input" }), index.h("gux-icon", { key: '1d0511bd268ab77717a5a066110ed895a50cc78e', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'a3f2ac0d6b3de2462a7b97b2aa7e441b491c1ea4', show: this.hasError }, index.h("slot", { key: '3b4945da050c0f8ae0f5fe1e1d05422d14e8748d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'bbc1a628c244b36c79887d020f5c08129d6fc7d6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '36d7c7a7d5dfb909c355ce7931601a084b8c44a9', name: "help" })))));
+            } }, index.h("slot", { key: 'c2a98d04868de2313c66a4dda2913ebe71747c4a', name: "input" }), index.h("gux-icon", { key: '4df5d30232e881f50a4b4d9aa124cf5cb49e14fc', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '553e4f62889b0302ae8581a544b04efe75f1c4c1', show: this.hasError }, index.h("slot", { key: 'bcb4fd0ec8013e99991d69adacc82ee2cf8d1c36', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'fb5e374752526885949ebd1ea65e75851acf3fb9', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c63b07a69361331c445c33ec7c2c2e52fcb7f645', 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-ccb568cb.js');
 const guxFormFieldContainer = require('./gux-form-field-container-131e8408.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');

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-ccb568cb.js');
 const guxFormFieldContainer = require('./gux-form-field-container-131e8408.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
 require('./simulate-native-event-e88bf64f.js');
@@ -93,12 +93,12 @@ const GuxFormFieldTextarea = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'aad745af5d3e252045c4bd99db487934c97c06d1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '583b7746bf1acfaf6cba1aaf55dd3e9280dfd36e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '4beb7f25d027c723416a3131253c53fa56f29ea9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '565d5970db9280de0a569e213263af7900d83066', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c167dcee89f75a0048ac693739e6b09cf48b5e80', name: "label-info" })), index.h("div", { key: '0de5472bc896e30ebd88f87eeca8b186b95ed381', class: "gux-input-and-error-container" }, index.h("div", { key: '7a0b6605d130e191f672379ea36aed1519c4ce9b', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a355259332c53a2e1dbfcf9244d7a1171b8ec036', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '62ebbacf71ddfec8d3bd9bb137003ce4237092e3', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7078e464a48bf8980922fe0e29372b90bc9edc02', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f0ff7fde885a3a76be1a29533499178a921c94d4', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'a310569087774f6a61aaf74a96c30f21e0be87a2', name: "label-info" })), index.h("div", { key: '837f9547ca3bf835cdc64e854f147462ef2329f6', class: "gux-input-and-error-container" }, index.h("div", { key: 'a46684af32e402fb37f44df057fbc83b31df8512', 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: '2928032a0fae4a223bf3c9b493d11fa22d798310', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '49ab143d3724b2b94981c51bb808c88791dfe29a', show: this.hasError }, index.h("slot", { key: '3fe6baccc2e17571fad8940e2f61a411aa4d32e9', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '213f3c09d637a625d38cb9d23dcf579db804da75', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e862b410818acb231f7710d755561cc9711b348e', name: "help" })))));
+            } }, index.h("slot", { key: '892cb714353773e6ad5fad8d43da6c72b72adb77', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '784a6dce762a3b618ac29650737f4b735b90a3e5', show: this.hasError }, index.h("slot", { key: 'cc79c40318f52d3fc7a73324b04405a6e7fbe254', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b4705ecacbcbeb00bf0f86cb026123ff57b5081d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f576d6f0fa72c85a702d50bb13bdd068e44df8d2', 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-ccb568cb.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-3e2ced98.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -104,14 +104,14 @@ const GuxFormFieldTimePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '450994fbedbfeee5763f239a3f1e5f9b4255ed00', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '963bc427a2b69a51a718e1a6534b4f24e98566af' }, (_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: '0574ac939e2e33cf1df9302f27335414c5357ca8', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9fdab62befa5980008edac416548458db8e94d1e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5a315df3345268b021726e7db5585b1ba51b6a0f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c23a6853b454092eb9a136307c21f0209d8bab9b', name: "label-info" })), index.h("div", { key: 'ab7b85d88572f3429b7f63ce0ca38d9739b9d85f', class: "gux-input-and-error-container" }, index.h("div", { key: '4efc8f99ea61b126547eefe96d4241c4fe65bf6d', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '3b353896bdccb956c5c5828f992eb95868a1df08', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'e59b57ee270868372eae871866a237495108397c' }, (_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: '4dc18ca69597d90e935dc50998e9a834c814b6ef', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9537bb33648ea5affbf6c0c6eaed9dba04a62a74', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '32e0e5e3589895a8194702387616d7e4acc0a601', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c25ed62e8fc3d6a1b610572f08727d37ca8cd854', name: "label-info" })), index.h("div", { key: '736b5304d80093257224049f28882c81144cecb6', class: "gux-input-and-error-container" }, index.h("div", { key: '00e14df3a31911840fd8c20db1629b49fb4659e8', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '3d8399addee15a4e278e755848c68ae7bed93a4c', class: {
+            } }, index.h("div", { key: '2af1d0b3410954ee5fe4d2030b20e1715bc4cdc5', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '8178d0aafbfe59d907bffee3ef8be637d2fa7a6d' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0fcd7708aab3229a24ff7700ca7ce7670c5a540b', show: this.hasError }, index.h("slot", { key: 'bca9aa20d2f3d6db13a5f1e120acebc05497952a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a531126990dd133b267c3758c19b06246f7e8004', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b1c11ca1663bf2541d8e9b9062e63cf3a030def3', name: "help" })))));
+            } }, index.h("slot", { key: '9bd52913c7071bfca9dbddb7b9999c404bde7d30' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '6bad53deb321fbb28d3d43400558060f5eb6ad6f', show: this.hasError }, index.h("slot", { key: '9ee9c938c34a85ed9d724fea784f26491e9f3095', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'd050961e794f3dbda011a4270c4fb0f14b6d86ea', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e240cb0cbec5833c9bf4b4f1f2cd244d7e218eca', 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-ccb568cb.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-3e2ced98.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-e7656f4f.js');
+const usage = require('./usage-5472b304.js');
 require('./get-closest-element-9e41d6b9.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -105,13 +105,13 @@ const GuxFormFieldTimeZonePicker = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '5f2df40d248001de13b06b010c1d5c3d74ea9533', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '73f08b4cf28c4c0fab6f1586a61ee8ec5704fe2d' }, (_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: 'fc0e5b062656e8c9aa61b0e4d205a610cdbd9bde', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1fd86cac4a73a2eaf92fbffb70f68b6a1bba1d8d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9de2e1d3fd41888d9ac994f3f843024cc3c4a625', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'dae5e33362c8b6cddeed25384d6215d8a833268e', name: "label-info" })), index.h("slot", { key: '753c4bc210fda0027e18348dd4ef0342ffe3133c', name: "label-info" }), index.h("div", { key: 'a93210ee6b1a145235bd7ce62a37d091558f3235', class: "gux-input-and-error-container" }, index.h("div", { key: '0883effe367d2ced9624fabe30bca32b68239793', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '66a014cad81d2af714850d1c37ec186ce1415680', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'a6ab842025eb22c211e3ff951e4ba3bd3f9e7f61' }, (_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: '912d486ecceb54680b9e758203df2628e7d910da', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'a7d6b452c7eb662de59726d9cfcfdb20e7e5b422', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e40d96c624781cf589bd516f536b16c3b125e2a8', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd449ed819d6ec7fb134d7307aa42fa5befce43ef', name: "label-info" })), index.h("slot", { key: 'd4d8aa2aa5cb5dee2728c4a01aff85139b2cf189', name: "label-info" }), index.h("div", { key: '13c061701448190670a396eeaa5be216a5492ff4', class: "gux-input-and-error-container" }, index.h("div", { key: '2c8aaf4baf87590b8d22416ee7957dadefa9ac90', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '32a739793bb222e72b1976562b559e004c281b94' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '894e2d14a16fae861d53e58c85376041512052eb', show: this.hasError }, index.h("slot", { key: '34864e9e621d4e5e803463f94e98adbceb49c8e7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e64f0907c6cfa047fb29d89715b355cda94ec4a8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c364f2aa010ed15851137999b0efc57fc1c2b2d7', name: "help" })))));
+            } }, index.h("slot", { key: '2cada6805c6409643ff0a32f35590e2e27a3c75b' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ae9d6501d875df48e511d8124c73a2da47e34e05', show: this.hasError }, index.h("slot", { key: 'd3fa45ca8be0a0afcca79562285d1433d8ead4e8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'efbd80611f40852bc833f7caab19873e0d2fc5ff', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '154dc0e44d32f2b43f1249f062de7412f0ac251e', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {