https://www.valklife.com/_nuxt/tOyVEBBd.js

1import{ag as ae,ah as le,ak as ne,c as b,r as v,t as oe,aE as ue,z as re,v as x,bJ as ie,am as se,br as de,M,m as R,n as B,aG as ce,bw as fe,K as s,a0 as N,Y as U,cf as me,av as ve,bt as xe,U as ge,V as Ve,B as he,e as we,az as ye,G as be}from"./GVKQ4eDX.js";/* empty css        */import{V as E,m as Ce,a as Fe}from"./CUWKbaWv.js";import{u as Pe,V as q,m as ke}from"./CY10UxFP.js";import{f as Ie}from"./C-GTDzx5.js";import{I as D}from"./BTudHq1H.js";import"./L9OCUUKd.js";import"./O72BnwM8.js";import"./Dh12F2RB.js";import"./CkRksvT4.js";const Se=le({autoGrow:Boolean,autofocus:Boolean,counter:[Boolean,Number,String],counterValue:Function,prefix:String,placeholder:String,persistentPlaceholder:Boolean,persistentCounter:Boolean,noResize:Boolean,rows:{type:[Number,String],default:5,validator:e=>!isNaN(parseFloat(e))},maxRows:{type:[Number,String],validator:e=>!isNaN(parseFloat(e))},suffix:String,modelModifiers:Object,...ke(),...Ce()},"VTextarea"),Me=ae()({name:"VTextarea",directives:{vIntersect:D},inheritAttrs:!1,props:Se(),emits:{"click:control":e=>!0,"mousedown:control":e=>!0,"update:focused":e=>!0,"update:modelValue":e=>!0},setup(e,C){let{attrs:d,emit:F,slots:n}=C;const a=ne(e,"modelValue"),{isFocused:m,focus:O,blur:_}=Pe(e),$=b(()=>typeof e.counterValue=="function"?e.counterValue(a.value):(a.value||"").toString().length),j=b(()=>{if(d.maxlength)return d.maxlength;if(!(!e.counter||typeof e.counter!="number"&&typeof e.counter!="string"))return e.counter});function J(t,o){var l,u;!e.autofocus||!t||(u=(l=o[0].target)==null?void 0:l.focus)==null||u.call(l)}const z=v(),g=v(),p=oe(""),V=v(),K=b(()=>e.persistentPlaceholder||m.value||e.active);function P(){var t;V.value!==document.activeElement&&((t=V.value)==null||t.focus()),m.value||O()}function Y(t){P(),F("click:control",t)}function L(t){F("mousedown:control",t)}function Q(t){t.stopPropagation(),P(),B(()=>{a.value="",xe(e["onClick:clear"],t)})}function W(t){var l;const o=t.target;if(a.value=o.value,(l=e.modelModifiers)!=null&&l.trim){const u=[o.selectionStart,o.selectionEnd];B(()=>{o.selectionStart=u[0],o.selectionEnd=u[1]})}}const c=v(),h=v(Number(e.rows)),k=b(()=>["plain","underlined"].includes(e.variant));ue(()=>{e.autoGrow||(h.value=Number(e.rows))});function f(){e.autoGrow&&B(()=>{if(!c.value||!g.value)return;const t=getComputedStyle(c.value),o=getComputedStyle(g.value.$el),l=parseFloat(t.getPropertyValue("--v-field-padding-top"))+parseFloat(t.getPropertyValue("--v-input-padding-top"))+parseFloat(t.getPropertyValue("--v-field-padding-bottom")),u=c.value.scrollHeight,w=parseFloat(t.lineHeight),I=Math.max(parseFloat(e.rows)*w+l,parseFloat(o.getPropertyValue("--v-input-control-height"))),S=parseFloat(e.maxRows)*w+l||1/0,i=fe(u??0,I,S);h.value=Math.floor((i-l)/w),p.value=ce(i)})}re(f),x(a,f),x(()=>e.rows,f),x(()=>e.maxRows,f),x(()=>e.density,f);let r;return x(c,t=>{t?(r=new ResizeObserver(f),r.observe(c.value)):r==null||r.disconnect()}),ie(()=>{r==null||r.disconnect()}),se(()=>{const t=!!(n.counter||e.counter||e.counterValue),o=!!(t||n.details),[l,u]=de(d),{modelValue:w,...I}=q.filterProps(e),S=E.filterProps(e);return M(q,R({ref:z,modelValue:a.value,"onUpdate:modelValue":i=>a.value=i,class:["v-textarea v-text-field",{"v-textarea--prefixed":e.prefix,"v-textarea--suffixed":e.suffix,"v-text-field--prefixed":e.prefix,"v-text-field--suffixed":e.suffix,"v-textarea--auto-grow":e.autoGrow,"v-textarea--no-resize":e.noResize||e.autoGrow,"v-input--plain-underlined":k.value},e.class],style:e.style},l,I,{centerAffix:h.value===1&&!k.value,focused:m.value}),{...n,default:i=>{let{id:y,isDisabled:G,isDirty:H,isReadonly:X,isValid:Z}=i;return M(E,R({ref:g,style:{"--v-textarea-control-height":p.value},onClick:Y,onMousedown:L,"onClick:clear":Q,"onClick:prependInner":e["onClick:prependInner"],"onClick:appendInner":e["onClick:appendInner"]},S,{id:y.value,active:K.value||H.value,centerAffix:h.value===1&&!k.value,dirty:H.value||e.dirty,disabled:G.value,focused:m.value,error:Z.value===!1}),{...n,default:ee=>{let{props:{class:T,...A}}=ee;return s(N,null,[e.prefix&&s("span",{class:"v-text-field__prefix"},[e.prefix]),U(s("textarea",R({ref:V,class:T,value:a.value,onInput:W,autofocus:e.autofocus,readonly:X.value,disabled:G.value,placeholder:e.placeholder,rows:e.rows,name:e.name,onFocus:P,onBlur:_},A,u),null),[[D,{handler:J},null,{once:!0}]]),e.autoGrow&&U(s("textarea",{class:ve([T,"v-textarea__sizer"]),id:`${A.id}-sizer`,"onUpdate:modelValue":te=>a.value=te,ref:c,readonly:!0,"aria-hidden":"true"},null),[[me,a.value]]),e.suffix&&s("span",{class:"v-text-field__suffix"},[e.suffix])])}})},details:o?i=>{var y;return s(N,null,[(y=n.details)==null?void 0:y.call(n,i),t&&s(N,null,[s("span",null,null),M(Fe,{active:e.persistentCounter||m.value,value:$.value,max:j.value,disabled:e.disabled},n.counter)])])}:void 0})}),Ie({},z,g,V)}}),Ee={__name:"Textarea",props:ge({name:{type:String,default:void 0},label:{type:String,default:void 0},required:{type:Boolean,default:!1},rows:{type:Number,default:3}},{modelValue:{type:String,default:null},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const C=ye(),d=Ve(e,"modelValue");return(F,n)=>(be(),he(Me,{id:we(C),modelValue:d.value,"onUpdate:modelValue":n[0]||(n[0]=a=>d.value=a),modelModifiers:{trim:!0},label:e.label,"no-resize":"",required:e.required,rows:e.rows,rules:e.required?[a=>!!a||"Dit veld is verplicht"]:[]},null,8,["id","modelValue","label","required","rows","rules"]))}};export{Ee as default};