2 lines
3.6 KiB
JavaScript
2 lines
3.6 KiB
JavaScript
var _=Object.defineProperty;var m=Object.getOwnPropertySymbols;var D=Object.prototype.hasOwnProperty,O=Object.prototype.propertyIsEnumerable;var u=(t,l,a)=>l in t?_(t,l,{enumerable:!0,configurable:!0,writable:!0,value:a}):t[l]=a,f=(t,l)=>{for(var a in l||(l={}))D.call(l,a)&&u(t,a,l[a]);if(m)for(var a of m(l))O.call(l,a)&&u(t,a,l[a]);return t};import{s as S,p as C,r as E,K as j,q as F,v as p,x as h,f as x,g as b,T as k,i as e,t as d,A,L,y as N,h as c}from"./vendor-vue.CmaRnji1.js";import{_ as R,u as T}from"./index.CjrDwa0W.js";/* empty css */const B={key:0,class:"w-full h-full flex items-center justify-center absolute bg-[#DDDDE9E5] dark:bg-[#000000E5] z-[500]"},M={key:0,class:"w-[82%] inline-flex bg-white dark:bg-[#171717] rounded-[25em] p-[15em]"},P={class:"w-full h-full"},V={class:"w-full h-[20em] flex items-center"},I={style:{"letter-spacing":"-0.23px"},class:"text-[12em] font-['SFPRO'] text-black dark:text-white font-[500] ml-[3px]"},q={class:"w-full min-h-[20px] flex items-center py-[5em]"},z={style:{"letter-spacing":"-0.23px",opacity:"0.6"},class:"text-[9.5em] font-['SFPRO'] text-black dark:text-white/60 font-[400] leading-[1] ml-[3px]"},K={class:"w-full inline-flex flex-col bg-black/5 dark:bg-white/5 rounded-[20px]"},U={class:"w-full h-[27em] relative"},G=["placeholder","type","maxlength","disabled","readonly"],H={class:"w-full h-[28em] flex items-center justify-between"},J={style:{"letter-spacing":"-0.23px"},class:"text-[12em] font-['SFPRO'] text-black dark:text-white font-[400] mt-[1px]"},Q={style:{"letter-spacing":"-0.23px"},class:"text-[12em] font-['SFPRO'] text-white font-[400] mt-[1px]"},W={__name:"OneInputModal",props:{header:{type:String,default:"Add New Contact"},label:{type:String,default:"Fill details to add new contact."},fields:{type:Object,default:()=>({name:{placeholder:"Name",value:"",type:"text",maxLength:20}})},buttons:{type:Object,default:()=>({cancel:"Cancel",submit:"Add"})}},emits:["back","add"],setup(t,{emit:l}){const a=T(),{DarkMode:w}=S(a);C(()=>{w.value?document.documentElement.classList.add("dark"):document.documentElement.classList.remove("dark")});const r=l,s=t,i=E(!1),v=()=>{i.value=!0,setTimeout(()=>{r("back")},350)},y=()=>{n.name.trim()!==""&&(n.name.length<=0||(r("add",f({},n)),n.name=""))},n=j({name:s.fields.name.value||""});return(X,o)=>(c(),F(N,{to:"#phone-screen"},[p(k,{name:"modal",appear:""},{default:h(()=>[i.value?b("",!0):(c(),x("div",B,[p(k,{name:"modal-content",appear:""},{default:h(()=>[i.value?b("",!0):(c(),x("div",M,[e("div",P,[e("div",V,[e("span",I,d(s.header),1)]),e("div",q,[e("span",z,d(s.label),1)]),o[1]||(o[1]=e("div",{class:"w-full h-[10em]"},null,-1)),e("div",K,[e("div",U,[A(e("input",{placeholder:s.fields.name.placeholder,"onUpdate:modelValue":o[0]||(o[0]=g=>n.name=g),type:t.fields.name.type||"text",maxlength:t.fields.name.maxLength||20,disabled:t.fields.name.disabled,readonly:t.fields.name.readonly,style:{"letter-spacing":"-0.23px"},class:"w-[95%] h-full border-none outline-none font-[400] bg-transparent text-[11em] text-black dark:text-white indent-[1em] placeholder:text-black/60 dark:placeholder:text-white/60"},null,8,G),[[L,n.name]])])]),o[2]||(o[2]=e("div",{class:"w-full h-[15.5em]"},null,-1)),e("div",H,[e("div",{onClick:v,class:"w-[47%] h-full rounded-full bg-black/5 dark:bg-white/5 flex items-center justify-center cursor-pointer anim-hover-1"},[e("span",J,d(s.buttons.cancel),1)]),e("div",{onClick:y,class:"w-[47%] h-full rounded-full bg-[#0088FE] flex items-center justify-center cursor-pointer anim-hover-1"},[e("span",Q,d(s.buttons.submit),1)])])])]))]),_:1})]))]),_:1})]))}},te=R(W,[["__scopeId","data-v-65b65258"]]);export{te as O};
|