genesys-spark-components 4.105.5 → 4.106.0

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const floatingUi_dom_esm = require('./floating-ui.dom.esm-0b237e01.js');
 const afterNextRender = require('./after-next-render-162425fe.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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-border-focus) solid var(--gse-semantic-focusOutline-md-borderWidth);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;filter:drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-popover-boxShadow-color));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}";
+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;filter:drop-shadow(var(--gse-ui-popover-boxShadow-offsetX) var(--gse-ui-popover-boxShadow-offsetY) calc(var(--gse-ui-popover-boxShadow-blur) / 2) var(--gse-ui-popover-boxShadow-color));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}";
 const GuxFlyoutMenuStyle0 = guxFlyoutMenuCss;
 
 const GuxFlyoutMenu = class {
@@ -176,10 +176,10 @@ const GuxFlyoutMenu = class {
         }
     }
     render() {
-        return (index.h(index.Host, { key: '9a6a30ef5a6da68ef8f2ba84bef0452235e2f9b1', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: '2fcda7143a3030cee15e4525e6e35e8be3bda451', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'de096c562a11f6315f88524ea5b96cd7cd6a3c8b', name: "target" })), index.h("div", { key: '896f1b86873f4fa0c127af915bdb42c23b295117', class: {
+        return (index.h(index.Host, { key: 'c940328eac819940681e1b86f7bb35c99923faa4', tabIndex: 0, "aria-haspopup": "true" }, index.h("span", { key: '2122493b46c79b488c607d727fc683931cc7fde4', ref: el => (this.targetElement = el) }, index.h("slot", { key: 'fd3336d2ba41aafe99a7bf852e1771fbe105ae38', name: "target" })), index.h("div", { key: '8a81f8f6435ccf25ea090f0e60240aa3e76b1a63', class: {
                 'gux-flyout-menu-content': true,
                 'gux-shown': this.isShown
-            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '1d9ca95d7da3928254149eb1455b87c4e2b287f8', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '0bd0fbe389e6213247dd5dd54ec4b00d09ca0616', class: "gux-arrow-caret" })), index.h("slot", { key: '03d6fc598c56d14fb284ae5fed39825de44940f0', name: "menu" }))));
+            }, ref: el => (this.menuContentElement = el) }, index.h("div", { key: '17019eea390c225a2f2c8fed4cec1c8f82c0ffdf', ref: (el) => (this.arrowElement = el), class: "gux-arrow" }, index.h("div", { key: '973b60c5425f369b5f2804e2d1252d6d4cb27a0e', class: "gux-arrow-caret" })), index.h("slot", { key: 'c4589dfae296f13346c03e7ab0892ba58daaa5a1', name: "menu" }))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -6,12 +6,12 @@ const index = require('./index-79505d14.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const logError = require('./log-error-7b9d4b57.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const simulateNativeEvent = require('./simulate-native-event-e88bf64f.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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: 'ea614a5edd0268c4244fa95e4951a4b9e5e28a4b', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ae16809949bbe7e012a27a03bd9db20a4af39b67' }, (_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: 'b3cfbdc7689fb274a6c450890d6750f19560b772', position: "above", required: this.required }, index.h("slot", { key: 'a6c4e90156028c7c65ef9a05b265afa03b32875c', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '15aefe493c5264b45d8961e5664b87308c3e2072', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4f297fc3c9342101fd3cfb8fb826df00a90533e2', name: "group-label-info" })), index.h("slot", { key: '2ae8c9d719ac003d766deec31b86f28cadc29f75', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: '2c4f9d1b60ca0bbf901c56640cdb85c365681e17', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b5818cc604860127767cd543a06ebd930c5f77db', show: this.hasGroupError }, index.h("slot", { key: '88411427c80155f3232110ce1fdfaac16f5bc39e', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '367953539533a8bcf54c1a65ae8458ddff793946', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '0f22c44a1f74b77b750b0af6ecbd9369668f42f4', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'af39533927494f13991bbcaef9b1822f36dca1a7', labelPosition: "above" }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '6748324a9c7e1272d8431d559c74ae7d8a0b40d8' }, (_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: '7736549a306bbc1ef79443aa079969dd1cab9a13', position: "above", required: this.required }, index.h("slot", { key: '32467534d6285e52fc872e2c95b6f22c2779a492', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c3b61aaeae673c01b60f1489ee0c06683e56f4b3', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '571adb5471717e4f0b6015c08716c2ed8869e0d3', name: "group-label-info" })), index.h("slot", { key: 'c9f254821b75645bf819eac7bc3ddd64f059e85f', onSlotchange: () => this.setupNestedCheckboxes(), name: "group-checkbox" }), index.h("slot", { key: 'e05f9ed3d293877fc03f6951ccf4f247fd7a1294', onSlotchange: () => this.updateMainCheckbox() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b7b10b2567fec76011bade5bc1cf280e38ae2ec5', show: this.hasGroupError }, index.h("slot", { key: 'e3d0eb1b9d9694bacfff93f5b43b508ae5b10d40', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '26965305e2c33ebd01c874afcd7c69d0bcfb8b8f', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '09e8d3a0c412ccc1033a63fd91965ae2df8bb10a', 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-9b997891.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.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: '6e24631ab78d1e2d2ffbd723dd0d5be2ec972118', class: {
+        return (index.h(index.Host, { key: '05c00ed0b3fa12078541dd219c37f64570123cc0', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'cb2f342121a92bcb4b864c226f3541ca93dd6117', class: "gux-form-field-container" }, index.h("div", { key: 'b5244a54141d8c7835034056de6121279b2687ab', class: "gux-input-label" }, index.h("div", { key: '77291159d219a512f437d427c74111bfa208b9e8', class: "gux-input" }, index.h("slot", { key: '02ab5f2457b04a5bd49d4c2562429bdbc5f92149', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '0b86cf32736488a1349fbbf40469d5c9a5c0b5c6', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '695f928f6eb9b875f0bc4ff51050a61845ef58f2', name: "label" }))), index.h("div", { key: 'd1da496151ed6b164e1fe663a44ff81440761eab', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '565fc30e683f8f39acc4471117ba9078630ae24c', show: this.hasError }, index.h("slot", { key: '8e6f425cfcad80b2c32c0228ef509ed2bc973db4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5ede43184e69cfc05fac9d22c33ead7b51faee56', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7281c12a69d18e8a18d7649ef3898019cc1cbd1b', name: "help" }))))));
+            } }, index.h("div", { key: '5d293faed05d1566f02df5f734f5882e04257410', class: "gux-form-field-container" }, index.h("div", { key: 'd19c766e092906acf472631827a8912a7f789d3f', class: "gux-input-label" }, index.h("div", { key: '0b91fc52fe3eb5f6a3f919398b3b7019b78f8a1c', class: "gux-input" }, index.h("slot", { key: '1e58cfad1e2d0c8f76bb0c3f01dea2b682e13811', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '1af0dda64c1ad3d37c22c05a1cbc4f8e3a1d5524', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: 'df85c91e38c0f97cfd1c17c1cc3749c780a7e6cd', name: "label" }))), index.h("div", { key: '40f81a7cb035d763cff75f05924e865d998f182c', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '7256f02711410ee9fb0e5659f93c630d96dd5b1c', show: this.hasError }, index.h("slot", { key: '49fd3673ef6ce2f588c3511b27ded3b6b6fbfa62', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1e5baff59db571263e847fc1ad155062698567d5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6f8b54c2e3a099da695a8c3203a3da2dcd803982', 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-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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: '4590568eeed0d4db672427ad6b59b20af9feef06', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a73bc98079227cebf18fec6d7e7ddfe415491625', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b0a58f69f45442b48d8d30f69e4f8ce33fa606f9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4df86809076a2f0a0efae6f49f3abe20c9d307c9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6f0c38db16e89d7df83196241c2e149bdd75abb4', name: "label-info" })), index.h("div", { key: '00a8aa91d362c83b24b1249cf804b6bfbde2da90', class: "gux-input-and-error-container" }, index.h("div", { key: '04fb436aa93780e3e23249856eda5b79e6773958', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '1945f9b71295f2055ca38047c1fa0cab667d3fba', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c422954f9e68f045f074a53684b57d6efeb7e8df', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7d433ce2453909cce245ca0271dfa3d7c05d5191', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3b16b288ef80aa5c6b752b1572ade855fd88136f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3004c01a24982810f1058060874025eb4c70a05a', name: "label-info" })), index.h("div", { key: '23dc638a8370cec9b055313a4c7b7f8bfabd287d', class: "gux-input-and-error-container" }, index.h("div", { key: 'e56f699ae341f5105deabe9ec287640a673ef35f', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '394b2c914cbf48c0ba682b1cf9a71d4de5225b62', class: {
+            } }, index.h("div", { key: 'c82c19d37c7d5c7acec5c54b5e46af73912b8c0f', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '714b10d1c242b9388512c56b76297af5b3f39700', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e0675636471a06bd321ba3ad2ff4ca52d033a3ea', show: this.hasError }, index.h("slot", { key: 'c2d911fe0442f513a67ec5f33d3293443a62c8f8', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8a4689ec5b8acef4ffbe54d4800ba12701ea1bf1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6866b34bd6c2464a812b29a73dff1dbdc7c279a6', name: "help" })))));
+            } }, index.h("slot", { key: 'd29d1edbac8d92246e13562b1738569e94fe21b5', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '56775bbf353ddedb70d503700f18d50734d15d23', show: this.hasError }, index.h("slot", { key: 'aca81af05335223cd3c2163269a9f078fd40cf2b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8a002384b5b9604b85836ad6eb8043470d7c7296', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '85cd019e10448a1e70bf8ea7ed057d2f29e74857', name: "help" })))));
     }
     get variant() {
         return this.labelPosition ? this.labelPosition.toLowerCase() : 'none';

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -11,7 +11,7 @@ const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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: '8a79c00d83c6ad296200a9895d125db1e407acca', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'c88099ac197d255a43fefd24337243fbc4d30d18' }, (_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: '3c80e46ab7fd5d602bffe6315b6cf7e29754c617', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'e04e2c3bf3646e7c68bbd0044133de9303d5bb62', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '5a77d2b78e4b104a074bd29b7c008101e8cf5abc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e0e241b8be9fb3f9abca1b4eecd067c985629372', name: "label-info" })), index.h("div", { key: 'eaee8ec08bfbd78a5ba6e8720feff32d12a64365', class: "gux-input-and-error-container" }, index.h("div", { key: '0f5810dc9894aca6b8db30f65902a4746465aed5', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '3c5dc914f3c76b4f137f712fa8409460d93171f5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ec9e39fcb78f48527bc10f66969a114accb89c2a' }, (_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: '1e4b0c9501ea80dc64a1af8619601647d4930ba7', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'a20bd54b9b03ecd7283d04bade1546eb79a1bfff', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'e58d88a1a9e9e18feced6b7185bcd47df7fd4a45', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '22dad7ea55ab30b4a2d7692bb8a5d6ff3f33f1ea', name: "label-info" })), index.h("div", { key: '060f5c62aa09b3206bb5b731d697882676578d62', class: "gux-input-and-error-container" }, index.h("div", { key: 'd23895c211aaf7880525f376edb9ba744757d500', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '1ed1538a977e7a0709262856e80b34757f8ebb83' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ea6f1c08a8025475fee59df01b7b1aeadebdfa9c', show: this.hasError }, index.h("slot", { key: '64e2850f42aa7bbfc6862803d0622d920f7eba8b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f79958c35b041c6abc4ce0ad453be6178773029e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7f7dd1d8a5f9be624edec6745d3b2f1da3196173', name: "help" })))));
+            } }, index.h("slot", { key: 'a9be0fda5bab9330de38bcd573af201af20ce816' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2ce73f1bb6c1670f1b0a14a28587932151290db3', show: this.hasError }, index.h("slot", { key: 'c9e2e14424a9a78b49e6bcdcd9e692901f397604', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3beeb950e03f32a493dc81e3696500e8acf38658', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4175b1c26dece146f2718fd89773f51cbd188f8b', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
@@ -104,7 +104,7 @@ const GuxFormFieldFile = class {
         return `${type}-${labelPositionVariant}`;
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'fb5d8da9240d0220148191c4273cb88c4b68156b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'be4b4894fffee13752808f4f1626fc1853d72bb1', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '21150e27f2f2fa31544b035c919c650423d98eb5', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a546ef242f7b0c1ddaaa8f91ab7e60770b23fe14', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '585260410fcde7c0f4e4dba2ab8a6cef3dceff44', name: "label-info" })), index.h("div", { key: '677000669a2c05cc31cfd666310e7643a23ebc2c', class: "gux-input-and-error-container" }, index.h("slot", { key: 'c37efc792f9965cc9581e66d91eda9857b2a0b54', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '663cd0f8ee82c188aae98a6599527545f55c1bd1', show: this.hasError }, index.h("slot", { key: '756abca81c598f99dff6f439fa7a876559bedae4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3dd324d2b86d7d1696ebff9aa0316599ccc1db54', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '4be78124646decbcef5d544222881f92c58c227e', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9ca93f24d44dea238cbe5677aa0b73472b2d64b6', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'dec25a32fc276d5488068617bde432a27b28c70c', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'af0eae1f9b7b03f1bebcff17f071a1c84e0f8a43', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a44f39119b3233ca0b5192dce72dcae94c4bde02', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3307d4d6fc47145d02da9f97de180c99eacbd415', name: "label-info" })), index.h("div", { key: 'f3fd418c38e9d77c2e8e88a7adc778a74d04feec', class: "gux-input-and-error-container" }, index.h("slot", { key: '32ca9120b2f99d577360a9c57fcca72637c9cdee', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f30dab2e5c7554e6bf914dc8c0a2804b9bb26b98', show: this.hasError }, index.h("slot", { key: '7ebe986a1cfd90857e04e99cd7fdb72b2ae27508', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'ff5019f55ccf11be847ac58813565a3220f0da3b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5161a236c6567be3641375c9bc4ad4b3ba61ef4e', name: "help" })))));
     }
     get root() { return index.getElement(this); }
 };

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-7cad50c2.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const clear = "Clear";
@@ -24,7 +24,7 @@ const GuxFormFieldInputClearButton = class {
         this.i18n = await index$1.buildI18nForComponent(this.root, translationResources);
     }
     render() {
-        return (index.h("button", { key: '6c9eb3a1e1a5eb70d33c3e9c1f0a610ffb45b5bb', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '27a655722ca6c8804fe8a4643cf720044093dc64', "icon-name": "fa/xmark-large-regular", decorative: true })));
+        return (index.h("button", { key: '27160e5e7cf3d9b80732893ad85be41e331312c6', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '08df9181c1d9409a1e7b2082a46bea4bd8fa1cb2', "icon-name": "fa/xmark-large-regular", decorative: true })));
     }
     static get delegatesFocus() { return true; }
     get root() { return index.getElement(this); }

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const usage = require('./usage-43072083.js');
-const index$1 = require('./index-16a4179e.js');
+const usage = require('./usage-7cad50c2.js');
+const index$1 = require('./index-643c40f5.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const optional = "optional";

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -102,14 +102,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '7f2ee475786286453fe28fe904bcf66b01b9f2e7', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'bff1a66c5d509798ab73645f4719f6539e09cc43' }, (_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: '5badc36ae07db5f6b9b00ce9f07d9eeff5070db7', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '6c32c7c69cbb1d8c79703000ff2ba49919abe04e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'df1a3a8e02ea617575887fc41bc7f6c2228b6c95', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '94c4d5001cdeef71ae90bb03f6d3f71c4179688b', name: "label-info" })), index.h("div", { key: '798a974d0eae1ea6e3a6c3d06c980b764023fd3f', class: "gux-input-and-error-container" }, index.h("div", { key: '71ecbb6e7c3ece447c2c167fb9ae400a66e800cf', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '33fe0fc8c809b55349fa51aa7d80a285a2788edd', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'eb56dd16bd5820f58481ac506e9aa5001ec470f7' }, (_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: '074c11f16f051c6f00198989c73e265fbc76e28f', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'e8fc15414ce78419b8f5556b25575799eab4501c', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '075f6120f5985fcbac369b15e6d4d3890547022b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c08bbf1c0247f0cec8f13d7dbfc8a1f189c17c58', name: "label-info" })), index.h("div", { key: '4f73ec6078aa6cf796b9c9d8fcbe23bed8a39c72', class: "gux-input-and-error-container" }, index.h("div", { key: 'f9b6da0b9a11f8af494846f09b0d3640e1919112', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '5b0fd0effbe81caf07776ebd04e60905a19b7321', class: {
+            } }, index.h("div", { key: '9ed48adf358623e4175e30e32b00c59be6df02bd', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '8b0a25e8d656afc1eef2ab2c640bcbf935384bf1' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e247eb81ee820dc2da560753f83736f0926b2467', show: this.hasError }, index.h("slot", { key: '582f7305237bc19c99562556fee65b5bce4f1422', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7da92a7c68bb49e6de4d8241061748f6faabd402', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '85cc51bcdcd5004ccdcda9c353b8a98bc240658f', name: "help" })))));
+            } }, index.h("slot", { key: '9d648cc3ae68f9cb2f7ab93e1fc829cbe083ad06' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '22296a416c1da45479a209608c1f48ccbd529244', show: this.hasError }, index.h("slot", { key: '5deb14f2838dcaaca697cfd3aa091bc263c8128e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '47c4d90105b9b46c8a856173b41a61b9d00ef19f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '039f3beaa6aebf7415c1d16be0a633ac406f4b17', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-79505d14.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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: 'd374bda5f91c6d1b7999f87ccbca674ed4575197', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '6d90767fd3eb63c33de3736549868eb35cd63b3b' }, (_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: '350d8b5fcf61089bad71a25035a21f68c4907715', position: "above", required: this.required }, index.h("slot", { key: '96e19951e5504299f5d82e85aadb6f2443389e63', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6bf66f96c24e7171670516ad25d340e0b9d3d1d1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '4a0ba94e17fab5679edf4078fa410352cddcbb95', name: "group-label-info" })), index.h("slot", { key: '08eb9d617bf5739a54eccacc057eb598739e1e8e' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f262d2b51702fc73b925de43f551ad914d7d848c', show: this.hasGroupError }, index.h("slot", { key: '5e82820d4997dc1394df80eb248b87fced53c7ac', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '0b766a0945b4a256d81205c01766f476cfad1ca6', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: 'fefea5ca4634387f8fb7772d61db53b60cbb2f83', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '901bbf005bca412c1a435e535583155725ed5296', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1d6bf900cc576bfee106b073afe09f0a97022d87' }, (_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: '21ee4f534fff08e51dae8030faa8a1d78226f2fb', position: "above", required: this.required }, index.h("slot", { key: '0afa63140278375301a0de0263055195008662f9', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'dd422f39ad5e082ab184350265f37c678cf06b68', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3b2fe0b59bdd8591a08ea076280aa57a28c10b3a', name: "group-label-info" })), index.h("slot", { key: 'ee6540334797f3c1982f5af98e445c5b0a7c4531' }), index.h(guxFormFieldError.GuxFormFieldError, { key: '0158fec3eee96f854076c57bb20b9f893697d6e7', show: this.hasGroupError }, index.h("slot", { key: '8c2a42b6fc072fe4d16d25d2f4f79c9f7dffed45', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9a40da4a5449db9784e3fd656b9611c31c9f7fea', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '7c2cbec4c5e3bc907eb3782f2af38a24589cab29', 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-5c787b9f.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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: 'd1127a17b222e558a678352b319aac9c21246416', class: {
+        return (index.h(index.Host, { key: '49ef8bdb9e7268f6ed72d138596e30d2942df483', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: '40ce4ffe960d27f6696c00ff5a7f7ad4e5269042', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '38eee0289e9dc0a3b3d6d20f4bd0bd405a0cd258', class: "gux-input-label" }, index.h("div", { key: '856e8f33583c81bdcfd517d376895779d2832214', class: "gux-input" }, index.h("slot", { key: '083283facc76eeffb2b77c02a8f8ba3df16a5f6a', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'bb32d46769c6ca2355afe8690b7c09042a593719', class: "gux-label" }, index.h("slot", { key: 'e29f6ad20d005ac8ddc86a9c96469b3ca0e34df4', name: "label" }))), index.h("div", { key: '3c07a55b5b3dc71216cd4f2eb4807ad95f70b121', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: 'cc6376b010a26cf41e829a627734842abe631978', show: this.hasError }, index.h("slot", { key: 'e18d7e8792834388a3816501c8e133749ba0c4a4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '91360aa3979dc848d22e30a54653b593c003bbb5', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '52480069a8f4ce36a83b66ffbdde59604bc0efb4', name: "help" }))))));
+            } }, index.h("div", { key: '6a26a205570eb6ff11e77f81d01d44261d21e072', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'b77bc44125eaa97141430489ac2eb184ba7df709', class: "gux-input-label" }, index.h("div", { key: 'd4186aef6e7b7a0ebfe645344d5a745e16cc9614', class: "gux-input" }, index.h("slot", { key: '2fc89568cc4659ff4838799e5278baa273085d2a', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '61ff648660ef9c6c37ebdea28bbb35d7f6c14d0e', class: "gux-label" }, index.h("slot", { key: '6ff9554ebb06ff5c11b68b784b24a834dc7837e5', name: "label" }))), index.h("div", { key: 'ac51eb19dfe44b8069ce7e29edb9e97073d8c75f', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '6d27501b269cad64a8c4f1fb78545a5c6e512254', show: this.hasError }, index.h("slot", { key: 'bada69224c02868f8541a2895218fb392cc46d59', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a3d3221e309a5c891ac5beb1c50ed3f8cddfbb86', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7794ca8ee2cc4b82d761c37e2868ff0a776864cd', 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-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.js');
 const onResize = require('./on-resize-9065f1ea.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: '54c2237fd3857b7b5bacc2e5e0ec4bb012b2f4e1', class: {
+        return (index.h(index.Host, { key: '10dc378e629a8849da1a892210e7958a8470ce43', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '586adebb0c3bd99135c6f9c38f0f9329239e3154', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '6da004480ae7733976a9ee7d39b1b71e0731f18e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ec577fcf0a75f71d1ad63bab97f3f4b4ae8a3e7e', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b6a7b1ed6f70ea5e4e82dc3bde5740e24e0ef233', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'bb13f10921775771f74a30458f1850db1997ee2c', name: "label-info" })), index.h("div", { key: '52651391cc0fa2076bc9d9d3e292208fec418ea5', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '1d5b96509375ff917e4cc68e491cbb49e93feb04', show: this.hasError }, index.h("slot", { key: '70e953ad2201da1796274c8d25550f48d8a16733', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '77a6374a1dec71a529e68859faaaeef465483584', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '521b2c4c318f5f7eb562f692212c490fe9e7de58', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '9d46076ea44be2971e14250654b2f40cd0df0677', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'c55006d31378d6a1643f039f2cfa4bd55311bea9', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'e48fdca477e8261992afc9430d0f4f005d0746b7', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a75ef1657cd9618109dcfebc0130feb99897c17a', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '43cfbcbfa92a4a05b2686ddc214e1807b7cd721a', name: "label-info" })), index.h("div", { key: 'd43b71f759820db1bf395db7c22e304c5c8d268e', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '2c250ef63c41033ab24925ab4d24b2492c9d2927', show: this.hasError }, index.h("slot", { key: '4ecfa3f9770e5f483d3676f32b631f814025d35d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'acfe671b39a300314b9fd8d139ab028a20495b29', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2b220e6169e6ec487705a6047137f2c7536be970', 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-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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: '1e4b92b6d9d9b0636dfa2cf8e79963f56b503f5a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b6af197da2a3f248eda388e4f71e393f692e90d1', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '352ba45f77c34eb67b24a4316d0e9a92e9afe652', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6ca61e6c6fc4ebac76eeda1b201f49b1cdb06f5e', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '96d2a976da5dc7e344394658604bcfdc27c0fed9', name: "label-info" })), index.h("div", { key: '8be4041d9d41501fc30256e0e4dc4f3fc1c2ca44', class: "gux-input-and-error-container" }, index.h("div", { key: '5a33055ee684fb0e9c817c8e0d231ca0fdfcd72b', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4a9ef410dae67b430409d3ecd7143f779d5d6d76', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '23f4292311d8d4d09cc9abd8ea410c564189feb6', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '0a8392e9de5c4c107219340946c5d986b14a0e79', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a5485bcf989d6cee36f56f38df6e3779097b3c9b', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3bd66abfbaabd6154769732b10ec2a0234e168f6', name: "label-info" })), index.h("div", { key: '0824538640f07a080d7feabb9bd380d08fee6fec', class: "gux-input-and-error-container" }, index.h("div", { key: '7b56736d1214a53dd52d9f71bf5557a1e212144d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '59966c08239aa3820195279f1a35e5d453e984b4', class: {
+            } }, index.h("div", { key: 'a34519a64680d176ea13b2084b394f807021ca44', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '5b6d0596a99637735b3c89a70b383566ba8e61a8', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: 'c13746d0ea8374899b2f470519434da0d1a506ff', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '969a9a35042bb157d0b38cc688d81310b94d6bdf', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0c967d463d9cee4812f8453686bdd9868660fb22', show: this.hasError }, index.h("slot", { key: 'a6e95e112206c7fb659262857e724c5fa895a093', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5caccd96e888b8cae941cf97f03d917932b02294', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5f9f112df8322a4ab457bdf7174fe4be87db71bf', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '6609df36d361839721fb45ab6252664697587cef', "icon-name": "fa/magnifying-glass-regular", decorative: true }), index.h("slot", { key: '99167c46f703671d1d9985100e39e8d9844a28ce', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '9f31a3d43b814c8d150d2a0b7a6bd829e953d163', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'adf9c25f7529abbd1138ba954905ea6365c13f1b', show: this.hasError }, index.h("slot", { key: '88533ba9ae394f9d3d61213d8d1856abd370850b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '775b434f3eb50601ab4379ba3fae1fa28cbc3f08', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '79df589a292ea5da8a717fecd029085e445625ff', 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-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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: 'ade4b144385c07bd1508be8ba67f8d20dd1660cd', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '18bc915c9aedd653dd9d39dea057e057f5d37ecd', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'c233b0063d165092e2e18b2b44a6455ad360e9a0', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '9cba0fcef27e0440c05feb6a26d02363bc580a02', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '49bd1359e7837f4d65a34fc12a62f0b549c13c69', name: "label-info" })), index.h("div", { key: 'a64c2e27604f46811ba227522992b0749e262f46', class: "gux-input-and-error-container" }, index.h("div", { key: 'dcac35339fb73a4c8ee77bb8fc350656527eb548', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b928031f683999046e3cc9bed38ad760c236e9e9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'e07c87117a539fecf347b8edb8ca56fa1dd54a7e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '7289cde4c59f1fe8b1e28356d9cb721305ae8fe9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '205d12d026049867610b2bf5a700aa6a1c1d35c2', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '07d62929f16393fde084434f488889ef97ffeca5', name: "label-info" })), index.h("div", { key: '542540171c3e6ce101e974707c36d44b827884cd', class: "gux-input-and-error-container" }, index.h("div", { key: '9486afc4de383775409ec2b9d126798a03deda29', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'db109591ddc21bddc0d4b57c69d18f972d5f04fb', class: {
+            } }, index.h("div", { key: '6a05e35a061b711b3edb8bec261223aa0a4ae335', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '887740976f7586039b4fbbb7b51359d4cfff69bc', name: "input" }), index.h("gux-icon", { key: '5d34e384b9998855df9c10577ede7efa6d788d19', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd0a1101f52cfa83e22476124cffbacc2571fed2f', show: this.hasError }, index.h("slot", { key: '1156c4114993620e16f314475a2e0d7f3b90d373', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '34220ac834b6b67928a6a5087830083a6d8f4039', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0f0f7562332896f90b4b531f0c8d57d121e8b428', name: "help" })))));
+            } }, index.h("slot", { key: '7d2a610b542a165fac36caf3f737c38b1af844b2', name: "input" }), index.h("gux-icon", { key: '15be1be18f83f14f23555df075a4c2f35f52d813', "icon-name": "custom/chevron-down-small-regular", decorative: true }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '751b065232ef2e12cc98b897fc6cf07edafdfb11', show: this.hasError }, index.h("slot", { key: '4ff01e5d20eb7fcc1079116bc813fd4d2d0d18c2', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '2d78511124551d897983bc577cf0f0da3cef02f3', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '14890b954cea5d3452bf1a1352224ee6d36a5324', 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-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 require('./random-html-id-71c43d5a.js');
 require('./log-error-7b9d4b57.js');
@@ -115,15 +115,15 @@ const GuxFormFieldTextLike = class {
         }
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a17ad83e0eeed1763ffab9e134d3e1e75bcdbbce', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd1fba6ee751d62b92c02cf78afd2b1bae95ae1a7', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'c9527a88f7c03968667e3d38ba90db9f937a8045', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c718be1417371a21611463fb9c2e917d3eed9a51', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '03a4284732b09805195499f9dcae12817fdef15b', name: "label-info" })), index.h("div", { key: 'de7b7423b50f7617e9ea4383b2fce94f673a83b4', class: "gux-input-and-error-container" }, index.h("div", { key: '9046f75a00e1fcd235887aea65aa6bb17ebbcde5', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4bfc2c90ceda36b591173fb005c270f212c519f4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '6cb86ea988e2381b54fd73c257702b4cb4833393', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '6aae331a3446da315706bf381a6943fbceed9695', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '6c13dbbd39696396243fc84221d24f8adb612d88', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd7d696dd7029f2ef13b571434ff2e2c4b9ae44ee', name: "label-info" })), index.h("div", { key: '4adebc576047a0b0df4bec53e8d0e520c28caccc', class: "gux-input-and-error-container" }, index.h("div", { key: 'b3c47ca1858946defb5c5bf0a5e96eefc45bb287', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'd670db234a4c2dd32c07f75c63be7dd65c938600', class: {
+            } }, index.h("div", { key: '66923b721b025485284a666eeabda9d8ddf38a8f', 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: '554497e8dd31ce8fbc9f79f30834e0b8139948bb', name: "prefix" }), index.h("slot", { key: 'e206680f5d0a492e39e82d0543d093f8651c88d2', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '0ca00b2011c98147c92af40ab2681d50a9706b96', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'c05015420e0345b526b19dcf6238aa554cf398e9', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '544d850e90788504a69525b2d620c880437c0f62', show: this.hasError }, index.h("slot", { key: 'de3651ab7deea14e18f115b5e8f1614af124ac2c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8949600a85dabae56accb74829c74f05e56972aa', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b0314622491a9219baa2b1f6c265ef6edb4faafd', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '6d30e93d1772b718346d6335e23e9f38b812419a', name: "prefix" }), index.h("slot", { key: '449f84eb06fa74a0fd1acaa33ff016b1ec45f550', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: 'b3b67a15ecf829a143f052f51f1c95fb2d3e04ce', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'c8869108f24091264f38748e2d3f41846cd7291d', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ad45607c9fd01891cd0023959a5b5de5213e741f', show: this.hasError }, index.h("slot", { key: '52f46539c187533b54522b185bb5ba084c52e70a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f91d1eb88f117e1cbe451b23565921b9dad0710b', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'c907e53165909fea45e0d4cca3aed992dada7a6b', 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-5c787b9f.js');
 const guxFormFieldContainer = require('./gux-form-field-container-0b03581d.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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: 'e8dd0948fef4e209905570ac52f369ca490452ab', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'd01ace6713e2bb0a37900266813d77d56fcb5f89', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '572c94fe01bfc15a05f471207dddb1ba2e09c11d', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7f9c6756fe4662b1ac4d27b72ed158bae2f3b862', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '62560f03f41a251b5ab8230850aa2c7043135c0b', name: "label-info" })), index.h("div", { key: '41bf021bf128db713ff71c325177e14e6a757241', class: "gux-input-and-error-container" }, index.h("div", { key: '1b06efe4fbd9abed9d5bc2ff2906a4ebdbe4a207', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5b34e63a46e08d10f6ebeb0adffc4abd6c5a3316', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '41d08e265a0c6686565b73954a8ff3ef32bc7ada', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'eea924a17613c05b476eed2ab63f8d14300cc194', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4aab859ba4d3aa0d14515088c952b6143c09e967', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '06917fe2c3762228680974025a7f5e96f3aeaef8', name: "label-info" })), index.h("div", { key: '1e8a15c09b26292e96ba0383b9394f84e34c1783', class: "gux-input-and-error-container" }, index.h("div", { key: '25642be5f42cf493be10d5f4605498709c52e43b', 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: '9531a2bde5bb2f3a6b208c3a75b5f8a508537c00', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '7f9705862db7afaa04ec7a0b508b53feb50dcf27', show: this.hasError }, index.h("slot", { key: '9a54ee68288a98eace73298967c026835838ef79', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a5eaac775a150d9e0b4c9ca1f228c75f4aee5654', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '108eb94dc4f28d708dec9e11ff8e16f4ef501c47', name: "help" })))));
+            } }, index.h("slot", { key: '1e26b96af64062705a868d7f955329f88476bab9', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '20110fdd5362b4609e174e4b06a160a67279e705', show: this.hasError }, index.h("slot", { key: '2576e35ea5b98b138dd26d48aa4014fcd7b9de9a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '4064c18cec6fb21db59a8198e387cd729b0a53a0', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b7e2865905fc2c37dbc8f84d7a1406756cf0458c', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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: '5db1d7454cabeee9137272a463f10fea95bc34ea', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '7d3fc234710b05c1f03b9257f157da9cec265723' }, (_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: 'd133b8ac4978ceb9ad9a4066b1bbbd119734ea64', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '4dd490ae393d5f1c537b01e00774c9ac98dedc4f', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '94a8768d8d5cc56ce27b17875d5c66c8faff19cc', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '795a06b86b4e125361261cfe7630fdec311154bc', name: "label-info" })), index.h("div", { key: 'f28426f59ce6afea01daecbb3235b13e381318d7', class: "gux-input-and-error-container" }, index.h("div", { key: 'ddbe6041c2b144244b0ce38b5667bb40dc21c8a0', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'e0d005546fc236e48253b7a60ba7f2f06a87e01f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'af36d71fc2935031209502122e62d3abfea194e4' }, (_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: 'e2f28c1ce391f60927935424b19b4b3efa3092d3', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1d14f473ba0b168308e4477d776fe0ae387810e3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3138164f5645e1cad9ab99985875c5dd86c9837f', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'fb893658b774944a45287f6ffc3ec6aaf52eabc1', name: "label-info" })), index.h("div", { key: '3a067b1088e58ccdc7a69eed3caac2968fcee041', class: "gux-input-and-error-container" }, index.h("div", { key: '77d0a872f46fb8d14e35c8524053ccede8d5db94', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '4e31b6a9305d6a4a5900ed4298da803dd9a5c5d0', class: {
+            } }, index.h("div", { key: 'cad69e2af1d02afd89d5b62499795cff2b096390', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '9c34d62cb80c6187bb3e426c3f23153eb6cbebd0' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '57d89003c47803cc8be089016c6cdca9e6f16ae1', show: this.hasError }, index.h("slot", { key: 'bacc4403a8b1789289cb871569141aaef2f40fe6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5b85bda90be53594da0a2dbb5673dde9079316f8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6b9ed2d216470802c2c785314768a554695b8d5d', name: "help" })))));
+            } }, index.h("slot", { key: '01334d392a9a831356dd8214ff166cccd98657c9' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '1bd038f5ba05f3b5f47cafe712bf053851495a2b', show: this.hasError }, index.h("slot", { key: '4acc3c861298a007455eaa49d29999da5a0d0d75', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8f773c3a3e35f431aaaedae563f0e2568fc8404c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'ba238f4f3007537411dfe30d57eee0ec307e37a1', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-79505d14.js');
-const index$1 = require('./index-16a4179e.js');
+const index$1 = require('./index-643c40f5.js');
 const onMutation = require('./on-mutation-9b997891.js');
 const onAttributeChange = require('./on-attribute-change-321d434b.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -11,7 +11,7 @@ const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormFieldError = require('./gux-form-field-error-5c787b9f.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-f7d2698e.js');
 const guxFormField_service = require('./gux-form-field.service-42c9f800.js');
-const usage = require('./usage-43072083.js');
+const usage = require('./usage-7cad50c2.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: 'f936ffae3f60e73be80d38619f3f807a10c01608', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ad113a922888ab988f140010d1fd30f12a73b0d8' }, (_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: '6e6cbc8d01882e7af9b5c0fa6328646ef4e09275', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '7fa065328697fa68b0bb515a4d11f8835d8917d2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7bc5dc1e6799a2f237adcf16c31c63aed1667042', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '18e062a78f92e3659263aec36f24e18197d706d7', name: "label-info" })), index.h("slot", { key: '761f4f6e3bd872a0939cb596557fdf52b8bc20f0', name: "label-info" }), index.h("div", { key: '22d06b09b84436b3acb22d7951f04b0e93e01b26', class: "gux-input-and-error-container" }, index.h("div", { key: '61520325d521cbdf85b679219098589a1613ecd4', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '42f7ebc381db15071fa8e6faad227a5f02393d3f', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '51c7f93eb094716bcc457a1eaf7f3bb7d7d3287b' }, (_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: 'ad28ec82848231933e86796157bd789cb9dbf5dd', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '7609740404e43588769075e27e7754e3d1408c38', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '459ffa4c5f903d951a92b408d1ebd006a5958ad1', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '2f1806a66fa82be3129499f11b956ba18bbdcd70', name: "label-info" })), index.h("slot", { key: '89eedb5f9d37f38b8f7d8cb363c88c5f30a49705', name: "label-info" }), index.h("div", { key: 'b6b72691ea2882e3c305e083e1381063b92756fe', class: "gux-input-and-error-container" }, index.h("div", { key: '3d389c68f5307b677f76ddeda7c4b2031f3285a2', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError,
                 'gux-time-zone-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '3929284fce8c68f48ea93b2923a892b407ebbe1f' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '8fb5a1d15740309f810efc0fe87e47a9675202b7', show: this.hasError }, index.h("slot", { key: '39d7a26b1b943934463c0e68b52cf1f6329f0511', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1c0e29ee10ffba4260ec33a844e364ef1fa4c6b2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '13ccb2f4fda97ef0f9091ac4a742a66215d7bfc2', name: "help" })))));
+            } }, index.h("slot", { key: 'f201693077d200cbea7c323454a6bced4368f01a' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2180d2e795377b53b65c7fdc23eb6562747c2a96', show: this.hasError }, index.h("slot", { key: 'c6be8739f12fd2fb7c2aa206d459044cf4b40e36', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7df6b7566d1396b6771096cfeecc0826b7477bdd', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8da0b676330cdc738214557bdceaadacea88f7e6', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {