https://www.immonot.com/_nuxt/DTEnVJFp.js

1import{d as P,a4 as m,o as T,j as O,g as s,S as Z,h as u,q as a,a5 as h,a6 as K,bk as _,I as ee,k as R,bD as le,f as G,a8 as oe,bE as te,i as re,m as E,t as N,a9 as ne,b as ie,bF as ue,v as J,N as ae,F as se,s as de,e as me,x as q}from"./DiSEh03t.js";import{_ as pe}from"./Bn5abAFN.js";import{_ as ve}from"./DcstaIbF.js";import{_ as fe}from"./Bn3Wa63W.js";import{_ as be}from"./Cg4OTt9d.js";import{_ as ge}from"./Dg8m_W8M.js";import{_ as ce}from"./Ds5uEYLh.js";import{_ as ze}from"./sCEeoHsI.js";import{_ as Me}from"./C3rb6sUj.js";import{_ as xe}from"./CFOWgeGL.js";import"./D5VTswaF.js";const Se=["action","method"],Ve={class:"col-span-2"},ye={key:0,class:"m-auto grid grid-cols-3 gap-4 mt-8"},ke={class:"mt-4 font-bold text-base rounded-md bg-gray-2 p-2 overflow-x-auto"},Ue={class:"mt-2 bg-gray-100 p-2 rounded text-sm mb-4"},$e=P({__name:"InlineFormBlock",props:ne({onSubmit:{type:Function},size:{},noButton:{type:Boolean},containerClass:{},formAction:{},formMethod:{}},{errors:{default:()=>({})},errorsModifiers:{},result:{default:()=>({})},resultModifiers:{},form:{type:Object,default:()=>({text:"",number:"",float:"",percent:"",percentFloat:"",tel:"",email:"",checkbox:[],toggle:!1,multiSelect:[],multiSelectLocalisation:[],rayon:0,selectAdresse:"",selectLocalisation:"",budgetMin:"",budgetMax:"",card:""})},formModifiers:{}}),emits:["update:errors","update:result","update:form"],setup(t){const M=t,i=m(t,"errors"),c=m(t,"result"),n=m(t,"form");function x(p){return new Promise(e=>{setTimeout(()=>{e([{label:`Option trouvée pour ${p} 1`,value:"1"},{label:`Option trouvée pour ${p} 2`,value:"2"}])},200)})}function S(p){return new Promise(e=>{setTimeout(()=>{e([{label:`Option récupérée pour ${p} 1`,value:"1"},{label:`Option récupérée pour ${p} 2`,value:"2"}])},200)})}const d=M.noButton?"nobutton":"",V=M.containerClass||"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 align-middle";function y(p){M.onSubmit&&(p.preventDefault(),M.onSubmit())}return(p,e)=>{const v=h,z=pe,k=ve,U=fe,$=be,L=ge,w=_,b=ce,F=ze,X=R,g=oe;return T(),O("form",{action:t.formAction,method:t.formMethod||"POST",onSubmit:y},[s("div",{class:Z(u(V))},[a(v,{modelValue:n.value.text,"onUpdate:modelValue":e[0]||(e[0]=l=>n.value.text=l),"input-error":i.value.text,"onUpdate:inputError":e[1]||(e[1]=l=>i.value.text=l),"show-icon-left":!0,"icon-to-show":u(K),type:"text","input-id":`text-${t.size}-${u(d)}`,name:"text",placeholder:"Texte",label:"Texte",size:t.size,class:"col-span-1"},null,8,["modelValue","input-error","icon-to-show","input-id","size"]),a(v,{modelValue:n.value.number,"onUpdate:modelValue":e[2]||(e[2]=l=>n.value.number=l),"input-error":i.value.number,"onUpdate:inputError":e[3]||(e[3]=l=>i.value.number=l),type:"number","input-id":`number-${t.size}-${u(d)}`,name:"number",placeholder:"Nombre",label:"Nombre",size:t.size,class:"col-span-1"},null,8,["modelValue","input-error","input-id","size"]),a(v,{modelValue:n.value.float,"onUpdate:modelValue":e[4]||(e[4]=l=>n.value.float=l),"input-error":i.value.float,"onUpdate:inputError":e[5]||(e[5]=l=>i.value.float=l),"show-icon-right":!0,"icon-to-show":u(K),type:"float","input-id":`float-${t.size}-${u(d)}`,name:"float",placeholder:"Flottant",label:"Flottant",size:t.size,class:"col-span-1"},null,8,["modelValue","input-error","icon-to-show","input-id","size"]),a(v,{modelValue:n.value.percent,"onUpdate:modelValue":e[6]||(e[6]=l=>n.value.percent=l),"input-error":i.value.percent,"onUpdate:inputError":e[7]||(e[7]=l=>i.value.percent=l),type:"percent","input-id":`percent-${t.size}-${u(d)}`,name:"percent",placeholder:"%",label:"Pourcentage",size:t.size,class:"col-span-1"},null,8,["modelValue","input-error","input-id","size"]),a(v,{modelValue:n.value.percentFloat,"onUpdate:modelValue":e[8]||(e[8]=l=>n.value.percentFloat=l),"input-error":i.value.percentFloat,"onUpdate:inputError":e[9]||(e[9]=l=>i.value.percentFloat=l),type:"percent-float","input-id":`percentfloat-${t.size}-${u(d)}`,name:"percentFloat",placeholder:"% décimal",label:"Pourcentage décimal",size:t.size,class:"col-span-1"},null,8,["modelValue","input-error","input-id","size"]),a(v,{modelValue:n.value.tel,"onUpdate:modelValue":e[10]||(e[10]=l=>n.value.tel=l),"input-error":i.value.tel,"onUpdate:inputError":e[11]||(e[11]=l=>i.value.tel=l),type:"tel","input-id":`tel-${t.size}-${u(d)}`,name:"tel",placeholder:"Téléphone",label:"Téléphone",size:t.size,class:"col-span-1"},null,8,["modelValue","input-error","input-id","size"]),a(v,{modelValue:n.value.email,"onUpdate:modelValue":e[12]||(e[12]=l=>n.value.email=l),"input-error":i.value.email,"onUpdate:inputError":e[13]||(e[13]=l=>i.value.email=l),type:"email","input-id":`email-${t.size}-${u(d)}`,name:"email",placeholder:"Email",label:"Email",size:t.size,class:"col-span-1"},null,8,["modelValue","input-error","input-id","size"]),a(z,{modelValue:n.value.multiSelect,"onUpdate:modelValue":e[14]||(e[14]=l=>n.value.multiSelect=l),"input-error":i.value.multiSelect,"onUpdate:inputError":e[15]||(e[15]=l=>i.value.multiSelect=l),"allow-empty":!0,options:[{label:"Option 1",value:"1"},{label:"Option 2",value:"2"}],"input-id":`multi-${t.size}-${u(d)}`,name:"multiSelect",label:"MultiSelect","aria-label":"Sélectionner une option",size:t.size,class:"col-span-1"},null,8,["modelValue","input-error","input-id","size"]),a(z,{modelValue:n.value.multiSelect,"onUpdate:modelValue":e[16]||(e[16]=l=>n.value.multiSelect=l),"input-error":i.value.multiSelect,"onUpdate:inputError":e[17]||(e[17]=l=>i.value.multiSelect=l),"allow-empty":!0,searchable:!0,multiple:!1,"async-find-options":x,"async-retrieve-options":S,"input-id":`multi-async-${t.size}-${u(d)}`,name:"multiSelect",label:"Selection asynchrone","aria-label":"Sélectionner une option de manière asynchrone",size:t.size,class:"col-span-1"},null,8,["modelValue","input-error","input-id","size"]),a(k,{modelValue:n.value.multiSelectLocalisation,"onUpdate:modelValue":e[18]||(e[18]=l=>n.value.multiSelectLocalisation=l),rayon:n.value.rayon,"onUpdate:rayon":e[19]||(e[19]=l=>n.value.rayon=l),"input-error":i.value.multiSelectLocalisation,"onUpdate:inputError":e[20]||(e[20]=l=>i.value.multiSelectLocalisation=l),label:"Multi localisation","input-id":`msloc-${t.size}-${u(d)}`,name:"multiSelectLocalisation",size:t.size,class:"col-span-1"},null,8,["modelValue","rayon","input-error","input-id","size"]),a(U,{modelValue:n.value.selectAdresse,"onUpdate:modelValue":e[21]||(e[21]=l=>n.value.selectAdresse=l),"input-error":i.value.selectAdresse,"onUpdate:inputError":e[22]||(e[22]=l=>i.value.selectAdresse=l),"input-id":`seladr-${t.size}-${u(d)}`,name:"selectAdresse",label:"Adresse",icon:{},size:t.size,class:"col-span-1"},null,8,["modelValue","input-error","input-id","size"]),a($,{modelValue:n.value.selectLocalisation,"onUpdate:modelValue":e[23]||(e[23]=l=>n.value.selectLocalisation=l),"input-error":i.value.selectLocalisation,"onUpdate:inputError":e[24]||(e[24]=l=>i.value.selectLocalisation=l),"input-id":`selloc-${t.size}-${u(d)}`,name:"selectLocalisation",label:"Localisation",size:t.size,class:"col-span-1",required:"","aria-label":"Choix du département où se situe le bien immobilier",placeholder:"Ex : 19 Corrèze","retrieved-localisation-type":"departement"},null,8,["modelValue","input-error","input-id","size"]),e[36]||(e[36]=s("br",null,null,-1)),a(L,{"prix-min":n.value.budgetMin,"onUpdate:prixMin":e[25]||(e[25]=l=>n.value.budgetMin=l),"input-error":i.value.budgetMin,"onUpdate:inputError":e[26]||(e[26]=l=>i.value.budgetMin=l),"prix-max":n.value.budgetMax,"onUpdate:prixMax":e[27]||(e[27]=l=>n.value.budgetMax=l),"input-id":`budget-${t.size}-${u(d)}`,"name-min":"budgetMin","name-max":"budgetMax",size:t.size,class:"col-span-1"},null,8,["prix-min","input-error","prix-max","input-id","size"]),s("div",Ve,[a(w,{modelValue:n.value.toggle,"onUpdate:modelValue":e[28]||(e[28]=l=>n.value.toggle=l),"input-error":i.value.toggle,"onUpdate:inputError":e[29]||(e[29]=l=>i.value.toggle=l),"input-id":`toggle-${t.size}-${u(d)}`,name:"toggle",title:"Toggle",size:t.size},null,8,["modelValue","input-error","input-id","size"]),a(b,{modelValue:n.value.checkbox,"onUpdate:modelValue":e[30]||(e[30]=l=>n.value.checkbox=l),"input-error":i.value.checkbox,"onUpdate:inputError":e[31]||(e[31]=l=>i.value.checkbox=l),"input-id":`checkbox-${t.size}-1-${u(d)}`,name:"checkbox",label:"Case à cocher 1",value:"1",size:t.size},null,8,["modelValue","input-error","input-id","size"]),a(b,{modelValue:n.value.checkbox,"onUpdate:modelValue":e[32]||(e[32]=l=>n.value.checkbox=l),"input-error":i.value.checkbox,"onUpdate:inputError":e[33]||(e[33]=l=>i.value.checkbox=l),"input-id":`checkbox-${t.size}-2-${u(d)}`,name:"checkbox",label:"Case à cocher 2",value:"2",size:t.size},null,8,["modelValue","input-error","input-id","size"]),a(b,{modelValue:n.value.checkbox,"onUpdate:modelValue":e[34]||(e[34]=l=>n.value.checkbox=l),"input-error":i.value.checkbox,"onUpdate:inputError":e[35]||(e[35]=l=>i.value.checkbox=l),"input-id":`checkbox-${t.size}-3-${u(d)}`,name:"checkbox",label:"Case à cocher 3",value:"3",size:t.size},null,8,["modelValue","input-error","input-id","size"])])],2),t.noButton?re("",!0):(T(),O("div",ye,[a(F,{id:`test-rien-l

1ien-${t.size}`,"link-text":"Rien en lien",type:"gray",to:"#",size:t.size,"aria-label":"Lien qui sert à rien","icon-to-show":u(ee),"show-icon-link-right":!0,"show-icon-link-left":!1},null,8,["id","size","icon-to-show"]),a(X,{id:`test-rien-bouton-${t.size}`,type:"secondary",size:t.size,"icon-to-show":u(le),"show-icon":!0,"aria-label":"Bouton qui sert à rien"},{default:G(()=>[...e[37]||(e[37]=[E(" Rien en bouton ",-1)])]),_:1},8,["id","size","icon-to-show"]),a(g,{"icon-to-show":u(te),"input-id":`submit-${t.size}`,"input-text":"Envoyer",size:t.size,"aria-label":"Soumission du formulaire"},null,8,["icon-to-show","input-id","size"])])),s("div",ke,[e[40]||(e[40]=E(" Résultats JSON ",-1)),s("div",Ue,[e[38]||(e[38]=E(" Inputs value : ",-1)),s("pre",null,N(c.value?.inputs),1),e[39]||(e[39]=E(" Errors : ",-1)),s("pre",null,N(c.value?.errors),1)])])],40,Se)}}}),Le=Object.assign($e,{__name:"PageDevInlineFormBlock"}),we={class:"p-4 bg-gray-1"},Fe={class:"block w-4/5 m-auto bg-white p-4 rounded-lg shadow-lg mb-8"},Xe={class:"block w-4/5 m-auto bg-white p-4 rounded-lg shadow-lg mb-8"},Ee={class:"block w-4/5 m-auto bg-white p-4 rounded-lg shadow-lg mb-8"},Te={class:"block w-4/5 m-auto bg-white p-4 rounded-lg shadow-lg mb-8"},Oe={class:"block w-4/5 m-auto bg-white p-4 rounded-lg shadow-lg mb-8"},De={class:"block w-4/5 m-auto bg-white p-4 rounded-lg shadow-lg mb-8"},Ge={class:"block w-4/5 m-auto bg-white p-4 rounded-lg shadow-lg mb-8"},Ne={class:"grid grid-cols-2 md:grid-cols-4 gap-4"},Ce={class:"mt-2 bg-gray-100 p-2 rounded mb-4"},We=P({__name:"Form",props:{errorsXS:{},errorsXSModifiers:{},errorsSM:{},errorsSMModifiers:{},errorsMD:{},errorsMDModifiers:{},errorsLG:{},errorsLGModifiers:{},errorsModal:{},errorsModalModifiers:{},errorsXL:{},errorsXLModifiers:{},formXS:{default:()=>({})},formXSModifiers:{},formSM:{default:()=>({})},formSMModifiers:{},formMD:{default:()=>({})},formMDModifiers:{},formLG:{default:()=>({})},formLGModifiers:{},formModal:{default:()=>({})},formModalModifiers:{},formXL:{default:()=>({})},formXLModifiers:{},resultXS:{default:{errors:"",inputs:""}},resultXSModifiers:{},resultSM:{default:{errors:"",inputs:""}},resultSMModifiers:{},resultMD:{default:{errors:"",inputs:""}},resultMDModifiers:{},resultLG:{default:{errors:"",inputs:""}},resultLGModifiers:{},resultModal:{default:{errors:"",inputs:""}},resultModalModifiers:{},resultXL:{default:{errors:"",inputs:""}},resultXLModifiers:{}},emits:["update:errorsXS","update:errorsSM","update:errorsMD","update:errorsLG","update:errorsModal","update:errorsXL","update:formXS","update:formSM","update:formMD","update:formLG","update:formModal","update:formXL","update:resultXS","update:resultSM","update:resultMD","update:resultLG","update:resultModal","update:resultXL"],setup(t){const M=ie(),i=q(!1),c=m(t,"errorsXS"),n=m(t,"errorsSM"),x=m(t,"errorsMD"),S=m(t,"errorsLG"),d=m(t,"errorsModal"),V=m(t,"errorsXL"),y=q("appartement"),p=m(t,"formXS"),e=m(t,"formSM"),v=m(t,"formMD"),z=m(t,"formLG"),k=m(t,"formModal"),U=m(t,"formXL"),$=m(t,"resultXS"),L=m(t,"resultSM"),w=m(t,"resultMD"),b=m(t,"resultLG"),F=m(t,"resultModal"),X=m(t,"resultXL");function g(A,o){o.value={};const D=[{key:"text",label:"Veuillez renseigner ce champ, avec un text beaucoup trop long ...."},{key:"number",label:"Veuillez saisir un nombre valide."},{key:"float",label:"Veuillez saisir une valeur décimale."},{key:"percent",label:"Veuillez indiquer un pourcentage."},{key:"percentFloat",label:"Veuillez saisir un pourcentage avec décimales."},{key:"tel",label:"Veuillez saisir un numéro de téléphone valide."},{key:"email",label:"Veuillez saisir une adresse email valide."},{key:"toggle",label:"Veuillez activer ou désactiver cette option."},{key:"checkbox",label:"Veuillez cocher cette case pour continuer."},{key:"multiSelect",label:"Veuillez sélectionner au moins une option."},{key:"multiSelectLocalisation",label:"Veuillez choisir au moins une localisation."},{key:"selectAdresse",label:"Veuillez sélectionner une adresse."},{key:"selectLocalisation",label:"Veuillez choisir une localisation."},{key:"budgetMin",label:"Veuillez indiquer votre budget minimum."},{key:"budgetMax",label:"Veuillez indiquer votre budget maximum."}];for(const f of D)A.value[f.key]||(o.value[f.key]=f.label)}function l(){g(p,c),$.value.inputs=JSON.stringify(p.value,null,2),$.value.errors=JSON.stringify(c.value,

1null,2)}function j(){g(e,n),L.value.inputs=JSON.stringify(e.value,null,2),L.value.errors=JSON.stringify(n.value,null,2)}function I(){g(v,x),w.value.inputs=JSON.stringify(v.value,null,2),w.value.errors=JSON.stringify(x.value,null,2)}function C(){g(z,S),b.value.inputs=JSON.stringify(z.value,null,2),b.value.errors=JSON.stringify(S.value,null,2)}function H(){g(U,V),X.value.inputs=JSON.stringify(U.value,null,2),X.value.errors=JSON.stringify(V.value,null,2)}function B(){g(k,d),F.value.inputs=JSON.stringify(k.value,null,2),F.value.errors=JSON.stringify(d.value,null,2),d.value&&Object.keys(d.value).length===0&&(i.value=!1)}return(A,o)=>{const D=R,f=Le,Q=Me,W=xe;return T(),O("div",we,[s("div",Fe,[o[24]||(o[24]=s("div",{class:"font-bold text-xl mb-4"},"Form Modale",-1)),a(D,{id:"open-modal-button",type:"secondary",size:"md","icon-to-show":u(ue),"show-icon":!0,"aria-label":"Ouvrir la modale de test",onClick:o[0]||(o[0]=r=>i.value=!0)},{default:G(()=>[...o[23]||(o[23]=[E(" Ouvrir ",-1)])]),_:1},8,["icon-to-show"]),a(Q,{modelValue:u(i),"onUpdate:modelValue":o[4]||(o[4]=r=>J(i)?i.value=r:null),title:"Modale de test","show-btn-cancel":!0,"show-btn-validate":!0,"text-btn-cancel":"Annuler","text-btn-validate":"Sauvegarder",onValidate:o[5]||(o[5]=r=>B())},{contentModal:G(()=>[a(f,{form:k.value,"onUpdate:form":o[1]||(o[1]=r=>k.value=r),errors:d.value,"onUpdate:errors":o[2]||(o[2]=r=>d.value=r),result:F.value,"onUpdate:result":o[3]||(o[3]=r=>F.value=r),"container-class":"grid grid-cols-2 gap-4 align-middle","on-submit":()=>B(),"no-button":"",size:"md"},null,8,["form","errors","result","on-submit"])]),_:1},8,["modelValue"])]),s("div",Xe,[o[25]||(o[25]=s("div",{class:"font-bold text-xl mb-4"},"Form XS",-1)),a(f,{form:p.value,"onUpdate:form":o[6]||(o[6]=r=>p.value=r),errors:c.value,"onUpdate:errors":o[7]||(o[7]=r=>c.value=r),result:$.value,"onUpdate:result":o[8]||(o[8]=r=>$.value=r),"on-submit":()=>l(),"form-action":"/dev/form","form-method":"GET",size:"sm"},null,8,["form","errors","result","on-submit"])]),s("div",Ee,[o[26]||(o[26]=s("div",{class:"font-bold text-xl mb-4"},"Form SM",-1)),a(f,{form:e.value,"onUpdate:form":o[9]||(o[9]=r=>e.value=r),errors:n.value,"onUpdate:errors":o[10]||(o[10]=r=>n.value=r),result:L.value,"onUpdate:result":o[11]||(o[11]=r=>L.value=r),"on-submit":()=>j(),"form-action":"/dev/form","form-method":"GET",size:"sm"},null,8,["form","errors","result","on-submit"])]),s("div",Te,[o[27]||(o[27]=s("div",{class:"font-bold text-xl mb-4"},"Form MD",-1)),a(f,{form:v.value,"onUpdate:form":o[12]||(o[12]=r=>v.value=r),errors:x.value,"onUpdate:errors":o[13]||(o[13]=r=>x.value=r),result:w.value,"onUpdate:result":o[14]||(o[14]=r=>w.value=r),"on-submit":()=>I(),"form-action":"/dev/form","form-method":"GET",size:"md"},null,8,["form","errors","result","on-submit"])]),s("div",Oe,[o[28]||(o[28]=s("div",{class:"font-bold text-xl mb-4"},"Form LG",-1)),a(f,{form:z.value,"onUpdate:form":o[15]||(o[15]=r=>z.value=r),errors:S.value,"onUpdate:errors":o[16]||(o[16]=r=>S.value=r),result:b.value,"onUpdate:result":o[17]||(o[17]=r=>b.value=r),"on-submit":()=>C(),"form-action":"/dev/form","form-method":"GET",size:"lg"},null,8,["form","errors","result","on-submit"])]),s("div",De,[o[29]||(o[29]=s("div",{class:"font-bold text-xl mb-4"},"Form XL",-1)),a(f,{form:U.value,"onUpdate:form":o[18]||(o[18]=r=>U.value=r),errors:V.value,"onUpdate:errors":o[19]||(o[19]=r=>V.value=r),result:X.value,"onUpdate:result":o[20]||(o[20]=r=>X.value=r),"on-submit":()=>H(),"form-action":"/dev/form","form-method":"GET",size:"xl"},null,8,["form","errors","result","on-submit"])]),s("div",Ge,[o[31]||(o[31]=s("div",{class:"font-bold text-xl mb-4"}," Cards ",-1)),s("form",{action:"/dev/form",method:"GET",onSubmit:o[22]||(o[22]=ae(r=>C(),["prevent"]))},[s("div",Ne,[(T(!0),O(se,null,de(u(M).jeSuisVendeur.typesBien,r=>(T(),me(W,{key:r.value,modelValue:u(y),"onUpdate:modelValue":o[21]||(o[21]=Y=>J(y)?y.value=Y:null),type:"radio",icon:r.icon,label:r.label,value:r.value,height:"32",width:"48","input-id":`je-suis-vendeur-typebien-${r.value}`,name:"typeBien"},null,8,["modelValue","icon","label","value","input-id"]))),128))])],32),s("div",Ce,[o[30]||(o[30]=E(" Résultats : ",-1)),s("pre",null,N(u(y)),1)])])])}}});

1export{We as default};