@nova-design-system/nova-webcomponents 3.29.0 → 3.31.0

package/dist/cjs/nv-fieldtext.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 var v4 = require('./v4-C1vaJ4yP.js');
 
 const nvFieldtextCss = () => `nv-fieldslider .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-hover)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .track-range{background:var(--components-slider-track-filled-focus)}nv-fieldslider .slider-container .track-container:has(.thumb:focus) .thumb{border-color:var(--components-slider-track-filled-focus)}nv-fieldslider[error] .slider-container .track-container .track .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:hover{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-handler-background-error)}nv-fieldslider[error] .slider-container .track-container .track .thumb:focus{border-color:var(--components-slider-track-filled-error);outline:calc(var(--focus-outline-stroke) * 1) solid var(--components-slider-track-filled-error);outline-offset:calc(var(--focus-outline-offset) * 1);background-color:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .track-range{background:var(--components-slider-track-filled-error)}nv-fieldslider[error] .slider-container .track-container:has(.thumb:hover) .thumb{border-color:var(--components-slider-track-filled-error)}nv-fieldtext{--nv-field-border-default:var(--components-form-field-border-default);--nv-field-border-hover:var(--components-form-field-border-hover);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--components-form-field-border-default);--nv-field-border-readonly:var(--components-form-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-brand);--nv-field-background:var(--components-form-field-background-default);display:flex;flex-direction:column;align-items:flex-start;gap:var(--form-gap-y);box-sizing:border-box;max-width:480px}nv-fieldtext[fluid]:not([fluid=false]){max-width:unset}nv-fieldtext[readonly]:not([readonly=false]){--nv-field-border-default:var(--components-form-field-border-readonly);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--components-form-field-border-focus);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-background:var(--components-form-field-background-readonly)}nv-fieldtext[error]:not([error=false]){--nv-field-border-default:var(--components-form-field-border-error);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-destructive-in-field)}nv-fieldtext[success]:not([success=false]){--nv-field-border-default:var(--components-form-field-border-success);--nv-field-border-hover:var(--nv-field-border-default);--nv-field-border-focus:var(--nv-field-border-default);--nv-field-border-disabled:var(--nv-field-border-default);--nv-field-border-readonly:var(--nv-field-border-default);--nv-field-focus-box-shadow:var(--color-focus-success)}nv-fieldtext[required]:not([required=false]) label::after,nv-fieldtext[aria-required=true] label::after{content:"*";color:var(--components-form-text-required);font-weight:var(--font-weight-high-emphasis)}nv-fieldtext>label{display:flex;align-items:center;gap:var(--form-label-gap);align-self:stretch;color:var(--components-form-text-label-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-label-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-label-line-height)}nv-fieldtext>.input-wrapper{display:flex;flex-wrap:wrap;gap:var(--form-gap-x);align-items:stretch;align-self:stretch}nv-fieldtext>.input-wrapper .input-container{display:flex;flex-grow:1;justify-content:center;align-items:center;align-self:stretch;border-radius:var(--form-field-radius);border-width:1px;border-style:solid;border-color:var(--nv-field-border-default);opacity:var(--components-form-opacity-default, 1);background:var(--nv-field-background);transition:all 150ms ease-out}nv-fieldtext>.input-wrapper .input-container:hover{border-color:var(--nv-field-border-hover)}nv-fieldtext>.input-wrapper .input-container:focus-within,nv-fieldtext>.input-wrapper .input-container:focus-within:hover,nv-fieldtext>.input-wrapper .input-container:focus,nv-fieldtext>.input-wrapper .input-container:focus:hover{border-color:var(--nv-field-border-focus);box-shadow:0px 0px 0px var(--focus-field-stroke) var(--nv-field-focus-box-shadow)}nv-fieldtext>.input-wrapper .input-container:has(input:read-only){background-color:var(--components-form-field-background-readonly);border-color:var(--nv-field-border-readonly)}nv-fieldtext>.input-wrapper .input-container:has(input:disabled){opacity:0.5;background-color:var(--components-form-field-background-disabled);border-color:var(--nv-field-border-disabled)}nv-fieldtext>.input-wrapper .input-container>[slot=leading-input]{display:block;margin-left:var(--form-field-padding-x)}nv-fieldtext>.input-wrapper .input-container input{display:flex;align-items:center;flex:1 0 0;overflow:hidden;background-color:transparent;color:var(--components-form-field-content-text);padding:calc(var(--form-field-padding-y) - 1px) var(--form-field-padding-x);font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-medium-emphasis);line-height:var(--form-field-line-height);width:100%}nv-fieldtext>.input-wrapper .input-container input:focus{outline:none}nv-fieldtext>.input-wrapper .input-container input::placeholder{overflow:hidden;color:var(--components-form-field-content-placeholder);text-overflow:ellipsis;font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-field-font-size);font-style:normal;font-weight:var(--font-weight-low-emphasis);line-height:var(--form-field-line-height)}nv-fieldtext>.input-wrapper .input-container input{}nv-fieldtext>.input-wrapper .input-container input[type=password]::-ms-clear,nv-fieldtext>.input-wrapper .input-container input[type=password]::-ms-reveal{display:none;width:0;height:0}nv-fieldtext>.input-wrapper .input-container nv-icon.validation{color:var(--nv-field-border-default);margin-right:var(--form-gap-x)}nv-fieldtext>.input-wrapper .input-container>[slot=trailing-input]{display:block;margin-right:var(--form-field-padding-x)}nv-fieldtext>.description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height)}nv-fieldtext>.error-description{display:flex;align-items:center;align-self:stretch;gap:var(--spacing-1);color:var(--components-form-text-description-default);font-family:var(--font-family-default), var(--font-family-fallback), sans-serif;font-size:var(--form-description-font-size);font-style:normal;line-height:var(--form-description-line-height);color:var(--components-form-text-description-error)}nv-fieldtext>.error-description[hidden]{display:none}`;
