@warp-ds/elements 2.10.0-next.15 → 2.10.0-next.17

package/dist/packages/textarea/textarea.js

@@ -7,278 +7,278 @@ ICU features such as interpolation and plurals will not work properly for that m
 
 Please compile your catalog first. 
 `)),$(h)&&xe.test(h)?ke(h):$(h)?h:Te(h,this._locale,this._locales)(r,t?.formats)}date(e,r){return he(this._locales||this._locale,e,r)}number(e,r){return ne(this._locales||this._locale,e,r)}};function Ze(o={}){return new de(o)}var _e=Ze();var d=function(o,e,r,t){if(r==="a"&&!t)throw new TypeError("Private accessor was defined without a getter");if(typeof e=="function"?o!==e||!t:!e.has(o))throw new TypeError("Cannot read private member from an object whose class did not declare it");return r==="m"?t:r==="a"?t.call(o):t?t.value:e.get(o)},g=function(o,e,r,t,a){if(t==="m")throw new TypeError("Private method is not writable");if(t==="a"&&!a)throw new TypeError("Private accessor was defined without a setter");if(typeof e=="function"?o!==e||!a:!e.has(o))throw new TypeError("Cannot write private member to an object whose class did not declare it");return t==="a"?a.call(o,r):a?a.value=r:e.set(o,r),r};function ze(o){var e,r,t,a,c,n,i,h,w,z,C,O,y,A,S,x,L,D,oe;class Ie extends o{constructor(...s){var l,p,m;super(...s),e.add(this),this.internals=this.attachInternals(),r.set(this,!1),t.set(this,!1),a.set(this,!1),c.set(this,void 0),n.set(this,void 0),i.set(this,!0),w.set(this,""),z.set(this,()=>{g(this,a,!0,"f"),g(this,r,!0,"f"),d(this,e,"m",x).call(this)}),C.set(this,()=>{g(this,r,!1,"f"),d(this,e,"m",L).call(this,this.shouldFormValueUpdate()?d(this,w,"f"):""),!this.validity.valid&&d(this,a,"f")&&g(this,t,!0,"f");let V=d(this,e,"m",x).call(this);this.validationMessageCallback&&this.validationMessageCallback(V?this.internals.validationMessage:"")}),O.set(this,()=>{var V;d(this,i,"f")&&this.validationTarget&&(this.internals.setValidity(this.validity,this.validationMessage,this.validationTarget),g(this,i,!1,"f")),g(this,a,!0,"f"),g(this,t,!0,"f"),d(this,e,"m",x).call(this),(V=this===null||this===void 0?void 0:this.validationMessageCallback)===null||V===void 0||V.call(this,this.showError?this.internals.validationMessage:"")}),y.set(this,void 0),A.set(this,!1),S.set(this,Promise.resolve()),(l=this.addEventListener)===null||l===void 0||l.call(this,"focus",d(this,z,"f")),(p=this.addEventListener)===null||p===void 0||p.call(this,"blur",d(this,C,"f")),(m=this.addEventListener)===null||m===void 0||m.call(this,"invalid",d(this,O,"f")),this.setValue(null)}static get formAssociated(){return!0}static get validators(){return this.formControlValidators||[]}static get observedAttributes(){let s=this.validators.map(m=>m.attribute).flat(),l=super.observedAttributes||[];return[...new Set([...l,...s])]}static getValidator(s){return this.validators.find(l=>l.attribute===s)||null}static getValidators(s){return this.validators.filter(l=>{var p;if(l.attribute===s||!((p=l.attribute)===null||p===void 0)&&p.includes(s))return!0})}get form(){return this.internals.form}get showError(){return d(this,e,"m",x).call(this)}checkValidity(){return this.internals.checkValidity()}get validity(){return this.internals.validity}get validationMessage(){return this.internals.validationMessage}attributeChangedCallback(s,l,p){var m;(m=super.attributeChangedCallback)===null||m===void 0||m.call(this,s,l,p);let X=this.constructor.getValidators(s);X?.length&&this.validationTarget&&this.setValue(d(this,w,"f"))}setValue(s){var l;g(this,t,!1,"f"),(l=this.validationMessageCallback)===null||l===void 0||l.call(this,""),g(this,w,s,"f");let m=this.shouldFormValueUpdate()?s:null;this.internals.setFormValue(m),d(this,e,"m",L).call(this,m),this.valueChangedCallback&&this.valueChangedCallback(m),d(this,e,"m",x).call(this)}shouldFormValueUpdate(){return!0}get validationComplete(){return new Promise(s=>s(d(this,S,"f")))}formResetCallback(){var s,l;g(this,a,!1,"f"),g(this,t,!1,"f"),d(this,e,"m",x).call(this),(s=this.resetFormControl)===null||s===void 0||s.call(this),(l=this.validationMessageCallback)===null||l===void 0||l.call(this,d(this,e,"m",x).call(this)?this.validationMessage:"")}}return r=new WeakMap,t=new WeakMap,a=new WeakMap,c=new WeakMap,n=new WeakMap,i=new WeakMap,w=new WeakMap,z=new WeakMap,C=new WeakMap,O=new WeakMap,y=new WeakMap,A=new WeakMap,S=new WeakMap,e=new WeakSet,h=function(){let s=this.getRootNode(),l=`${this.localName}[name="${this.getAttribute("name")}"]`;return s.querySelectorAll(l)},x=function(){if(this.hasAttribute("disabled"))return!1;let s=d(this,t,"f")||d(this,a,"f")&&!this.validity.valid&&!d(this,r,"f");return s&&this.internals.states?this.internals.states.add("--show-error"):this.internals.states&&this.internals.states.delete("--show-error"),s},L=function(s){let l=this.constructor,p={},m=l.validators,V=[],X=m.some(_=>_.isValid instanceof Promise);d(this,A,"f")||(g(this,S,new Promise(_=>{g(this,y,_,"f")}),"f"),g(this,A,!0,"f")),d(this,c,"f")&&(d(this,c,"f").abort(),g(this,n,d(this,c,"f"),"f"));let q=new AbortController;g(this,c,q,"f");let U,ge=!1;m.length&&(m.forEach(_=>{let ae=_.key||"customError",R=_.isValid(this,s,q.signal);R instanceof Promise?(V.push(R),R.then(ie=>{ie!=null&&(p[ae]=!ie,U=d(this,e,"m",oe).call(this,_,s),d(this,e,"m",D).call(this,p,U))})):(p[ae]=!R,this.validity[ae]!==!R&&(ge=!0),!R&&!U&&(U=d(this,e,"m",oe).call(this,_,s)))}),Promise.allSettled(V).then(()=>{var _;q?.signal.aborted||(g(this,A,!1,"f"),(_=d(this,y,"f"))===null||_===void 0||_.call(this))}),(ge||!X)&&d(this,e,"m",D).call(this,p,U))},D=function(s,l){if(this.validationTarget)this.internals.setValidity(s,l,this.validationTarget),g(this,i,!1,"f");else{if(this.internals.setValidity(s,l),this.internals.validity.valid)return;g(this,i,!0,"f")}},oe=function(s,l){if(this.validityCallback){let p=this.validityCallback(s.key||"customError");if(p)return p}return s.message instanceof Function?s.message(this,l):s.message},Ie}import{html as W,LitElement as Ae,nothing as ee}from"lit";import{property as k,query as Je,state as Se}from"lit/decorators.js";import{ifDefined as re}from"lit/directives/if-defined.js";import{css as Be}from"lit";import{unsafeCSS as Ge}from"lit";var Ce=Be`
