import F from"./ddkBN_sa.js";import{D as ,ドルe as E,h as G,ak as I,i as V,t as j,X as y,o as d,c as _,b as t,u as o,r as b,f as a,m as r,a as u,Y as s,a3 as w,a4 as z,l as T,a9 as q,ao as H,j as h,_ as O}from"./DiR7Q8iI.js";import x from"./CEOOT_Qa.js";import U from"./xxAAjyj-.js";import R from"./BGpUCehu.js";import W from"./Dl957_9c.js";import"./CclCVT06.js";import"./DOmmx3y0.js";const X={key:0,class:"modal__header"},Y={class:"header-title"},A={class:"header-logo"},J={class:"header-buttons"},K={class:"popup-content"},P={class:"popup-content"},Q={key:1,class:"modal__header--mobile"},Z={class:"header-title"},tt={class:"header-buttons"},ot={class:"modal__body"},et=["src","title"],at={class:"modal__footer"},nt=$({__name:"DemoModal",props:{visible:{type:Boolean,default:!1},data:{type:Object,default:null}},emits:["close"],setup(e,{emit:C}){const{t:m}=E(),L=e,M=C,i=h(!1),N=h(769),k=h(0),v=h(!1),f=()=>{k.value=window.innerWidth,i.value=k.value{M("close")},B=()=>{v.value=!v.value};return G(()=>{f(),window.addEventListener("resize",f)}),I(()=>{window.removeEventListener("resize",f),document.querySelector("body")?.classList.remove("noScroll")}),V(()=>{window.removeEventListener("resize",f)}),j(()=>L.visible,l=>{const n=document.querySelector("body");l?n?.classList.add("noScroll"):n?.classList.remove("noScroll")}),(l,n)=>{const g=y("SlpTypography"),c=y("SlpIcon"),S=y("SlpButton"),D=F;return d(),_("div",{class:"modal__backdrop--light",onClick:H(p,["self"])},[t("div",{class:q(["modal",{fullscreen:o(v)}])},[o(i)?(d(),_("header",Q,[b(l.$slots,"header",{},void 0,!0),t("div",Z,[a(g,{variant:"body1-bold"},{default:r(()=>[u(s(e.data.subtitle),1)]),_:1}),t("button",{type:"button",class:"btn btn__close","data-ga-name":"exit","data-ga-location":"demo",onClick:p},[a(c,{icon:o(x),size:"lg",class:"btn__close-icon",color:"black"},null,8,["icon"])])]),t("div",tt,[a(S,{class:"cta-button",variant:"primary",href:e.data.scheduleButton.config.href,"data-ga-name":e.data.scheduleButton.config.dataGaName,"data-ga-location":e.data.scheduleButton.config.dataGaLocation},{default:r(()=>[u(s(e.data.scheduleButton.text),1)]),_:1},8,["href","data-ga-name","data-ga-location"])])])):(d(),_("header",X,[b(l.$slots,"header",{},void 0,!0),t("div",Y,[a(g,{variant:"body1-bold"},{default:r(()=>[u(s(e.data.subtitle),1)]),_:1})]),t("div",A,[a(c,{icon:o(U),size:"md",alt:""},null,8,["icon"])]),t("div",J,[a(S,{class:"cta-button",variant:"primary",href:e.data.scheduleButton.config.href,"data-ga-name":e.data.scheduleButton.config.dataGaName,"data-ga-location":e.data.scheduleButton.config.dataGaLocation},{default:r(()=>[u(s(e.data.scheduleButton.text),1)]),_:1},8,["href","data-ga-name","data-ga-location"]),w(t("button",{type:"button",class:"btn btn__maximize",variant:"secondary",onClick:B},[a(c,{icon:o(R)},null,8,["icon"]),t("div",K,[t("p",null,s(o(m)("modal.goFullscreen")),1),n[0]||(n[0]=t("div",{class:"point"},null,-1))])],512),[[z,!o(i)]]),w(t("button",{type:"button",class:"btn btn__minimize",variant:"secondary",onClick:B},[a(c,{icon:o(W),size:"md"},null,8,["icon"]),t("div",P,[t("p",null,s(o(m)("modal.exitFullscreen")),1),n[1]||(n[1]=t("div",{class:"point"},null,-1))])],512),[[z,!o(i)]]),t("button",{type:"button",class:"btn btn__close","data-ga-name":"exit","data-ga-location":"demo",onClick:p},[a(g,{class:"btn__close-text",variant:"body1-bold",tag:"p"},{default:r(()=>[u(s(o(m)("modal.exitModal")),1)]),_:1}),a(c,{icon:o(x),size:"lg",class:"btn__close-icon"},null,8,["icon"])])])])),t("section",ot,[b(l.$slots,"body",{},void 0,!0),o(i)?(d(),T(D,{key:1,"video-src":e.data.config.videoFallbackHref},null,8,["video-src"])):(d(),_("iframe",{key:0,src:e.data.config.demoHref,title:o(m)("modal.playerName"),frameborder:"0",loading:"lazy"},null,8,et))]),t("footer",at,[b(l.$slots,"footer",{},void 0,!0)])],2)])}}}),ft=Object.assign(O(nt,[["__scopeId","data-v-a9b7fb03"]]),{__name:"CommonDemoModal"});export{ft as default};