@@ -146,11 +146,11 @@ const NvFieldtext = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: '06b6e9b9451710d472b0bcccf2c359fe39a8aa9c' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'c09e307496887adea2c2e85abb47a2acecf6513e', htmlFor: this.inputId }, index.h("slot", { key: '992d9092cff24a1f66a727077822d83ba3d66c46', name: "label" }, this.label))), index.h("div", { key: '3cec57446afc770386e32fc668ad052ed30d4b66', class: "input-wrapper" }, index.h("slot", { key: '7c1c2e7b6d95a9fff42de4de987226489bd2c42a', name: "before-input" }), index.h("div", { key: '046de359ca38ac02eaa0f57d68b9cabc8670b0a2', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '2fe103101958bf04f03a33a7a273c1d5166d8d3f', name: "leading-input" }), index.h("input", { key: '3c9b977101115541230cdbc03f9206ba6dc61e64', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (index.h(index.Host, { key: '90ac165e82d023f829f92a29c96752034c23c9f2' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'f530f667afb8d7ca92b08091ed56334344a143f2', htmlFor: this.inputId }, index.h("slot", { key: 'fc47f6054630cabc3ad1990b015aa092f4aa4340', name: "label" }, this.label))), index.h("div", { key: '1e391ffe7dcf66df1ca71b0bdac6b2f6e1db0bbd', class: "input-wrapper" }, index.h("slot", { key: '10b6c0ba26cfa5746f49b5306fa50e9621abef2c', name: "before-input" }), index.h("div", { key: 'b4b09153ca8604d1b3e0196468fa76cc2a8f9241', class: "input-container", onClick: this.handleInputContainerClick }, index.h("slot", { key: '0eeca77278eafbc0387e70e4aa2393f094ac011c', name: "leading-input" }), index.h("input", { key: '6fe1319ef9d8b6f6adad33c6d7aa3fda31bdcbe3', id: this.inputId, ref: e => (this.inputElement = e), placeholder: this.placeholder, name: this.name, type: this.type, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
-            }), maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), index.h("slot", { key: '13580eba3b8c7820532bd2d6542450605d289ea4', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: '9d054f584c4ab3b15af94dde18378d3e1d657118', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: 'd733d068fb6515fc6df5d140cf539fad9e2d1f0c', name: "circle-check", class: "validation", size: "md" }))), index.h("slot", { key: '357d5e8b2f74a289660acca34c65884de3fb82ad', name: "after-input" })), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'ee9f1eedf393f177cc67b797dca60e4c7805708b', class: "description" }, index.h("slot", { key: '3a8f2551be74f0886fb0ed65242c60e47fb8070e', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '96f465b7a489f1b9f34b71c3f23b4d78c2f0a77d', hidden: !this.error, class: "error-description" }, index.h("slot", { key: 'dcdbbcd9f41cd1d947a789c71c33cd9b8b7ed4e4', name: "error-description" }, this.errorDescription)))));
+            }), maxlength: this.maxlength, minlength: this.minlength, pattern: this.pattern, autofocus: this.autofocus, autocomplete: this.autocomplete, multiple: this.multiple, value: this.value, onInput: this.handleInput }), index.h("slot", { key: '8371a6e3dda9c4d61a99246e675826c44b102f85', name: "trailing-input" }), this.error && (index.h("nv-icon", { key: 'a36ff6b50c314255cb0ff141d199da1da14c0d4e', name: "alert-circle", class: "validation", size: "md" })), this.success && (index.h("nv-icon", { key: 'b51a8059483bbc78d383b7cf71b5a90bfd2633a4', name: "circle-check", class: "validation", size: "md" }))), index.h("slot", { key: '6b7eb32b47c9b74e6a567a359617668e7256efcb', name: "after-input" })), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: 'ce97f38d7d31b18df36a92d75cd4dd7dd44063ab', class: "description" }, index.h("slot", { key: '92cc67f9b9c277e91316236c977e1bc9bd63a0c7', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '44711fb351ac1da5da1a0f0630a1d7596957664d', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '4645cc36a7383587f6baa8db0bb2b664f252768c', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/nv-fieldtextarea.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
+var index = require('./index-Bj9nnTVm.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var v4 = require('./v4-C1vaJ4yP.js');
 
@@ -217,11 +217,11 @@ const NvFieldtextarea = class {
             ? ariaRequiredAttrValue === 'true' || ariaRequiredAttrValue === ''
             : undefined;
         const useNativeRequired = this.required && (!useAriaRequired || ariaRequiredValue === true);
-        return (index.h(index.Host, { key: 'e5dd85ced6fd9c2349937818b1bd3020918ec5a6' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '6f74a85203873163ff01ff1f9711c432a6e3cb7d', htmlFor: this.inputId }, index.h("slot", { key: 'b921ef64985f5a72aa4b6cb3828af99fd07e3982', name: "label" }, this.label))), index.h("div", { key: '422b0b20edb0f60bd3fc4050c885eabb71f0d4dc', class: "textarea-wrapper" }, index.h("div", { key: '8c22c47b74a97467ed399da53337b1c2904af395', class: "textarea-container", onClick: this.handleTextareaContainerClick }, index.h("textarea", { key: '63dbbf09f0abbed5ec62d024b45a783adc3e4069', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
+        return (index.h(index.Host, { key: '1cddc37522161a4316ae8f82d3daf285ffb785b5' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '0c351922af13d881f90b17cea5d482fd45a34e65', htmlFor: this.inputId }, index.h("slot", { key: '665bee53de0fd1a1f076ecfcba06be68919881e0', name: "label" }, this.label))), index.h("div", { key: '22fc452a7657ea9b13a867d57b4242268dde2bca', class: "textarea-wrapper" }, index.h("div", { key: '333aace09346fae421a7a6654b1f6024fa0f87f7', class: "textarea-container", onClick: this.handleTextareaContainerClick }, index.h("textarea", { key: '69172853551f5cbb2fc739a13fa5299142b191c1', id: this.inputId, ref: e => (this.textareaElement = e), placeholder: this.placeholder, autofocus: this.autofocus, name: this.name, disabled: this.disabled, readOnly: this.readonly, required: useNativeRequired ? this.required : undefined, ...(ariaRequiredValue !== undefined && {
                 'aria-required': String(ariaRequiredValue),
             }), maxlength: this.maxlength, minlength: this.minlength, autocomplete: "off", value: this.value, onInput: this.handleTextarea, rows: this.rows, class: clsx.clsx(this.resize === 'none' && 'resize-none', this.resize === 'vertical' && 'resize-y', this.resize === 'horizontal' && 'resize-x', this.resize === 'both' && 'resize') }))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '75b575de27e1ad876c2036f379e7254e20259c23', class: "description" }, index.h("slot", { key: 'b54458f20c187207d5c69e4f74c3708970c1b6ff', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: 'b34156ab4b08871d3474316b0dd75393de070ef7', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '630487e5097436909753f6ddad8d8b0edca94199', name: "error-description" }, this.errorDescription)))));
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '91fc165e6275f96547eea666d643f9bd5184d06f', class: "description" }, index.h("slot", { key: '996a87505c112d9cb5c1a6d7877e6bc88ab14556', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '3d105e76819ca671aa6c23722344ba9acfe90f38', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '7d721e77b392dbb0bdcf6892f4237f0d8d944c64', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }

package/dist/cjs/nv-fieldtime.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-eLt3bBQs.js');
-var constants = require('./constants-BugGJYqL.js');
+var index = require('./index-Bj9nnTVm.js');
+var constants = require('./constants-BSdCE1ZF.js');
 var v4 = require('./v4-C1vaJ4yP.js');
 
 /**
@@ -1104,9 +1104,9 @@ const NvFieldtime = class {
             }, key: `${option}-${index$1}`, onClick: e => this.handleTimeOptionClick(e, type) }, option)))));
     }
     render() {
-        return (index.h(index.Host, { key: '59c076ed360d59fe366374d22d05f7c30fdd4efd', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: '7cae0b1839180516de2ba8339503f4e5b19178b1', htmlFor: this.inputId }, index.h("slot", { key: '029688233c5a436191f767921f3c1e127e7786af', name: "label" }, this.label))), index.h("nv-popover", { key: '98c5ff80b83ac3cba41d57f4fc1c1d14dcc587d6', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: this.handleOpenChanged }, index.h("div", { key: 'd313a5cde67d348b0f657f9cc6aedb8013ab606d', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: 'ada8a25275a2549048055528db4d24a258079147', name: "before-input" }), index.h("div", { key: 'c397cf2d2d73ffc0f481808a536b016d4bac891d', class: "input-container" }, index.h("slot", { key: 'e42c36e64a027a87db5f2b641daa063d8b81dac6', name: "leading-input" }), this.renderTimeInputFields(), index.h("nv-iconbutton", { key: '81d8f917c49209dfe4fb7b1322855cff67e0f417', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: '075775e8912d1027f0c404523bff3f18dd521dbf', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: 'ae6c334e9900ff4e0d95276911d93ba5b235c513', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '293dadc5492be6a9b45d1f91d1b46dff34e76167', name: "after-input" })), index.h("div", { key: '35f18e81eebc1c58900a15d3f1054e91205173b4', class: "time-dropdown", slot: "content" }, index.h("div", { key: 'aacd26f7556d59f483c471648199d81dda8f215e', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
-            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '9a5d4692f22002666cf94145e9627ecbb60e33c8', class: "description" }, index.h("slot", { key: '9aa402c8732e6cf18990acf6a89e79935a3e30d6', name: "description" }, this.description))), (this.errorDescription ||
-            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '76254a0fd326a71f69ad23f61e9cc4fdc545bbe1', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '4c813cb95e17e4d8280edef288a6e1a35119c0c4', name: "error-description" }, this.errorDescription)))));
+        return (index.h(index.Host, { key: 'b1679a16a6e7461fb69ca54b6e1f8eb77b9b3c08', onclick: (e) => this.handleHostClick(e), "aria-expanded": this.open ? 'true' : 'false' }, (this.label || this.el.querySelector('[slot="label"]')) && (index.h("label", { key: 'ced81e56d8600dbfea8dcef14546c90857e5a186', htmlFor: this.inputId }, index.h("slot", { key: 'e393b0550cbe5aaef9d89085a5596702b19bb6ef', name: "label" }, this.label))), index.h("nv-popover", { key: '28dbb3701706b009f3611075cac9365cb82c76a8', ref: el => (this.popoverElement = el), triggerMode: "controlled", placement: "bottom-start", open: this.open, onOpenChanged: this.handleOpenChanged }, index.h("div", { key: '28f7ce04dc3b84dd0abf389514aeff992c4ffc2f', class: "input-wrapper", slot: "trigger" }, index.h("slot", { key: '7e071c82b06bd594d92f8956201f1fec96283ec1', name: "before-input" }), index.h("div", { key: 'd4e6a32632d55d697bf8d71ca9a7f37929b142aa', class: "input-container" }, index.h("slot", { key: 'bc38eebb73e18d6adf4b903e9157e8f5fdd573c5', name: "leading-input" }), this.renderTimeInputFields(), index.h("nv-iconbutton", { key: 'd2c74dd724f91c8b81a5f5b780e3ac3cdc8fc3bb', name: 'clock', size: "md", emphasis: "lower", "aria-label": this.open ? 'Hide time picker' : 'Show time picker', onClick: () => this.HandleDropdownIconClick() }), this.error && (index.h("nv-icon", { key: 'bad18f64f2d01a4314e8a7801beed221668a86ac', name: "alert-circle", class: "validation", size: "sm" })), this.success && (index.h("nv-icon", { key: 'c372fd6a7cdca8a36f9267cb4fa6e4edf25fb765', name: "circle-check", class: "validation", size: "sm" }))), index.h("slot", { key: '1770d964871b2d34ec19244408b7099a05e0a1d2', name: "after-input" })), index.h("div", { key: 'cfa8c623ab7090505a6c2d75557af0e9d6ceb3ea', class: "time-dropdown", slot: "content" }, index.h("div", { key: 'f06ea88fc1fb99733f03f47d5e39f50e0d6c0458', class: "time-columns" }, this.renderTimeDropdownColumns()))), (this.description ||
+            this.el.querySelector('[slot="description"]')) && (index.h("div", { key: '43c8aa83d745684fbe5c7bde4ae809ed5d190558', class: "description" }, index.h("slot", { key: '336db7403e47ddca37050340fde22d148e67c83c', name: "description" }, this.description))), (this.errorDescription ||
+            this.el.querySelector('[slot="error-description"]')) && (index.h("div", { key: '8f4a1a1d8f0c3907f9dc0c2be1357a48b9088693', hidden: !this.error, class: "error-description" }, index.h("slot", { key: '6ec132e695695f7da3e8910b11f089cbff903498', name: "error-description" }, this.errorDescription)))));
     }
     static get formAssociated() { return true; }
     get el() { return index.getElement(this); }