-  *,
-  :before,
-  :after {
-    box-sizing: border-box;
-    border-style: solid;
-    border-width: 0;
-    border-color: var(--w-s-color-border);
-  }
-  html {
-    font-size: 62.5%;
-  }
-  body {
-    background-color: var(--w-s-color-background);
-    min-height: 100%;
-    margin: 0;
-    overflow-y: scroll;
-  }
-  body,
-  :host {
-    -webkit-text-size-adjust: 100%;
-    tab-size: 4;
-    -webkit-tap-highlight-color: transparent;
-    font-family: var(--w-font-family);
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-    color: var(--w-s-color-text);
-  }
-  hr {
-    color: inherit;
-    border-top-width: 1px;
-    height: 0;
-  }
-  abbr:where([title]) {
-    -webkit-text-decoration: underline dotted;
-    text-decoration: underline dotted;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6 {
-    font-size: inherit;
-    font-weight: 700;
-  }
-  a {
-    cursor: pointer;
-    color: var(--w-s-color-text-link);
-    text-decoration: none;
-  }
-  a:hover,
-  a:focus,
-  a:active {
-    text-decoration: underline;
-  }
-  a:focus-visible {
-    outline: 2px solid var(--w-s-color-border-focus);
-    outline-offset: 1px;
-  }
-  b,
-  strong {
-    font-weight: 700;
-  }
-  code,
-  kbd,
-  samp,
-  pre {
-    font-family:
-      ui-monospace,
-      SFMono-Regular,
-      Menlo,
-      Monaco,
-      Consolas,
-      Liberation Mono,
-      Courier New,
-      monospace;
-    font-size: 1em;
-  }
-  sub,
-  sup {
-    vertical-align: baseline;
-    font-size: 75%;
-    line-height: 0;
-    position: relative;
-  }
-  sub {
-    bottom: -0.25em;
-  }
-  sup {
-    top: -0.5em;
-  }
-  table {
-    text-indent: 0;
-    border-color: inherit;
-    border-collapse: collapse;
-  }
-  button,
-  input,
-  optgroup,
-  select,
-  textarea {
-    font-family: inherit;
-    font-size: 100%;
-    font-weight: inherit;
-    line-height: inherit;
-    color: inherit;
-    margin: 0;
-    padding: 0;
-  }
-  button,
-  select {
-    text-transform: none;
-  }
-  button,
-  [type='button'],
-  [type='reset'],
-  [type='submit'] {
-    -webkit-appearance: button;
-  }
-  :-moz-focusring {
-    outline: auto;
-  }
-  :-moz-ui-invalid {
-    box-shadow: none;
-  }
-  progress {
-    vertical-align: baseline;
-  }
-  ::-webkit-inner-spin-button {
-    height: auto;
-  }
-  ::-webkit-outer-spin-button {
-    height: auto;
-  }
-  [type='search'] {
-    -webkit-appearance: textfield;
-    outline-offset: -2px;
-  }
-  ::-webkit-search-decoration {
-    -webkit-appearance: none;
-  }
-  ::-webkit-file-upload-button {
-    -webkit-appearance: button;
-    font: inherit;
-  }
-  summary {
-    display: list-item;
-  }
-  blockquote,
-  dl,
-  dd,
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  hr,
-  figure,
-  p,
-  pre {
-    margin: 0;
-  }
-  fieldset {
-    margin: 0;
-    padding: 0;
-  }
-  legend {
-    padding: 0;
-  }
-  ol,
-  ul,
-  menu {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-  }
-  textarea {
-    resize: vertical;
-  }
-  input::placeholder,
-  textarea::placeholder {
-    opacity: 1;
-    color: var(--w-s-color-text-placeholder);
-  }
-  button,
-  [role='button'] {
-    cursor: pointer;
-  }
-  :disabled {
-    cursor: default;
-  }
-  img,
-  svg,
-  video,
-  canvas,
-  audio,
-  iframe,
-  embed,
-  object {
-    vertical-align: middle;
-    display: block;
-  }
-  img,
-  video {
-    max-width: 100%;
-    height: auto;
-  }
-  h1 {
-    font-size: var(--w-font-size-xxl);
-    line-height: var(--w-line-height-xxl);
-  }
-  h2 {
-    font-size: var(--w-font-size-xl);
-    line-height: var(--w-line-height-xl);
-  }
-  h3 {
-    font-size: var(--w-font-size-l);
-    line-height: var(--w-line-height-l);
-  }
-  h4 {
-    font-size: var(--w-font-size-m);
-    line-height: var(--w-line-height-m);
-  }
-  h5 {
-    font-size: var(--w-font-size-s);
-    line-height: var(--w-line-height-s);
-  }
-  dt,
-  dd {
-    margin: 0 16px;
-  }
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  ul,
-  ol,
-  dl,
-  p,
-  blockquote {
-    margin: 0 0 8px;
-  }
-  [hidden] {
-    display: none !important;
-  }
-  [tabindex='-1']:focus:not(:focus-visible) {
-    outline: none;
-  }
-  legend {
-    float: left;
-    width: 100%;
-    margin: 0;
-    padding: 0;
-    display: table;
-  }
-  legend + * {
-    clear: both;
-  }
-  fieldset {
-    border: 0;
-    min-width: 0;
-    margin: 0;
-    padding: 0.01em 0 0;
-  }
-  body:not(:-moz-handler-blocked) fieldset {
-    display: table-cell;
-  }
-  svg {
-    pointer-events: none;
-  }
+	*,
+	:before,
+	:after {
+		box-sizing: border-box;
+		border-style: solid;
+		border-width: 0;
+		border-color: var(--w-s-color-border);
+	}
+	html {
+		font-size: 62.5%;
+	}
+	body {
+		background-color: var(--w-s-color-background);
+		min-height: 100%;
+		margin: 0;
+		overflow-y: scroll;
+	}
+	body,
+	:host {
+		-webkit-text-size-adjust: 100%;
+		tab-size: 4;
+		-webkit-tap-highlight-color: transparent;
+		font-family: var(--w-font-family);
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+		color: var(--w-s-color-text);
+	}
+	hr {
+		color: inherit;
+		border-top-width: 1px;
+		height: 0;
+	}
+	abbr:where([title]) {
+		-webkit-text-decoration: underline dotted;
+		text-decoration: underline dotted;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6 {
+		font-size: inherit;
+		font-weight: 700;
+	}
+	a {
+		cursor: pointer;
+		color: var(--w-s-color-text-link);
+		text-decoration: none;
+	}
+	a:hover,
+	a:focus,
+	a:active {
+		text-decoration: underline;
+	}
+	a:focus-visible {
+		outline: 2px solid var(--w-s-color-border-focus);
+		outline-offset: 1px;
+	}
+	b,
+	strong {
+		font-weight: 700;
+	}
+	code,
+	kbd,
+	samp,
+	pre {
+		font-family:
+			ui-monospace,
+			SFMono-Regular,
+			Menlo,
+			Monaco,
+			Consolas,
+			Liberation Mono,
+			Courier New,
+			monospace;
+		font-size: 1em;
+	}
+	sub,
+	sup {
+		vertical-align: baseline;
+		font-size: 75%;
+		line-height: 0;
+		position: relative;
+	}
+	sub {
+		bottom: -0.25em;
+	}
+	sup {
+		top: -0.5em;
+	}
+	table {
+		text-indent: 0;
+		border-color: inherit;
+		border-collapse: collapse;
+	}
+	button,
+	input,
+	optgroup,
+	select,
+	textarea {
+		font-family: inherit;
+		font-size: 100%;
+		font-weight: inherit;
+		line-height: inherit;
+		color: inherit;
+		margin: 0;
+		padding: 0;
+	}
+	button,
+	select {
+		text-transform: none;
+	}
+	button,
+	[type="button"],
+	[type="reset"],
+	[type="submit"] {
+		-webkit-appearance: button;
+	}
+	:-moz-focusring {
+		outline: auto;
+	}
+	:-moz-ui-invalid {
+		box-shadow: none;
+	}
+	progress {
+		vertical-align: baseline;
+	}
+	::-webkit-inner-spin-button {
+		height: auto;
+	}
+	::-webkit-outer-spin-button {
+		height: auto;
+	}
+	[type="search"] {
+		-webkit-appearance: textfield;
+		outline-offset: -2px;
+	}
+	::-webkit-search-decoration {
+		-webkit-appearance: none;
+	}
+	::-webkit-file-upload-button {
+		-webkit-appearance: button;
+		font: inherit;
+	}
+	summary {
+		display: list-item;
+	}
+	blockquote,
+	dl,
+	dd,
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	h6,
+	hr,
+	figure,
+	p,
+	pre {
+		margin: 0;
+	}
+	fieldset {
+		margin: 0;
+		padding: 0;
+	}
+	legend {
+		padding: 0;
+	}
+	ol,
+	ul,
+	menu {
+		margin: 0;
+		padding: 0;
+		list-style: none;
+	}
+	textarea {
+		resize: vertical;
+	}
+	input::placeholder,
+	textarea::placeholder {
+		opacity: 1;
+		color: var(--w-s-color-text-placeholder);
+	}
+	button,
+	[role="button"] {
+		cursor: pointer;
+	}
+	:disabled {
+		cursor: default;
+	}
+	img,
+	svg,
+	video,
+	canvas,
+	audio,
+	iframe,
+	embed,
+	object {
+		vertical-align: middle;
+		display: block;
+	}
+	img,
+	video {
+		max-width: 100%;
+		height: auto;
+	}
+	h1 {
+		font-size: var(--w-font-size-xxl);
+		line-height: var(--w-line-height-xxl);
+	}
+	h2 {
+		font-size: var(--w-font-size-xl);
+		line-height: var(--w-line-height-xl);
+	}
+	h3 {
+		font-size: var(--w-font-size-l);
+		line-height: var(--w-line-height-l);
+	}
+	h4 {
+		font-size: var(--w-font-size-m);
+		line-height: var(--w-line-height-m);
+	}
+	h5 {
+		font-size: var(--w-font-size-s);
+		line-height: var(--w-line-height-s);
+	}
+	dt,
+	dd {
+		margin: 0 16px;
+	}
+	h1,
+	h2,
+	h3,
+	h4,
+	h5,
+	ul,
+	ol,
+	dl,
+	p,
+	blockquote {
+		margin: 0 0 8px;
+	}
+	[hidden] {
+		display: none !important;
+	}
+	[tabindex="-1"]:focus:not(:focus-visible) {
+		outline: none;
+	}
+	legend {
+		float: left;
+		width: 100%;
+		margin: 0;
+		padding: 0;
+		display: table;
+	}
+	legend + * {
+		clear: both;
+	}
+	fieldset {
+		border: 0;
+		min-width: 0;
+		margin: 0;
+		padding: 0.01em 0 0;
+	}
+	body:not(:-moz-handler-blocked) fieldset {
+		display: table-cell;
+	}
+	svg {
+		pointer-events: none;
+	}
 `,ir=Ge(`*, :before, :after {
             --w-rotate: 0;
             --w-rotate-x: 0;
@@ -2446,30 +2446,32 @@ Please compile your catalog first.
                 }
             }
         `);var Fe="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";var Ve=(o=21)=>{let e="",r=crypto.getRandomValues(new Uint8Array(o|=0));for(;o--;)e+=Fe[r[o]&63];return e};function Me(o=""){return`${o}${Ve()}`}import{unsafeCSS as Ke}from"lit";var Ee=Ke("*,:before,:after{--w-rotate:0;--w-rotate-x:0;--w-rotate-y:0;--w-rotate-z:0;--w-scale-x:1;--w-scale-y:1;--w-scale-z:1;--w-skew-x:0;--w-skew-y:0;--w-translate-x:0;--w-translate-y:0;--w-translate-z:0}.focus\\:\\[--w-outline-offset\\:-2px\\]:focus{--w-outline-offset:-2px}.bg-transparent{background-color:#0000}.border-1{border-width:1px}.rounded-4{border-radius:4px}.caret-current{caret-color:currentColor}.block{display:block}.flex{display:flex}.focusable:focus{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:focus-visible{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset,1px)}.focusable:not(:focus-visible){outline:none}.outline-\\[--w-s-color-border-negative\\]\\!{outline-color:var(--w-s-color-border-negative)!important}.fixed{position:fixed}.relative{position:relative}.static{position:static}.s-bg{background-color:var(--w-s-color-background)}.s-bg-disabled-subtle{background-color:var(--w-s-color-background-disabled-subtle)}.s-text{color:var(--w-s-color-text)}.s-text-disabled{color:var(--w-s-color-text-disabled)}.s-text-negative{color:var(--w-s-color-text-negative)}.s-text-subtle{color:var(--w-s-color-text-subtle)}.placeholder\\:s-text-placeholder::placeholder{color:var(--w-s-color-text-placeholder)}.s-border-disabled{border-color:var(--w-s-color-border-disabled)}.s-border-negative{border-color:var(--w-s-color-border-negative)}.s-border-strong{border-color:var(--w-s-color-border-strong)}.hover\\:s-border-negative-hover:hover{border-color:var(--w-s-color-border-negative-hover)}.hover\\:s-border-strong-hover:hover{border-color:var(--w-s-color-border-strong-hover)}.active\\:s-border-selected:active{border-color:var(--w-s-color-border-selected)}.w-full{width:100%}.min-h-\\[42\\]{min-height:4.2rem}.mb-0{margin-bottom:0}.mt-4{margin-top:.4rem}.px-8{padding-left:.8rem;padding-right:.8rem}.py-12{padding-top:1.2rem;padding-bottom:1.2rem}.pb-4{padding-bottom:.4rem}.pl-0{padding-left:0}.pl-8{padding-left:.8rem}.pr-40{padding-right:4rem}.pl-\\[var\\(--w-prefix-width\\,_40px\\)\\]{padding-left:var(--w-prefix-width,40px)}.visible{visibility:visible}.cursor-pointer{cursor:pointer}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale}.font-bold{font-weight:700}.font-normal{font-weight:400}.pointer-events-none{pointer-events:none}.resize{resize:both}.resize-none{resize:none}.text-m{font-size:var(--w-font-size-m);line-height:var(--w-line-height-m)}.text-s{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s)}.text-xs{font-size:var(--w-font-size-xs);line-height:var(--w-line-height-xs)}.leading-m{line-height:var(--w-line-height-m)}@media (min-width:480px){.sm\\:min-h-\\[45\\]{min-height:4.5rem}}");var I={base:"block text-m leading-m mb-0 px-8 py-12 rounded-4 w-full focusable focus:[--w-outline-offset:-2px] caret-current",default:"border-1 s-text s-bg s-border-strong hover:s-border-strong-hover active:s-border-selected",disabled:"border-1 s-text-disabled s-bg-disabled-subtle s-border-disabled pointer-events-none",invalid:"border-1 s-text-negative s-bg s-border-negative hover:s-border-negative-hover outline-[--w-s-color-border-negative]!",readOnly:"pl-0 bg-transparent pointer-events-none",placeholder:"placeholder:s-text-placeholder",suffix:"pr-40",prefix:"pl-[var(--w-prefix-width,_40px)]",textArea:"min-h-[42] sm:min-h-[45]",fixed:"resize-none"},Pe={base:"antialiased block relative text-s font-bold pb-4 cursor-pointer s-text flex",optional:"pl-8 font-normal text-s s-text-subtle"},be={base:"text-xs mt-4 block",color:"s-text-subtle",colorInvalid:"s-text-negative"},B,te,Y,T,j,b,ue,Z,E,$e,G,pe,u=class extends ze(Ae){constructor(){super(...arguments);P(this,b);this.disabled=!1;this.invalid=!1;this.readOnly=!1;this.readonly=!1;this.required=!1;this.optional=!1;this.minHeight=Number.NEGATIVE_INFINITY;this.maxHeight=Number.POSITIVE_INFINITY;P(this,B);P(this,te,Me("textarea-"));P(this,Y,!1);P(this,T);P(this,j,!1);P(this,G,r=>{r.preventDefault(),F(this,j,!0),v(this,b,E).call(this)})}updated(r){r.has("value")&&typeof this.value<"u"&&this.setValue(this.value),(r.has("value")||r.has("required")||r.has("disabled"))&&v(this,b,E).call(this)}resetFormControl(){this.value=M(this,B),F(this,j,!1),v(this,b,Z).call(this),v(this,b,E).call(this)}get validationMessage(){return this.internals.validationMessage}get validity(){return this.internals.validity}checkValidity(){return v(this,b,E).call(this),this.internals.checkValidity()}reportValidity(){return F(this,j,!0),v(this,b,E).call(this),this.internals.checkValidity()}setCustomValidity(r){r?(this.internals.setValidity({customError:!0},r,this._textarea),v(this,b,ue).call(this,r)):(v(this,b,Z).call(this),v(this,b,E).call(this))}get _textareaStyles(){return K([I.base,I.textArea,!!this.placeholder&&I.placeholder,!this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&I.default,this.invalid&&!this.disabled&&!(this.readonly||this.readOnly)&&I.invalid,!this.invalid&&this.disabled&&!(this.readonly||this.readOnly)&&I.disabled,!this.invalid&&!this.disabled&&(this.readonly||this.readOnly)&&I.readOnly,this.maxRows&&I.fixed])}get _helptextstyles(){return K([be.base,this.invalid?be.colorInvalid:be.color])}get _helpId(){if(this.helpText)return`${this._id}__hint`}get _id(){return M(this,te)}get _error(){if(this.invalid&&this._helpId)return this._helpId}async connectedCallback(){if(super.connectedCallback(),F(this,B,this.value),typeof this.value<"u"&&this.setValue(this.value),this.addEventListener("invalid",M(this,G)),await this.updateComplete,this.value||this.minRows){let r=this.shadowRoot?.querySelector("textarea");r&&v(this,b,pe).call(this,r)}}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("invalid",M(this,G))}firstUpdated(r){super.firstUpdated(r),v(this,b,E).call(this)}handler(r){let t=r.currentTarget;this.value=t.value,v(this,b,pe).call(this,t)}render(){return W`
-        ${this.label?W`
-                <label for="${this._id}" class=${Pe.base}>
-                  ${this.label}
-                  ${this.optional?W`
-                          <span class="${Pe.optional}">
-                            ${_e._({id:"textarea.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}
-                          </span>
-                    `:ee}
-                </label>`:ee}
-        <textarea
-          id="${this._id}"
-          class="${this._textareaStyles}"
-          name="${re(this.name)}"
-          placeholder="${re(this.placeholder)}"
-          .value="${this.value||""}"
-          aria-describedby="${re(this._helpId||(this.ariaDescription?"aria-description":void 0))}"
-          aria-errormessage="${re(this._error)}"
-          aria-invalid=${this.invalid?"true":ee}
-          ?disabled="${this.disabled}"
-          ?readonly="${this.readonly||this.readOnly}"
-          ?required="${this.required}"
-          @input="${this.handler}"
-          @blur="${v(this,b,$e)}">
-        </textarea>
-        ${this.helpText?W`<div class="${this._helptextstyles}" id="${this._helpId}">${this.helpText}</div>`:ee}
-    `}};B=new WeakMap,te=new WeakMap,Y=new WeakMap,T=new WeakMap,j=new WeakMap,b=new WeakSet,ue=function(r){M(this,Y)||F(this,T,this.helpText),F(this,Y,!0),this.invalid=!0,this.helpText=r},Z=function(){M(this,Y)&&(this.invalid=!1,this.helpText=M(this,T),F(this,T,void 0),F(this,Y,!1))},E=function(){if(this.disabled){this.internals.setValidity({}),v(this,b,Z).call(this);return}if(this.required&&!this.value){let r=this._textarea?.validationMessage||"";this.internals.setValidity({valueMissing:!0},r,this._textarea),M(this,j)&&v(this,b,ue).call(this,r);return}this.internals.setValidity({}),v(this,b,Z).call(this)},$e=function(){F(this,j,!0),v(this,b,E).call(this)},G=new WeakMap,pe=function(r){let t=getComputedStyle(r),a=Number.parseFloat(t.getPropertyValue("border-top-width")),c=Number.parseFloat(t.getPropertyValue("border-bottom-width")),n=Number.parseFloat(t.getPropertyValue("line-height")),i=Number.parseFloat(t.getPropertyValue("padding-top")),h=Number.parseFloat(t.getPropertyValue("padding-bottom")),w=i+h+c+a;this.minRows&&(this.minHeight=n*this.minRows+w),this.maxRows&&(this.maxHeight=n*this.maxRows+w);let z=r.scrollHeight+a+c,C=Math.min(this.maxHeight,Math.max(this.minHeight,z));r.style.setProperty("height",C+"px")},u.shadowRootOptions={...Ae.shadowRootOptions,delegatesFocus:!0},u.styles=[Ce,Ee],f([k({type:Boolean,reflect:!0})],u.prototype,"disabled",2),f([k({type:Boolean,reflect:!0})],u.prototype,"invalid",2),f([k({type:String,reflect:!0})],u.prototype,"label",2),f([k({type:String,reflect:!0,attribute:"help-text"})],u.prototype,"helpText",2),f([k({type:Number,reflect:!0,attribute:"maximum-rows"})],u.prototype,"maxRows",2),f([k({type:Number,reflect:!0,attribute:"minimum-rows"})],u.prototype,"minRows",2),f([k({type:String,reflect:!0})],u.prototype,"name",2),f([k({type:String,reflect:!0})],u.prototype,"placeholder",2),f([k({type:Boolean,reflect:!0,attribute:"read-only"})],u.prototype,"readOnly",2),f([k({type:Boolean,reflect:!0})],u.prototype,"readonly",2),f([k({type:Boolean,reflect:!0})],u.prototype,"required",2),f([k({type:String,reflect:!0})],u.prototype,"value",2),f([k({type:Boolean,reflect:!0})],u.prototype,"optional",2),f([Se()],u.prototype,"minHeight",2),f([Se()],u.prototype,"maxHeight",2),f([Je("textarea")],u.prototype,"_textarea",2);customElements.get("w-textarea")||customElements.define("w-textarea",u);export{u as WarpTextarea};
+			${this.label?W` <label for="${this._id}" class=${Pe.base}>
+						${this.label}
+						${this.optional?W`
+									<span class="${Pe.optional}">
+										${_e._({id:"textarea.label.optional",message:"(optional)",comment:"Shown behind label when marked as optional"})}
+									</span>
+								`:ee}
+					</label>`:ee}
+			<textarea
+				id="${this._id}"
+				class="${this._textareaStyles}"
+				name="${re(this.name)}"
+				placeholder="${re(this.placeholder)}"
+				.value="${this.value||""}"
+				aria-describedby="${re(this._helpId||(this.ariaDescription?"aria-description":void 0))}"
+				aria-errormessage="${re(this._error)}"
+				aria-invalid=${this.invalid?"true":ee}
+				?disabled="${this.disabled}"
+				?readonly="${this.readonly||this.readOnly}"
+				?required="${this.required}"
+				@input="${this.handler}"
+				@blur="${v(this,b,$e)}"
+			>
+			</textarea>
+			${this.helpText?W`<div class="${this._helptextstyles}" id="${this._helpId}">
+						${this.helpText}
+					</div>`:ee}
+		`}};B=new WeakMap,te=new WeakMap,Y=new WeakMap,T=new WeakMap,j=new WeakMap,b=new WeakSet,ue=function(r){M(this,Y)||F(this,T,this.helpText),F(this,Y,!0),this.invalid=!0,this.helpText=r},Z=function(){M(this,Y)&&(this.invalid=!1,this.helpText=M(this,T),F(this,T,void 0),F(this,Y,!1))},E=function(){if(this.disabled){this.internals.setValidity({}),v(this,b,Z).call(this);return}if(this.required&&!this.value){let r=this._textarea?.validationMessage||"";this.internals.setValidity({valueMissing:!0},r,this._textarea),M(this,j)&&v(this,b,ue).call(this,r);return}this.internals.setValidity({}),v(this,b,Z).call(this)},$e=function(){F(this,j,!0),v(this,b,E).call(this)},G=new WeakMap,pe=function(r){let t=getComputedStyle(r),a=Number.parseFloat(t.getPropertyValue("border-top-width")),c=Number.parseFloat(t.getPropertyValue("border-bottom-width")),n=Number.parseFloat(t.getPropertyValue("line-height")),i=Number.parseFloat(t.getPropertyValue("padding-top")),h=Number.parseFloat(t.getPropertyValue("padding-bottom")),w=i+h+c+a;this.minRows&&(this.minHeight=n*this.minRows+w),this.maxRows&&(this.maxHeight=n*this.maxRows+w);let z=r.scrollHeight+a+c,C=Math.min(this.maxHeight,Math.max(this.minHeight,z));r.style.setProperty("height",C+"px")},u.shadowRootOptions={...Ae.shadowRootOptions,delegatesFocus:!0},u.styles=[Ce,Ee],f([k({type:Boolean,reflect:!0})],u.prototype,"disabled",2),f([k({type:Boolean,reflect:!0})],u.prototype,"invalid",2),f([k({type:String,reflect:!0})],u.prototype,"label",2),f([k({type:String,reflect:!0,attribute:"help-text"})],u.prototype,"helpText",2),f([k({type:Number,reflect:!0,attribute:"maximum-rows"})],u.prototype,"maxRows",2),f([k({type:Number,reflect:!0,attribute:"minimum-rows"})],u.prototype,"minRows",2),f([k({type:String,reflect:!0})],u.prototype,"name",2),f([k({type:String,reflect:!0})],u.prototype,"placeholder",2),f([k({type:Boolean,reflect:!0,attribute:"read-only"})],u.prototype,"readOnly",2),f([k({type:Boolean,reflect:!0})],u.prototype,"readonly",2),f([k({type:Boolean,reflect:!0})],u.prototype,"required",2),f([k({type:String,reflect:!0})],u.prototype,"value",2),f([k({type:Boolean,reflect:!0})],u.prototype,"optional",2),f([Se()],u.prototype,"minHeight",2),f([Se()],u.prototype,"maxHeight",2),f([Je("textarea")],u.prototype,"_textarea",2);customElements.get("w-textarea")||customElements.define("w-textarea",u);export{u as WarpTextarea};
 //# sourceMappingURL=textarea.js.map