https://brandshop.ru/_nuxt/wTKjIHuo.js

1import{k as e,j as a,y as l,o,l as t,a9 as s,ag as n,aQ as i,ad as r,ah as d,u,ae as c,ab as v,T as m,ac as p,aa as h,a5 as y,af as f,n as g}from"./BehpP7xM.js";import{k as _}from"./CrKxyAcr.js";const C={class:"vmodal__title"},b=e({__name:"Modal",props:{wrapperClass:{type:String},options:{type:Object,default:()=>({})},opened:{type:Boolean,default:!1,required:!0},teleport:{type:String,default:"#teleports"}},emits:["beforeModalClose","stateChange","transitionEnd"],setup(e,{emit:b}){const k=e,$=_(),D=b,S={transitionDuration:300,transitionName:"slideBottom",close:{enabled:!0,isClosable:!0,element:!1},posY:"center",posX:"center",height:"auto",minHeight:"auto",width:"60rem",maxWidth:"100%",padding:"0 1rem",modalClass:"",backDrop:!0,containerClass:"",headerClass:"",footerClass:"",bodyClass:"",blockScroll:!0},w=a({...S,...k.options}),x=a(k.opened),E=a(!1),L=a(null),j=g(()=>w.value.backDrop?`transition-duration:${w.value.transitionDuration};`:"background-color: transparent"),B=g(()=>`height:${w.value.height};min-height:${w.value.minHeight};width:${w.value.width};max-width:${w.value.maxWidth};`),R=g(()=>`padding:${w.value.padding}`),W=g(()=>document.querySelector("body")),q=g(()=>W.value.querySelector(".page"));function M(){w.value.close.isClosable&&(D("beforeModalClose"),x.value=!1)}function A(e){const a=function(){const e=document.createElement("div");W.value?.appendChild(e);const a=window.innerWidth-e.offsetWidth;return W.value?.removeChild(e),a}();w.value.blockScroll&&W.value?.classList.add("_lock-scroll"),a&&(W.value.style.paddingRight=a+"px",q.value&&(q.value.style.paddingRight=a+"px",q.value.style.marginRight=-a+"px")),E.value=!0,e.style.transitionDuration=`${w.value.transitionDuration}ms`}async function H(){E.value=!1,w.value.blockScroll&&setTimeout(()=>{W.value?.classList.add("_lock-scroll")},10)}function N(){E.value=!0}function O(){E.value=!1,w.value.blockScroll&&W.value?.classList.remove("_lock-scroll"),D("transitionEnd"),W.value.style.paddingRight="",q.value&&(q.value.style.paddingRight="",q.value.style.marginRight="")}return l(()=>{L.value.style.justifyContent=w.value.posY,L.value.style.alignItems=w.value.posX}),o(()=>{w.value.blockScroll&&W.value?.classList.remove("_lock-scroll")}),t(()=>k.options,()=>Object.assign(w.value,S,k.options)),t(()=>x.value,e=>D("stateChange",e)),t(()=>k.opened,e=>{x.value=e,!e&&M()}),t(()=>$.path,()=>x.value&&M()),(a,l)=>(s(),n(i,{to:e.teleport},[r("div",{class:c(["vmodal",[{open:u(x),hidden:u(E)},e.wrapperClass,u(w).modalClass]]),style:d(u(R)),ref_key:"modalBody",ref:L},[v(m,{name:"fade",duration:u(w).transitionDuration,onBeforeEnter:l[0]||(l[0]=e=>{e.style.transitionDuration=`${w.value.transitionDuration}ms`})},{default:p(()=>[u(x)?(s(),h("div",{key:0,class:"vmodal__overlay",style:d(u(j)),onClick:M},null,4)):y("",!0)]),_:1},8,["duration"]),v(m,{name:u(w).transitionName,onBeforeEnter:l[1]||(l[1]=e=>A(e)),onAfterEnter:H,onEnterCancelled:O,onBeforeLeave:N,onAfterLeave:O,onLeaveCancelled:O},{default:p(()=>[u(x)?(s(),h("div",{key:0,class:c(["vmodal__container",u(w).containerClass]),style:d(u(B))},[r("div",{class:c(["vmodal__header",u(w).headerClass])},[r("div",C,[f(a.$slots,"title")]),!0!==u(w).close.enabled||u(w).close.element?!0===u(w).close.enabled&&u(w).close.element?f(a.$slots,"close",{},void 0,void 0,1):y("",!0):(s(),h("div",{key:0,class:"vmodal__close vmodal__close--text",onClick:M}," × "))],2),r("div",{class:c(["vmodal__body",u(w).bodyClass])},[f(a.$slots,"body")],2),r("div",{class:c(["vmodal__footer",u(w).footerClass])},[f(a.$slots,"footer")],2)],6)):y("",!0)]),_:3},8,["name"])],6)],8,["to"]))}});export{b as _};