genesys-spark-components 4.136.0 → 4.137.1

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

@@ -8,7 +8,7 @@ const onMutation = require('./on-mutation-7c046081.js');
 const preventBrowserValidationStyling = require('./prevent-browser-validation-styling-132644ad.js');
 const hasSlot = require('./has-slot-3edae188.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.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: 'e40400dce6b34387deee6b6244aa527877532230', class: {
+        return (index.h(index.Host, { key: 'b50ef075fe3518e381b9e96f2ab4dad6706882d8', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'a0aaca6ebd8de03d38e4d3ab28487d8b98e4c14a', class: "gux-form-field-container" }, index.h("div", { key: '39ebc72af0115c16b391f178d14c9cf108d048a6', class: "gux-input-label" }, index.h("div", { key: '5f60fbe50d21b90b39e2110ca3764d0fd495964f', class: "gux-input" }, index.h("slot", { key: '83549d1dd5cac6cd3e5b1f96197635a7bbde25b0', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'dd82b4c70ed37e156ad8ffb71218aa811296f8d3', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '4a88b290a5de26a75963cc637173a39026ac1177', name: "label" }))), index.h("div", { key: 'aa8a2a00294a6d7131d7073eb823a1685bf7a4a4', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '0f49ae8b132bc53cd850ec4eb31752e4ed5f754b', show: this.hasError }, index.h("slot", { key: 'd61465e5408f9ff62397e250259049432ad19e14', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9bca8004303189e323b5288eacaf750feeb7339a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f58224e0319a71ed4b8dd45ec969e5876a728007', name: "help" }))))));
+            } }, index.h("div", { key: '8b190350ea28db072c104036709f65f86f8ee7f2', class: "gux-form-field-container" }, index.h("div", { key: 'a5e8941b463e227dbde7cc56f4ce53cdcff397de', class: "gux-input-label" }, index.h("div", { key: '7054952122bd9bdc8ac574b5bb1a25ca9accbf2c', class: "gux-input" }, index.h("slot", { key: '9f3b321585f6067d8b4014304b783369e4f2bc98', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: 'fa2e3fe91a20b865c4f4b87815cd53fff1fc06f2', class: `gux-label-${this.labelPosition}`, "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("slot", { key: '52bc35532eb8f3a2ebc745f459324688a497c178', name: "label" }))), index.h("div", { key: 'ed5e839d314d483e3e3cdd6e3dfe2f2540125d11', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '1a45479156c57be2c6a131e5fc60651286aea53b', show: this.hasError }, index.h("slot", { key: '9e2f8f13fdd665d5fdbbc52582c984d7488ce2cf', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '799d78bafcdce6c6dc269e296625a338ae41c193', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'bd60f8b646e36ac3e1dfd33beee4c45902f6e217', 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-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.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: 'a1254a49bdd604a780ca5b763f02c79688e9992e', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '32161cd724db17bef0bf705da6f3c5eb8ac19d10', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ed670d24f28a5e574c0167c0ad5d81c9217e0cce', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7a65e197887a516aaa1211593a1b3fda759a7fd7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6588bd1ea2438f820792a375243ccb018b3f1171', name: "label-info" })), index.h("div", { key: 'aed16d69981cd73f533b3a18441da39fffa6e342', class: "gux-input-and-error-container" }, index.h("div", { key: 'c4c39122edd56132e5af7c654bd5537853f4daef', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'a1abac99f9987c8c9ec8b170c0263a6dc6fb858a', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ad5e1415cc2fce44313e4226bae1184d939cb166', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'd99f872271f62a3890992d4bbfbbab067b004dac', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'af675e82fc0cc79c1f91399855ba1a05792f90b6', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3d5c5a2fa8fa17c42ddaf8e74505278e9b2811a6', name: "label-info" })), index.h("div", { key: '8f9c103ce1c08c656c2ede3bdca168769a270aff', class: "gux-input-and-error-container" }, index.h("div", { key: '4b730244582e6b92e011d5b91fdda4b4edf7909a', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '879870ea86f8dec322abe44459700174a96ace39', class: {
+            } }, index.h("div", { key: '4e91a98be9dee52f5a5ec3d2ae9bc1bda29d4d45', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '9836fff073443e27d583abe07d2f067a62e9e4b3', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '0ee00f0511f21cf535469dda23f13fd48fdae4cd', show: this.hasError }, index.h("slot", { key: 'c619397a5468f3b88eb54d0cf29c0339b0c187c4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '61cc149f1b2050615568908e3d6222941eccddf8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '80803b18f1530e2ef41f65f98f5a84eac7319c8a', name: "help" })))));
+            } }, index.h("slot", { key: 'b48f16c281011415b0743156e0b104321d9b785e', name: "input", onSlotchange: () => this.setInput() }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'd0e61d8d14cb5ed23b07e3659ad72ede73fd65a0', show: this.hasError }, index.h("slot", { key: '717deea7a203590366bccca8bffc9137fdf2a757', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '81da66b21ab922e3af1d96d23674ada26ef8e311', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b3859aae1522dfe81c65a72d32d7b6e6d38560a6', 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-1337610f.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -11,7 +11,7 @@ const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.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: 'c347276833025035bd90243a90ad27df0ba46afe', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '68c9b0694e33feb3135dbdc798c9bb78d6e0700d' }, (_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: 'c48026033fbb870564f74f6547d63a6c66cd0a03', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f6f514e63bfa5703d1a5a4242c82fae77933db90', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '56b87b0b1c5c042b59842ea107a52a391771ecd9', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3625460474664c9aae79fd05dba547855d5d9a00', name: "label-info" })), index.h("div", { key: '6491fcf755e265f03885759d30d5512f4c32dac1', class: "gux-input-and-error-container" }, index.h("div", { key: '4cefae842dfad33fa668311567f69acbefc6d51f', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c13c59959080bf1b47237f726cd85413fbe8fea1', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd17cf870ac1ba7d66453626cbaebf85468ded335' }, (_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: 'f3090303f5561ab32f1f4287c48cf37882787c03', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'c9d35b40c798f4d11b3c6ff02203eea538e069c9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '61220d59ca17068f66e02bacccbaf9908b1a068c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '6fda0eb253ae60502a4cb85efba750cc237a4234', name: "label-info" })), index.h("div", { key: '9d9f1f0155bad09e169ad158479f81bf76f2577d', class: "gux-input-and-error-container" }, index.h("div", { key: '971e8d486fbc6312de11336020103a668d8fa58b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("slot", { key: '11b191191dca3d285e419a3a5ef5d0ff6198386c' })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e431ada8c3e1c1793b1551c19caf70509065bb8a', show: this.hasError }, index.h("slot", { key: '298268ccfae738d9d0caa9b4c9dd4f450fd8040b', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f5be92964411367c052ea9617e5b7d5f6bd3ddc4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '8eb333fa890b97e92906210ac68a34b5b6db3697', name: "help" })))));
+            } }, index.h("slot", { key: 'f2b170a7089530b95d2a882b73fe66ff695df3f6' })), index.h(guxFormFieldError.GuxFormFieldError, { key: '2ef3b063873723523af52043e53101479caa1564', show: this.hasError }, index.h("slot", { key: '9f8f7abf0e255267a1d2f779a33753aaf078b358', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'e5d07a45daca87084120681b62ce8407782bedb1', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1c77a99461629206fe50a3aeeb2dad80a649c853', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
@@ -108,7 +108,7 @@ const GuxFormFieldFileBeta = class {
         (_c = this.multipleObserver) === null || _c === void 0 ? void 0 : _c.disconnect();
     }
     render() {
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '5106e475f9a84b62ae34f2b3bff41aa2368ad25e', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'ef4068bc09ce66bb85a8553dfbaf2bf5f67be5e5', position: "above", required: this.required }, index.h("slot", { key: 'dfcd55fdf521b043db83861e0cd694aaf421bfd5', name: "label" }), index.h("gux-form-field-label-indicator", { key: 'd2155c32853cdca8f850d2baacf5e7c7f5144543', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '167abdf0c27de2aff94b4976a7d838e7b52d12d4', name: "label-info" })), index.h("div", { key: 'b3e8c51f55c183bd6a1363c46812012229bd0342', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: '3d6c125100d389e785ffad6e590aac098ae5086c', show: this.hasHelp }, index.h("slot", { key: 'fa5393592bcbe856f2b2663c7265909a9a130fc3', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'cb9017d43bcea7a8769e27bf36993a88735cccf0', show: this.hasError }, index.h("slot", { key: '397657418c88e6f093f6feabede859b6cc084b86', name: "error" })), this.renderFileList())));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'f49395fbf627974ce18e0dd84e66915778beba67', labelPosition: "above" }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '2939741d702bb9b1c6d280d0b20b9a464acc4cdb', position: "above", required: this.required }, index.h("slot", { key: '82ac483008e9309a793eea123e7b1f1e15d6c8fd', name: "label" }), index.h("gux-form-field-label-indicator", { key: '6b188446276f05e553ad52b4adb20ebf433788ee', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c3e0bb581111375386c60f87c05bfaaada99d753', name: "label-info" })), index.h("div", { key: 'aeb311a235ee3bd2cb1c123c5d3ed0f0a7c2c6e5', class: "gux-input-and-error-container" }, index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'f6e371315226687aec983ae1b50e8510cbfa2308', show: this.hasHelp }, index.h("slot", { key: 'db630f997f316f9df1d2af9faa435078d66a156c', name: "help" })), this.renderInputSlot(), index.h(guxFormFieldError.GuxFormFieldError, { key: 'cf357ba92b82f590588a3ed63bec065b9193d764', show: this.hasError }, index.h("slot", { key: '8c867f24169bca608c3b9df07b3dcd81028b6eba', name: "error" })), this.renderFileList())));
     }
     setInput() {
         this.input = guxFormField_service.getSlottedInput(this.root, 'input[type="file"][slot="input"]');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-1337610f.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.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: '0423fa1c0c58d00aba86ce7b3ed17f44cd245e30', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'f773acda2d2bc4f72cf6851a62bf5d2811b7a463', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '8b21e7c92c52f3b5bdd63f6bd262cb95b4df561a', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a1d97d672751a6c2676ef627c56fb0f219bbfa20', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'f354bd7a90fd27c951c51c14b3ee340acba912e1', name: "label-info" })), index.h("div", { key: '8ef1daf6686a0019af863647df60a4c763943ad0', class: "gux-input-and-error-container" }, index.h("slot", { key: 'e700c0d4959a12314e935820be741b21b5b81d0f', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e1b0d99c77199d74a5a442c523e421729df83fd6', show: this.hasError }, index.h("slot", { key: '17ded4cae02f8d415092154d9bc6dfb3dfcf17ac', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '05465ca6379635fb9783609aa8dd6aba8432c259', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '5e2e0568b00b706831ed115b552219f29012cf5b', name: "help" })))));
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'da72ca8b8a24411863a23e1a7ac942af3c90b647', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a920219662a7f7c0fdf16480415c283a1f2b44f7', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '2506d700f4f23dca8970dc6f4035a0172889d041', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '1063d2e80bed6a81b381774f9907ee1991a8b869', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0f8316ef158c01fa2f9a6f442b066a32de39bb85', name: "label-info" })), index.h("div", { key: '61fcc04b2a319867034a684b4b04220d4cda2226', class: "gux-input-and-error-container" }, index.h("slot", { key: '80f96c848c29ffed9ed0bdbc0e09136fb12bca0c', name: "input", onSlotchange: () => this.setInput() }), index.h(guxFormFieldError.GuxFormFieldError, { key: '73618bd90f0c4d81f2ce7cad6a32be0d2c3d2822', show: this.hasError }, index.h("slot", { key: '1b5ae7e0e7c89104007a4e437d12269b2dd0b288', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '24e9fe52c481161da20dd3e1473af1bfc75499e8', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e0eef8f5cf26428dc99c0a98c033da5c67b28636', 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-1337610f.js');
-const usage = require('./usage-bbd900ad.js');
-const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-47b5afb6.js');
+const index$1 = require('./index-3ee995a4.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: '500db590703c90de1425f14e61e90755f5900dc9', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: '2c7b1bdcbec8eca95932e83c0f622cc65acfdcf7', "icon-name": "fa/xmark-large-regular", decorative: true, size: "small" })));
+        return (index.h("button", { key: 'f78832fce4d4b1004c91b56bc59ff74db4e0c7f7', tabIndex: -1, type: "button", title: this.i18n('clear') }, index.h("gux-icon", { key: 'aa86d66232abf818c07fb6264cd046df00051961', "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,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const usage = require('./usage-bbd900ad.js');
-const index$1 = require('./index-c7d87150.js');
+const usage = require('./usage-47b5afb6.js');
+const index$1 = require('./index-3ee995a4.js');
 require('./get-closest-element-9e41d6b9.js');
 
 const optional = "optional";

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.js');
 const onInputDisabledStateChange = require('./on-input-disabled-state-change-660a5191.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.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-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.js');
 const focusInputElement = require('./focus-input-element-3a0c1858.js');
 const en = require('./en-66d2b744.js');
 const onClickOutside = require('./on-click-outside-bfd599ca.js');
@@ -113,14 +113,14 @@ const GuxFormFieldNumber = class {
     }
     render() {
         const showClearButton = this.clearable && this.hasContent && !this.disabled;
-        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'bd883165e64e876ceeee22e71394f24c140b30e4', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '6c53c51e482aa8c9afabfe6bc55af13c4f590f20', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '21fb24d7f0f2d8725a05f6942ced28ee618ee804', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '426cacda6e9fb11794a330658879ac2ab186d146', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '3a83ff17af8315e537dd85528530882027797658', name: "label-info" })), index.h("div", { key: 'bc8af0f8d8be8a09a6bc77da80230eb0c2d30ef9', class: "gux-input-and-error-container" }, index.h("div", { key: '2324554a3618247ffc24ce17a15d790b4c89355e', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '77761848659dfc40e4b60582937aeba94773d078', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'a0d1f6ad5d325d8087abcb763f78e7b1185c6d3b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '341099b5fbc78f70e1d97f58de7516919fd8f3da', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '275a70ffd8ca1a30908c3106e214eac5cbe13653', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '97f210ff1b1d05c5f305a1f69584c04554cc5a95', name: "label-info" })), index.h("div", { key: 'deb928d9faf220ee8f2647634fa66a7dbb7a2f01', class: "gux-input-and-error-container" }, index.h("div", { key: '280dcd53f717d05a60744c80f6792c9b5041d66d', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            }, part: "input-section" }, index.h("div", { key: '01e45b79be14d100ece4d89ef442fccbd9b1258a', class: {
+            }, part: "input-section" }, index.h("div", { key: '2123b69a048f35a757f4b019b0964da36519b6dd', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled,
                 'gux-clear': showClearButton
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: 'edeecc422f2bcf8c3ad5bedec624f8ddf104a237', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: 'dd3985b2f5009055443bcda9b7bc296cbc07937c', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: '2e69d595ba7d3b0381a3878384b1908999fe7b94', show: this.hasError }, index.h("slot", { key: 'dba2c7dc9604de4f58a0c80715bb422881df4bec', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '835fe60137f35040b05e17e9deb9a07f1ff0a62f', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'cd421b5266370b9267948608d0ea9daf3df7a066', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '503aa94021e17f90a1194bcbc76f2fea4bd80173', name: "input", onSlotchange: () => this.setInput() }), showClearButton && (index.h("gux-form-field-input-clear-button", { key: '1aff88a342acc535555526a9bd58bdae73e75e3e', onClick: () => guxFormField_service.clearInput(this.input) }))), this.renderStepButtons(this.input, this.getI18nValue, this.disabled)), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b4149447835189cc28bd9561c19a25f6b699dfe5', show: this.hasError }, index.h("slot", { key: '688ff4b6041a6b0bc7940473e256275b500ecd60', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7cdcef3b9163a5fe2d184933ba23e20bb1a527e4', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'd6c2efe1d3021c56e152f8120db9ee78973c0a46', name: "help" })))));
     }
     get variant() {
         const labelPositionVariant = this.labelPosition
@@ -281,10 +281,10 @@ const GuxPaginationEllipsisButton = class {
     }
     render() {
         return [
-            index.h("gux-button", { key: '8939e53ead09851fbd15778407301ce18f30b2dd', 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: '215ceb1683fd762e3dcad28604204228dc731258', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
-            index.h("gux-tooltip", { key: 'fe957bf0bdec28ead4d345929834accb1e42eb35', for: "popover-target" }, index.h("div", { key: 'fbf772460a0ca96ff3e5d87a1ec68ec66588c496', slot: "content" }, this.i18n('goToPage'))),
-            index.h("gux-popover", { key: 'a4ccddbc55375945d315600cf1942e20645a6a9a', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '32ccd4c0fa08472ed326e51bd4ab4b4eaa94efe7', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'bd58ef303f672eb1031e8724e61c8f0edfaa406d' }, index.h("input", { key: '93903dcd10800ffd729642308c3fc3c132891f71', 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: 'cacffa426e9f6ea1642bda4cac3e8ab3f92a9ee6', slot: "label" })))
+            index.h("gux-button", { key: '59acca64f876f72f5253cbaf0b366b85e8f1aa6c', 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: 'beef0ccc42e1a690c860ff09c8923d0ca85fe75a', screenreaderText: this.i18n('goToPage'), "icon-name": "fa/ellipsis-regular", size: "small" })),
+            index.h("gux-tooltip", { key: 'ebeccbc5d2a13998175c3e8fe8547f76cb53d9ee', for: "popover-target" }, index.h("div", { key: 'e47e1e4c293f2658404862928005fef30e5266f8', slot: "content" }, this.i18n('goToPage'))),
+            index.h("gux-popover", { key: '4433372a1f7d44557e8b7f221365600eaddcf966', "is-open": this.isOpen, for: "popover-target" }, index.h("span", { key: '698b6cd9f09d13329df276a13c1dc0b21882c84b', slot: "title" }, this.i18n('goToPage')), index.h("gux-form-field-number", { key: 'a0c36be7bf1ce789a5d59a7d4d642f9bded9d952' }, index.h("input", { key: '383b799e507e16722ec699eb9892a26b7c4af921', 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: 'd79fcc3617f99f64003afe653ab49d3c8f1c1a2c', slot: "label" })))
         ];
     }
     get root() { return index.getElement(this); }

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1337610f.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
 const hasSlot = require('./has-slot-3edae188.js');
@@ -102,14 +102,14 @@ const GuxFormFieldPhone = class {
     }
     render() {
         var _a;
-        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '087189f3361114ed4f13434e822a81a8b59b8b20', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'd8affd28b8eda3915f971608b658b6d953d65383' }, (_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: '94c00f283bde270bcbbcfc2062553a290fee4b3d', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '9833cb45b61a37a6205e6d2c306bb1c244ad8483', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'c52319e2464390e6fe0b8d400d7a4f8efcfd4b15', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '23bced1f69ff8aa40fa099fb8a375bcdb6cff7be', name: "label-info" })), index.h("div", { key: 'e6a6769c9aad15b22064d8d7e98c822a73ddd245', class: "gux-input-and-error-container" }, index.h("div", { key: '9b56dec4803a50348ad009ab606dd140e56eeaf0', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '4b5ef6c7dabe330d233a32b89e3ac711c883f681', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: 'ec4ee08f9ae45062b656a10880745816bfb52e5b' }, (_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: 'f1af723b1531b0bb9dec2341410192ec8d388a0a', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '49ddbc409cea59b430562d5b0b03a2805e3a8845', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '55efdcefc9bd65d87028fb3f036516a1fa5aee45', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '85e78a0b43be24690cc131987bdc1e28d06a6ffa', name: "label-info" })), index.h("div", { key: '5cde3c375f165b6a09f904529027c6170e439760', class: "gux-input-and-error-container" }, index.h("div", { key: 'e40b9674afb15307dc17eb23327872941f35335b', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '453bfe88e66a785030f601dd536a092e5429ede7', class: {
+            } }, index.h("div", { key: '4010ea331f1d41c44a684f7b3c3a9da88e1c339c', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'e65235dc28fc42e119149cc856f7d52fbf9b17ee' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '52517e1615e9de2aa3059c7bd6fe056b2de956b3', show: this.hasError }, index.h("slot", { key: '590f11da0b8a968d691dc57160ea0cc8e5b880d6', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '810c7fb5f43e9ffe0b36d26a09a2b27da6ee077d', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '1a0f19b8dd00f83f6ad5e392637af5a61f7e9a05', name: "help" })))));
+            } }, index.h("slot", { key: '90da5212f26c62d516c5d97055dbabae3a5bb8c7' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '38b0229a49ae2ac680ce6b80e118446be9be0e58', show: this.hasError }, index.h("slot", { key: 'd8ee703e5d873c1047a9300641c17ad9900d8a4d', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '33815959f2c346c55976465765323defcf30e3da', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '534a4809dbbd4b4e6f1736b21d8e3307528a1557', 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-1337610f.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const hasSlot = require('./has-slot-3edae188.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.js');
 const guxFormFieldError = require('./gux-form-field-error-da20ee82.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
 const getSlotTextContent = require('./get-slot-text-content-83cb3c6d.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.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: '7e50ad9e03f8daa4d4948d3ac57271dd309eb7b0', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '5cbd6303d0bd85e160d9bc12039dc8391b3f2e84' }, (_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: 'd56f0b2f60489258d4c080c2497a6fc2f96da392', position: "above", required: this.required }, index.h("slot", { key: '965db1425f0019661dad213a378287587de98354', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'bb33d495d3e13c42bb6e9946e4dae4bfd8190769', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '349b17a1832d31951ac5eb308766da74664715c6', name: "group-label-info" })), index.h("slot", { key: 'c610888099a640750848677b85dbddf86431701b' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c75fa80a5af97fc9a95bde0cfd0a757b8ce0016c', show: this.hasGroupError }, index.h("slot", { key: '8fc449fe09bf4c731953374bf4266f209314ce85', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a4ca02ce2425a1353cf25c1da9d1da607dce7e36', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '040f8e24394398513a694404b61c3d5c88d34ff0', name: "group-help" }))));
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: '766c331fb5a42901bb4d34e9fd11fe6bbc8e8b2e', labelPosition: "above", disabled: this.disabled }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '95b56ee1b7e1c2af69b5c08aeb5869e7f43bd21a' }, (_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: '1d9b4f1014494a18344c8cc6ba1df40a9681d246', position: "above", required: this.required }, index.h("slot", { key: '681e3d35a1879568eb72b07ef834bb3521f8493f', name: "group-label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'a3ac9bb3343d32d7534b70402e250bf637b054b0', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'c5622b83011f0f9fab113be937834d4e16459630', name: "group-label-info" })), index.h("slot", { key: '8b2bc5cd318ad5682625a076171432a26d38a729' }), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c1134db4f4bb69cfe7b7df774e23b37b71b61d96', show: this.hasGroupError }, index.h("slot", { key: '5a393737271417fa54d22757c6f6573fa8298877', name: "group-error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6269f9b2cc5b3b5dec85159cb1ea555ac7f21f66', show: !this.hasGroupError && this.hasGroupHelp }, index.h("slot", { key: '3c589556bcbe71581d17a043bb49a343c60fe3ec', 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-da20ee82.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.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: '2644d850310c01f0e9c150ded3ce20f47a365a0c', class: {
+        return (index.h(index.Host, { key: '217cdc362fd9253a67f9f9af7eb24ed35efde177', class: {
                 'gux-input-error': this.hasError || this.hasGroupError,
                 'gux-disabled': this.disabled
-            } }, index.h("div", { key: 'fe8c4a22526fdb3f0e44cd5325d5822cd62ad069', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: '40f8c9b2268382307c50dc6f5eba917554bcec57', class: "gux-input-label" }, index.h("div", { key: 'd9d3cd046012d138a56be5a31118f16e1406dce7', class: "gux-input" }, index.h("slot", { key: 'b0d8bc34f778a3d86c111f3b44a1b5ac6eee32ea', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '1c9a13d93da41adce8ecb7e6646b7ece7c2eae23', class: "gux-label" }, index.h("slot", { key: 'c2917cd7e29e4648712acc7f17d4b93124eaa645', name: "label" }))), index.h("div", { key: '83dcee62fc37e3218768dfcab088d7c7b6ad102a', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '76580811e586a9cdafa5fa4da07a5b0726f9b5a3', show: this.hasError }, index.h("slot", { key: '5b26a80b1053c03f313adbdce961e283821cb1f5', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9198f91b10cba18c1d51bd39cc282b6a7338737e', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '2a4172af46bdd301b09ff7c0eda3e41cc30edad1', name: "help" }))))));
+            } }, index.h("div", { key: 'ddd62604ff91274d0ee97579f06e1e4f32128b0f', class: "gux-form-field-container", "aria-disabled": this.disabled ? 'true' : 'false' }, index.h("div", { key: 'e631c4793c2f4372557563302614f530a93c3195', class: "gux-input-label" }, index.h("div", { key: '46d203cbd987cc5f74b0f8566898e5b3a7e62aaa', class: "gux-input" }, index.h("slot", { key: 'f600972e11c87cca0b4e557383089f67cc3cc48f', name: "input", onSlotchange: () => this.setInput() })), index.h("div", { key: '2cafc25421165765708fec2b7ff62ac56a691daa', class: "gux-label" }, index.h("slot", { key: '3c5f9ca61023b0993bad200b0f85289a2da16688', name: "label" }))), index.h("div", { key: '6ab9d40616146854b2562ae2b3b0bd8fffa7d505', class: "error-and-help-text" }, index.h(guxFormFieldError.GuxFormFieldError, { key: '5742025abd86c207a608cccc5aaf45412ac18d61', show: this.hasError }, index.h("slot", { key: '2f91667688507c3f3f848b9ae4d44f7ce3dc150a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '50516d95e06b24d9f68b943733b73221d4ce4e16', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'b99cb12563b6dbbde76b82cecacc2967632beec4', 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-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.js');
 const onResize = require('./on-resize-514663f7.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: 'fe6897dc2177b110b0204d1699f7283ca4ee867c', class: {
+        return (index.h(index.Host, { key: '09ec2b156acd2566434090dd7c3e32a5606edd29', class: {
                 'gux-active': this.active
-            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '84b82790791943d40761b019f84222a3b967e129', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '18ab67bad7756a4f35254591b9c3a9d03924f7b1', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'a4c254f56d69f6130cff3501a1a934bdce050164', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '3dbc8974c8bd31f8e871b4ae016a7d34512a927c', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '57bc576b43a85cf539c442858944fbf39babd6dc', name: "label-info" })), index.h("div", { key: '3f6e6eb109306af0c250e19e8e626574d3b6dbd2', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '464b92b9a8651767b22885cf3c8e391dce419336', show: this.hasError }, index.h("slot", { key: 'f0e458ffa085a4c71d57213d9cbaf078fa87b8dd', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '35bcc5ecc4b98c776f87b1c1da6d37fd04dac280', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '27eab5315d584bd6d1a02cb487c196a50b66d726', name: "help" }))))));
+            } }, index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4e3a6c856f90a1bab2aa756785519cc745db32bf', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '251a6a2c635e4417f288fcc74fa142271dc4f8ac', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'e15896f2d40d8a2d9d754a87b9c6b2e329038bbf', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '7511f02475dd97c8cacde9d1b5dc92ca790f07cf', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '7b4ada598a45da54ab202954816254f4dee987ee', name: "label-info" })), index.h("div", { key: '6cd594843d4b987ba9196a079978c11284a7d560', class: "gux-input-and-error-container" }, this.renderRangeInput(), index.h(guxFormFieldError.GuxFormFieldError, { key: '8fb8612a5fbefca1b8812b4af015efaa589f9bbb', show: this.hasError }, index.h("slot", { key: 'e044a1874d83da433327ff195b93ea9e384efbe4', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8e14ccc29e0fd3c7e969b6f9a656ebb40075c914', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'e0b4b8710f41898318c7056f1d6e0b3670fcf166', 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-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.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: '03416cdc34423238d95134899d4f445a3c67a87d', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '7971e0d598b03140133e07ca64079a6e69eb17ac', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ec7d1faaa28904ae4e63d9ffda2d4fe0e76627ce', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4a2b54972b3afc0b6f771b48f57431917401cb13', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'fc780b683bdc3bcfac1523dd4db4788eaed4dbf0', name: "label-info" })), index.h("div", { key: '585019d9bbf71877b53e9e584daeeb5fb500141f', class: "gux-input-and-error-container" }, index.h("div", { key: 'ee419c78414f254428142df54de135efa0791d3d', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4869c972f73b3dfbde736b6c0ab0721d2580d993', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '475162891de959b43d835c85bf21e5b96f46f7f8', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'ff3c55ca434bd5cb6e49525890cd0a47ea8ea686', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '215255004ab556007845aa1e716a76bccfcbcfab', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ceb307a79ad206821fb31684a230952e3123213f', name: "label-info" })), index.h("div", { key: 'e06b6612a6852b3044d679eb31b3bda7c5007f23', class: "gux-input-and-error-container" }, index.h("div", { key: 'dc8501c54010fe48b11e693adf7b5a0ea16f8dc6', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '3041753eb55399c69c0984dcc74d7383f1eee3c2', class: {
+            } }, index.h("div", { key: 'e3e309ea60f20f2c8a0cb0702df9adc5567066f6', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: 'c98611bddcdd3396b93b8052dee8bda9786f0e7d', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: '07617332ef01a284640cc9f30f28d4377e760d73', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'b4df760da83cea80f4ac4ce60eb631e370b87bbf', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'c93b0821210a1ffa60eef1c6b02b187142f3b0b3', show: this.hasError }, index.h("slot", { key: 'b951d168977855b2c400c7d461e2842a1c7b5098', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '6f5fe5ce5321bdcf6733ed42fdbae2b7de8ecaf3', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'db702c42abd46578059e3ec74bcf8a79c5bdd391', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("gux-icon", { key: '6e6316b8e4c2746cf91e371433b1bea66c1aa629', "icon-name": "fa/magnifying-glass-regular", decorative: true, size: "small" }), index.h("slot", { key: 'fd3ba6b522d7f6dd4429cf4b5e791d86d77ce1ef', name: "input" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '6184dcd95c464f28dbdf92e4cdd191a231a7b427', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'cb688032dd49a7516c20b8dded8db3d5d34df55b', show: this.hasError }, index.h("slot", { key: 'ff4f0588e85d59736cf71f5a74a4cf9600afb0c7', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '1b2f34188638b561971d4081bbbf2491c302dbe2', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0a5ffcde5d01c22cc9b1d72259913eadad3eeae5', 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-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.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: '97db3aa11308cf2342fff3b0759930ed8d776162', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b2e9554be1593230a50514998eb66baafabb52e5', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '12ebc5abff1e8fadd40e592493b6031a180e9750', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '33ad5618859f7e4b52e78e6cb05cb454c0f4f4ec', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '1fc20f9e0ec7df1524e8c0af07b7b6c4649d1b42', name: "label-info" })), index.h("div", { key: '671352f56e8faf44241e5ee538116fbfd5ea1155', class: "gux-input-and-error-container" }, index.h("div", { key: '8975f96d4c559c69dcc0075c9533bf2085d381ae', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '65769432e26a239b6d1bdee4875433b6512a2c5b', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '909d42485c07e4526b143413fb2656446ae26356', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b50f63b667285f36da73ba197f1f7e5b1b42ae15', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f47e1ec808b497954083f7237e65819c605fcd57', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0862bb709c83f9ac83b2a06cfb44ab366eef74b6', name: "label-info" })), index.h("div", { key: '64b8b13186e2e9cf15f9a70d6af69310c424f915', class: "gux-input-and-error-container" }, index.h("div", { key: '8d937c9b679ab7f94a6b2149ee1c6dcb5969e992', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '455c0586be2c84ae7fb9ddfda4e912cdbb698e42', class: {
+            } }, index.h("div", { key: '4143c0988ce28d185e10d75bb422d6084e55fd8b', class: {
                 'gux-input-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: 'e7f8eb5c9fa68df1f7a4e2d067f77a6a08b4ebc5', name: "input" }), index.h("gux-icon", { key: '91782a3dd9d1a93a057ddb30ada8882bcf9220a3', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '87000a35e72efabf70f92d212415596f198684b1', show: this.hasError }, index.h("slot", { key: '6e62dc2a26c2c084f63fb7fd54486f118787bd7c', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '8ed39a541af38efd45b00bb4becf4286ee277f9c', show: !this.hasError && this.hasHelp }, index.h("slot", { key: 'f70807af78d3b958b4900d3d5ac97713fe8bbbee', name: "help" })))));
+            } }, index.h("slot", { key: '1cca39c7fbe182570d302f7a7755db3983e359c6', name: "input" }), index.h("gux-icon", { key: 'fbb94e8f7a6bc6bec9c3cf9510c67338c6a45f8a', "icon-name": "custom/chevron-down-small-regular", decorative: true, size: "small" }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'ef8b568271ac78107a514ef17221cb4b8493596b', show: this.hasError }, index.h("slot", { key: '9e08affe7f14725a0c0912d4611294b1bcfcc117', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '5c40005d364ab0535002830a734456b9c5a80168', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '6c79baa44f4224591aa5133d209cf43066df3e36', 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-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.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: '68e00776c9d7aa3da3127a45afd1c41e489789c5', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'bd9e5d11020da48bc1d68d4db5bfd91d8e45fd3b', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'af4288db1d595dc4d3dba7fa9531daa6aeedeef3', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '4d61f084f9798e2269150fe6c04f7cfaef648bd5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '0039a71e4fe7f4c9188f570476075e6b8efaa8b3', name: "label-info" })), index.h("div", { key: 'cd8c5cc2353be18d79c074986113316b5066eb27', class: "gux-input-and-error-container" }, index.h("div", { key: '9d48e7469cd2e7cd571d6667aa29858190cbc6fd', class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: '4744482b739f41cbec612c82118220a5143959af', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '02d26f310ff8cf3723a389b74d5e337a95967cf0', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '5574364c6e1990e65fc83b789784914e5ca8b1bc', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '94cc5ba0bc2dacad9cd1beff735dc0523cd28a62', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '16af93a6da63e97bb45a96f06cfa18ab6a11e3a3', name: "label-info" })), index.h("div", { key: 'e0b90ae187bac1dac4d1a22e5c2a2acacb6e35e9', class: "gux-input-and-error-container" }, index.h("div", { key: '19d512614d5096538485c924719a0d65a1fc7882', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: '373307a838f545d62af649e2b2832c38ec771027', class: {
+            } }, index.h("div", { key: '24e97fdeb8d8a7dbf46d54ac8d3e70b77728bcb0', 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: 'c41c80f86071eb9efdef094d4121063453f53a1c', name: "prefix" }), index.h("slot", { key: 'da1b8631d91dbb0675397742ff7f049f454a25d8', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '504da3e4370b177d91e8b35055109c42058b3a5d', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: '62612f269755b0fa31d2ea80ac6feddb16656784', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'e88b34fc940e53852ae06989b57624d8b39dced7', show: this.hasError }, index.h("slot", { key: 'f0dd772baf89ae7a32ca1c8a88bf4fbe94a3f491', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b1106c14dfa41ff32866ef21b6e8885715ad4ba7', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0a08c63fcbd379c95f72dcd812bde1344730942a', name: "help" })))));
+            }, onClick: () => focusInputElement.focusInputElement(this.input) }, index.h("slot", { key: '4597cee527f45e9526d4efebe89c11c5c81b4f9d', name: "prefix" }), index.h("slot", { key: '67193a8fcf47f34f5ce41e9fef73a8bc5c774943', name: "input" }), this.renderRadialLoading(), index.h("slot", { key: '7a90a31843daf532ba82cdabc1cc19792b2d0de1', name: "suffix" }), this.clearable && this.hasContent && !this.disabled && (index.h("gux-form-field-input-clear-button", { key: 'c593f41a5e14a34333b2490744c4e223b832830a', onClick: () => guxFormField_service.clearInput(this.input) })))), index.h(guxFormFieldError.GuxFormFieldError, { key: '5fde949fc8cf18fcdf24b04908a521e307f5f3e1', show: this.hasError }, index.h("slot", { key: '28c5d332257c7e83f1f84172889bc914a29c624a', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '9563bc64926cd89dc3f8dd8faf76a2a7a4848f78', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '0bffa6de4fc080948362c2bdc7fcf6ba5f78e300', name: "help" })))));
     }
     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-da20ee82.js');
 const guxFormFieldContainer = require('./gux-form-field-container-8885a7d9.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.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: 'c5b5f2c76770f7de820ac04d19f670641c137dd0', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: '402d62344e49a4e179803458c3948792bd372091', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: '3ac4e764eb4a65036492b9abfc69b8cbd5620cd2', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'f45090c8bd3179ec61cc03701a4d20cbc922ab00', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'ca31ba27aaa0f5b037b2e66c2249a4542416d48d', name: "label-info" })), index.h("div", { key: '5ce4720668ae31b8ba8e93d3713191a22a08a3c1', class: "gux-input-and-error-container" }, index.h("div", { key: 'eeda9864438b992ddaa9799a1f59fa148fd1f1ea', ref: el => (this.textareaContainerElement = el), class: {
+        return (index.h(guxFormFieldContainer.GuxFormFieldContainer, { key: 'b5ebb2ee528c640991e6642876a883f6a61a3f07', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldContainer.GuxFormFieldLabel, { key: 'b39b774ceb253c34bc2932584cbd73682594290e', required: this.required, position: this.computedLabelPosition }, index.h("slot", { key: 'b2bdd18b8947d1978ab8c9f025792a2015c237c9', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: 'b686e7247fc9b7715f07aa88bbfa0e4de7f601de', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'e4df270fc80380fc0e0e12916b3064090170aa43', name: "label-info" })), index.h("div", { key: '9f5418f31cfccbf286f7b17ab84ffb6f991cf824', class: "gux-input-and-error-container" }, index.h("div", { key: '177d5bf4ef4288f415b0312d0d96868da377e8c1', 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: 'bd94d3ac1c702eb0a2e295d2e90dd72e0adf82e9', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: 'f8bf75a032e41364e49ead96f80a8456d818c507', show: this.hasError }, index.h("slot", { key: 'e27e837fe675f92dc8837891cc710dea09fc9a7e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '44d6cf7c7f620aa77d865a1e5197b9dd0d5f2fa6', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '3170afdbd0729047beb20f9fe37c18ee218ea1b2', name: "help" })))));
+            } }, index.h("slot", { key: '72c22a7b30eea8e30ba68365ee03546e3b791054', name: "input" })), index.h(guxFormFieldError.GuxFormFieldError, { key: '3e54a431b6f766da7b517e2f7a66d92161a70033', show: this.hasError }, index.h("slot", { key: 'ae3994beff663e7309ee69ca8131931ae474fa4e', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'a59dd2e7e1e558fc75c6152a026eb2d2d0c0e912', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '725b3c37eed145b354719a2f9fb2ad4985602670', 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-1337610f.js');
-const index$1 = require('./index-c7d87150.js');
+const index$1 = require('./index-3ee995a4.js');
 const onMutation = require('./on-mutation-7c046081.js');
 const onAttributeChange = require('./on-attribute-change-a9f44523.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-da20ee82.js');
 const guxFormFieldFieldsetContainer = require('./gux-form-field-fieldset-container-a5808f36.js');
 const guxFormField_service = require('./gux-form-field.service-9cc5debc.js');
-const usage = require('./usage-bbd900ad.js');
+const usage = require('./usage-47b5afb6.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: 'c38bfbff08a601e900769ee681c2874f2af225c6', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '1130ebc694a8cc69ccad2265e9763e092751890e' }, (_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: '7a0e064acf3b6f2f544e57f98db4195f4209cb40', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: '1961a34ec0d8281d49ebfed22228848cf5cd4d07', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0426b98e393ceab2af571a6a5dfe78ebc565e4f5', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: 'd0248505d9f1e446b196bccde4b1475f19544d79', name: "label-info" })), index.h("div", { key: '601ac0a0395e2e375cbf306e6c1fd2ca16888aa6', class: "gux-input-and-error-container" }, index.h("div", { key: 'e521ad39ef48cfe7123dd7c63452bb76417884be', class: {
+        return (index.h(guxFormFieldFieldsetContainer.GuxFormFieldFieldsetContainer, { key: 'c687e63c8a7fa26d85e4aae4fcee0d5ae088fcc9', labelPosition: this.computedLabelPosition }, index.h(guxFormFieldFieldsetContainer.GuxFormFieldScreenreaderLabel, { key: '17477387b0e20f8fab259ead53adb40ea019e6cb' }, (_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: '486eb183018422fef2b961711a6154e075c5bc32', position: this.computedLabelPosition, required: this.required }, index.h("slot", { key: 'f00e23c03e1f83b4201e8f22f430914fd3ff21f8', name: "label", onSlotchange: () => this.setLabel() }), index.h("gux-form-field-label-indicator", { key: '0a43aee660a306dfa3b8a985494cc3fe667831f7', variant: this.indicatorMark, required: this.required }), index.h("slot", { key: '60fe64273872598ed00629d1cc9ddd9e52148b65', name: "label-info" })), index.h("div", { key: 'a129ea07a69968afa24d08d98499fba616f37f3d', class: "gux-input-and-error-container" }, index.h("div", { key: 'e10d0961ffdc7b776f632c6f6c6fac656094a7b7', class: {
                 'gux-input': true,
                 'gux-input-error': this.hasError
-            } }, index.h("div", { key: 'a84e8290ed7925c89cbbcd8461a75020967e3a3d', class: {
+            } }, index.h("div", { key: '878d2df5e3c6f3d350264f6491d442dc373d31e7', class: {
                 'gux-time-picker-container': true,
                 'gux-disabled': this.disabled
-            } }, index.h("slot", { key: '9a0c8e86be17ac12b5ed9f81e81b0305a02e9f1d' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: '3d25b8d67e74f0d9f834cb03b55692ad01bb0911', show: this.hasError }, index.h("slot", { key: 'da9ec6787b11fffcef7e3d25245e3159f65c5e38', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: 'b02920a4529779e37714a857572062317470370a', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '357226d6497e712490f591b185e582c5724eca25', name: "help" })))));
+            } }, index.h("slot", { key: '44cf9d49d14dfb1da0745abccd82f5b0608ee2b0' }))), index.h(guxFormFieldError.GuxFormFieldError, { key: 'b62209f4b95a1bfe27b0fda8777dc93762098dce', show: this.hasError }, index.h("slot", { key: '8c7d2bbcbed42d0eaa26293d5e5ff4bd3723dd34', name: "error" })), index.h(guxFormFieldError.GuxFormFieldHelp, { key: '7024efe09393c335c1f8c266bac9f95847efe4a3', show: !this.hasError && this.hasHelp }, index.h("slot", { key: '7c5ef028e559bd5258c25e6be54c4056acf0a7dc', name: "help" })))));
     }
     renderText(text, condition = false) {
         if (condition) {