https://bwk-bund.de/_nuxt/Field.0963c564.js

1import{d as Z,Z as J,r as D,g as $,y as Q,z as ee,o as p,c as v,t as U,j as i,b as T,K as P,ad as te,a as z,n as B,ae as W,h as Y,M as se,af as ae,w as j,aa as le,F as oe,i as ie,a8 as ne,T as re,a4 as de,G as ce,s as ue,v as pe,_ as ve}from"./entry.7893c97b.js";import{a as fe}from"./vee-validate.esm.7441f453.js";import{c as he,a as me,b as ge}from"./index.esm.244a443f.js";import{s as ye}from"./vue-multiselect.esm.c998c3e9.js";import we from"./dropzone.e215d9b7.js";var N=new Map;function ze(s){var k=N.get(s);k&&k.destroy()}function xe(s){var k=N.get(s);k&&k.update()}var M=null;typeof window>"u"?((M=function(s){return s}).destroy=function(s){return s},M.update=function(s){return s}):((M=function(s,k){return s&&Array.prototype.forEach.call(s.length?s:[s],function(R){return function(e){if(e&&e.nodeName&&e.nodeName==="TEXTAREA"&&!N.has(e)){var r,f=null,c=window.getComputedStyle(e),x=(r=e.value,function(){_({testForHeightReduction:r===""||!e.value.startsWith(r),restoreTextAlign:null}),r=e.value}),V=function(n){e.removeEventListener("autosize:destroy",V),e.removeEventListener("autosize:update",b),e.removeEventListener("input",x),window.removeEventListener("resize",b),Object.keys(n).forEach(function(m){return e.style[m]=n[m]}),N.delete(e)}.bind(e,{height:e.style.height,resize:e.style.resize,textAlign:e.style.textAlign,overflowY:e.style.overflowY,overflowX:e.style.overflowX,wordWrap:e.style.wordWrap});e.addEventListener("autosize:destroy",V),e.addEventListener("autosize:update",b),e.addEventListener("input",x),window.addEventListener("resize",b),e.style.overflowX="hidden",e.style.wordWrap="break-word",N.set(e,{destroy:V,update:b}),b()}function _(n){var m,y,u=n.restoreTextAlign,H=u===void 0?null:u,w=n.testForHeightReduction,F=w===void 0||w,d=c.overflowY;if(e.scrollHeight!==0&&(c.resize==="vertical"?e.style.resize="none":c.resize==="both"&&(e.style.resize="horizontal"),F&&(m=function(g){for(var h=[];g&&g.parentNode&&g.parentNode instanceof Element;)g.parentNode.scrollTop&&h.push([g.parentNode,g.parentNode.scrollTop]),g=g.parentNode;return function(){return h.forEach(function(L){var l=L[0],t=L[1];l.style.scrollBehavior="auto",l.scrollTop=t,l.style.scrollBehavior=null})}}(e),e.style.height=""),y=c.boxSizing==="content-box"?e.scrollHeight-(parseFloat(c.paddingTop)+parseFloat(c.paddingBottom)):e.scrollHeight+parseFloat(c.borderTopWidth)+parseFloat(c.borderBottomWidth),c.maxHeight!=="none"&&y>parseFloat(c.maxHeight)?(c.overflowY==="hidden"&&(e.style.overflow="scroll"),y=parseFloat(c.maxHeight)):c.overflowY!=="hidden"&&(e.style.overflow="hidden"),e.style.height=y+"px",H&&(e.style.textAlign=H),m&&m(),f!==y&&(e.dispatchEvent(new Event("autosize:resized",{bubbles:!0})),f=y),d!==c.overflow&&!H)){var C=c.textAlign;c.overflow==="hidden"&&(e.style.textAlign=C==="start"?"end":"start"),_({restoreTextAlign:C,testForHeightReduction:!0})}}function b(){_({testForHeightReduction:!0,restoreTextAlign:null})}}(R)}),s}).destroy=function(s){return s&&Array.prototype.forEach.call(s.length?s:[s],ze),s},M.update=function(s){return s&&Array.prototype.forEach.call(s.length?s:[s],xe),s});var _e=M;const X=_e,q=s=>(ue("data-v-3abecf63"),s=s(),pe(),s),be={class:"form-field"},ke={key:0,class:"label"},Fe={key:1,class:"control"},Ce={key:2,class:"control"},Ee={key:3,class:"control"},Ve={key:4,class:"control upload"},Te=ce('<div class="dz-message" data-v-3abecf63><div class="dropzone-custom-content" data-v-3abecf63><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" data-v-3abecf63><path fill="currentColor" d="M144 480C64.5 480 0 415.5 0 336c0-62.8 40.2-116.2 96.2-135.9c-.1-2.7-.2-5.4-.2-8.1c0-88.4 71.6-160 160-160c59.3 0 111 32.2 138.7 80.2C409.9 102 428.3 96 448 96c53 0 96 43 96 96c0 12.2-2.3 23.8-6.4 34.6C596 238.4 640 290.1 640 352c0 70.7-57.3 128-128 128H144zm79-217c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l39-39V392c0 13.3 10.7 24 24 24s24-10.7 24-24V257.9l39 39c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-80-80c-9.4-9.4-24.6-9.4-33.9 0l-80 80z" data-v-3abecf63></path></svg></div><div class="info" data-v-3abecf63><h4 class="is-size-4 dropzone-custom-title" data-v-3abecf63>Dateien hierher bewegen</h4><div class="subtitle" data-v-3abecf63>oder<span class="href" data-v-3abecf63>hier klicken</span></div></div></div>',1),He=[Te],Ae=["type"],Be={key:0,class:"icon"},Se={key:0,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},Me=q(()=>

1z("path",{fill:"currentColor",d:"M224 256A128 128 0 1 0 224 0a128 128 0 1 0 0 256zm-45.7 48C79.8 304 0 383.8 0 482.3C0 498.7 13.3 512 29.7 512H418.3c16.4 0 29.7-13.3 29.7-29.7C448 383.8 368.2 304 269.7 304H178.3z"},null,-1)),Ne=[Me],Le={key:1,xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512"},$e=q(()=>z("path",{fill:"currentColor",d:"M256 64C150 64 64 150 64 256s86 192 192 192c17.7 0 32 14.3 32 32s-14.3 32-32 32C114.6 512 0 397.4 0 256S114.6 0 256 0S512 114.6 512 256v32c0 53-43 96-96 96c-29.3 0-55.6-13.2-73.2-33.9C320 371.1 289.5 384 256 384c-70.7 0-128-57.3-128-128s57.3-128 128-128c27.9 0 53.7 8.9 74.7 24.1c5.7-5 13.1-8.1 21.3-8.1c17.7 0 32 14.3 32 32v80 32c0 17.7 14.3 32 32 32s32-14.3 32-32V256c0-106-86-192-192-192zm64 192a64 64 0 1 0 -128 0 64 64 0 1 0 128 0z"},null,-1)),Re=[$e],Ie={key:0,class:"help is-danger"},De={key:1,class:"help has-text-grey"},Ue={key:6,class:"file-list"},We=["onClick"],Ye=q(()=>z("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 448 512"},[z("path",{fill:"currentColor",d:"M135.2 17.7C140.6 6.8 151.7 0 163.8 0H284.2c12.1 0 23.2 6.8 28.6 17.7L320 32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 96 0 81.7 0 64S14.3 32 32 32h96l7.2-14.3zM32 128H416V448c0 35.3-28.7 64-64 64H96c-35.3 0-64-28.7-64-64V128zm96 64c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16zm96 0c-8.8 0-16 7.2-16 16V432c0 8.8 7.2 16 16 16s16-7.2 16-16V208c0-8.8-7.2-16-16-16z"})],-1)),qe=[Ye],S=3,Pe=Z({__name:"Field",props:{field:{},modelValue:{default:""}},emits:["update:modelValue"],setup(s,{emit:k}){const R=s,e=de(),{field:r,modelValue:f}=R,c=J(r,"files"),x=D(),V=D(),_=(r==null?void 0:r.settings)||[],b=$(()=>{let l=[];const t=_.find(o=>o.key==="select-options");return t&&t.options&&t.options.length&&(l=t.options),l}),n=$(()=>{let l="text";switch(r.key){case"email":case"user-email":{l="email";break}default:{const t=_.find(o=>o.key==="type");if(t&&(l=t.value),l==="multi-select"){const o=_.find(a=>a.key==="field-type");o&&(l=o.value);break}}}return l}),m=$(()=>{let l;switch(r.key){case"user-name":l="fa-user";break;case"user-email":l="fa-at";break}return l}),y=$(()=>{let l=!1;const t=_.find(o=>o.key==="required");return t&&t.value&&(l=t.value),["true","1","yes",!0].includes(l)||["user-name","user-email"].includes(r.key)});let u=he();n.value==="select"?u=me():["multi-select","upload"].includes(n.value)&&(u=ge()),y.value&&(u=u.required(`${r.title} ist ein Pflichtfield`),n.value==="select"?u=u.required(`${r.title} ist ein Pflichtfeld`):n.value==="multi-select"?u=u.min(1,`${r.title} ist ein Pflichtfeld`):n.value==="upload"&&(u=u.min(1,`${r.title} ist ein Pflichtfeld`))),n.value==="email"&&(u=u.email(`${r.title} ist ungültig`));const H=fe(r.id,u);let{errorMessage:w,meta:F,value:d,handleChange:C,handleBlur:g}=H;const h=D(null),L=l=>{const t=f.findIndex(o=>o.id===l.id);f.splice(t,1),h.value&&(h.value.options.maxFiles=S-f.length),d=f,C(d)};return Q(()=>{if(n.value==="upload"){const l={url:e.public.apiEndpoint+e.public.apiUploadRoute,acceptedFiles:".jpg,.jpeg,.png,.pdf,.zip,.xls,.xlsx,.csv",maxFiles:S,maxFilesize:2,previewTemplate:`
2                <div class="dz-preview dz-file-preview">
3                    <div class="dz-filename">
4                        <span data-dz-name></span>
5                    </div>
6                    <div class="dz-size" data-dz-size></div>
7                    <div class="dz-thumbnail">
8                        <img data-dz-thumbnail />
9                    </div>
10                    <div class="dz-progress">
11                        <span class="dz-upload" data-dz-uploadprogress></span>
12                    </div>
13                    <div class="dz-success-mark">
14                        <i class="fas fa-check"></i>
15                    </div>
16                    <div class="dz-error-mark">
17                        <i class="fas fa-times"></i>
18                    </div>
19                    <div class="dz-error-message">
20                        <span data-dz-errormessage></span>
21                    </div>
22                </div>`,timeout:36e4};h.value=new we(V.value,l),h.value.on("error",(t,o)=>{let a=(o==null?void 0:o.message)||"Es ist ein fehler aufgetreten";switch(o){case"You can not upload any more files.":a="Sie können keine weiteren Dateien hochladen.";break}t.previewElement.querySelectorAll(".dz-error-message span")[0].textContent=a,setTimeout(()=>h.value.removeFile(t),4e3)}),h.value.on("sending",(t,o,a)=>{a.append("context[type]","form-entry-attachment"),o.ontimeout=()=>console.log("Server Timeout")}),h.value.on("success",(t,o)=>{h.value.removeFile(t);let a=o;a.upload=!0,delete a.hash;const A=(K,G,O)=>fetch(K).then(I=>I.arrayBuffer()).then(I=>new File([I],G,{type:O}));let E={};A(t.dataURL,t.name,t.type).then(()=>{E.id=o.id,E.name=o.name,E.upload=!0,(!f||(f==null?void 0:f.length)<S)&&(f.push(E),h.value.options.maxFiles=S-f.length,d=f,C(d))})})}x.value&&X(x.value)}),ee(()=>{x.value&&X.destroy(x.value)}),(l,t)=>{var o;return p(),v("div",be,[n.value!="upload"?(p(),v("label",ke,U(i(r).title),1)):T("",!0),n.value==="textarea"?(p(),v("div",Fe,[P(z("textarea",{class:B(["textarea",{"is-danger":i(w)&&i(F).dirty}]),"onUpdate:modelValue":t[0]||(t[0]=a=>W(d)?d.value=a:d=a),ref_key:"textarea",ref:x},null,2),[[te,i(d)]])])):n.value==="checkboxes"?(p(),v("div",Ce)):["select","multi-select","checkboxes"].includes(n.value)?(p(),v("div",Ee,[Y(i(ye),{modelValue:i(d),"onUpdate:modelValue":t[1]||(t[1]=a=>W(d)?d.value=a:d=a),class:B({"is-danger":i(w)&&i(F).dirty}),multiple:n.value==="multi-select",options:b.value,"track-by":"key",label:"value",placeholder:"auswählen...","deselect-label":"","selected-label":"ausgewählt","select-label":""},null,8,["modelValue","class","multiple","options"])])):n.value==="upload"?(p(),v("div",Ve,[z("div",{class:B(["dropzone",{disabled:((o=i(d))==null?void 0:o.length)>=S,"is-danger":i(w)&&i(F).dirty}]),ref_key:"dropzone",ref:V,tabindex:"0",onKeyup:t[2]||(t[2]=se(a=>{var A,E;return(E=(A=h.value)==null?void 0:A.hiddenFileInput)==null?void 0:E.

22click()},["enter","space"]))},He,34)])):(p(),v("div",{key:5,class:B(["control",m.value?["has-icons-right"]:""])},[P(z("input",{class:B(["input",{"is-danger":i(w)&&i(F).dirty}]),type:n.value,"onUpdate:modelValue":t[3]||(t[3]=a=>W(d)?d.value=a:d=a),onChange:t[4]||(t[4]=(...a)=>i(C)&&i(C)(...a)),onFocus:t[5]||(t[5]=(...a)=>i(g)&&i(g)(...a)),onInput:t[6]||(t[6]=a=>l.$emit("update:modelValue",a.target.value))},null,42,Ae),[[ae,i(d)]]),m.value?(p(),v("span",Be,[m.value==="fa-user"?(p(),v("svg",Se,Ne)):T("",!0),m.value==="fa-at"?(p(),v("svg",Le,Re)):T("",!0)])):T("",!0)],2)),Y(le,{name:"input-help",mode:"out-in"},{default:j(()=>[i(w)&&i(F).dirty?(p(),v("p",Ie,U(i(w)),1)):y.value?(p(),v("p",De,"Pflichtfeld")):T("",!0)]),_:1}),n.value==="upload"?(p(),v("ul",Ue,[Y(re,{name:"list-vertical"},{default:j(()=>[(p(!0),v(oe,null,ie(i(c)||[],a=>(p(),v("li",{key:a.id},[z("label",null,U(a.name),1),z("button",{class:"text-red-400 text-sm px-1 is-rounded hover:text-red-600",title:"delete",onClick:ne(A=>L(a),["prevent"])},qe,8,We)]))),128))]),_:1})])):T("",!0)])}}});const Ze=ve(Pe,[["__scopeId","data-v-3abecf63"]]);export{Ze as default};