https://asthma.net/_nuxt/C28JaEL0.js

1import{_ as u,o as n,c as o,e as r,al as d,aY as m,a as c,q as f,n as p,f as h}from"./DEsNGmzG.js";const _={name:"TextareaComponent",props:{id:{type:String,required:!0},modelValue:{type:String,default:""},emitKeypress:{type:Boolean,default:!1},includeIcon:{type:Boolean,default:!1},placeholder:{type:String,default:""},class:{type:String,default:""},autoResize:{type:Boolean,default:!1}},computed:{classNames(){const e={textarea:!0};return this.class.split(" ").forEach(t=>e[t]=!0),e},textareaStyles(){return this.autoResize?{resize:"none",overflow:"hidden"}:{}}},mounted(){this.autoResize&&this.resize()},methods:{resize(){if(!this.autoResize)return;const e=this.$refs.input;e&&(e.style.height="auto",e.style.height=`${e.scrollHeight}px`)},emitFocusEvent(){this.$emit("focus")},emitBlurEvent(){this.$emit("blur")},emitInputEvent(e){this.$emit("update:modelValue",e.target.value),this.autoResize&&this.resize()},handleKeypress(e){this.emitKeypress&&this.$emit("keypress",e)},focus(){this.$refs.input.focus()}}},y=["for"],v=["id","value","placeholder"];function x(e,t,l,E,g,s){const i=h;return n(),o("div",{class:p(s.classNames)},[r("label",{class:"textarea__label heading--4",for:l.id},[d(e.$slots,"default")],8,y),r("textarea",m({id:l.id,ref:"input"},e.$attrs,{class:"textarea__input",style:s.textareaStyles,value:l.modelValue,placeholder:l.placeholder,onInput:t[0]||(t[0]=(...a)=>s.emitInputEvent&&s.emitInputEvent(...a)),onKeypress:t[1]||(t[1]=(...a)=>s.handleKeypress&&s.handleKeypress(...a)),onFocus:t[2]||(t[2]=(...a)=>s.emitFocusEvent&&s.emitFocusEvent(...a)),onBlur:t[3]||(t[3]=(...a)=>s.emitBlurEvent&&s.emitBlurEvent(...a))}),null,16,v),l.includeIcon?(n(),c(i,{key:0,class:"textarea__icon",name:"pencil",title:"Editable field"})):f("",!0)],2)}const z=Object.assign(u(_,[["render",x]]),{__name:"TextareaComponent"});export{z as _};