https://www.swissdentalsolutions.com/_nuxt/BrPBsr9D.js

1import{d as f,b,z as g,B as w,o as a,g as d,j as e,F as k,r as x,ag as T,p as V,l as i,h,q as p,t as E,a4 as C,E as B}from"./XtaBBJMl.js";import{g as L}from"./CmzVKLs4.js";import{I as z}from"./C1U6r1FE.js";const I=["data-hash"],N={class:"container"},S={class:"row row-cols-1 row-cols-xxl-2"},$={class:"col mx-auto"},j={class:"card-body p-0"},q={key:0,class:"video-tiles__youtube"},M=["data-bs-target"],P=["src","alt"],D={class:"video__play-btn"},H={key:1,class:"video-tiles__video w3-mb-4"},Y={playsinline:"",autoplay:"",muted:"",loop:""},A=["src"],F={class:"w3-mt-3 w3-mx-4 w3-mb-4"},R={class:"video-tiles__title w3-pb-3 text-primary"},O=["innerHTML"],X=["id"],G={class:"modal-dialog modal-dialog-centered modal-xl",role:"document","data-dismiss":"modal","aria-label":"Close"},J={class:"modal-content"},K={class:"modal-close","data-bs-dismiss":"modal","aria-label":"Close"},Q={class:"container"},U={class:"row"},W={class:"col g-0"},Z={class:"video__container"},ee=["data-ytid"],se=f({__name:"VideoTiles",props:{data:{}},setup(r){const{$directus:_}=b(),v=r,l=B("");return g(()=>{l.value=L(),w(()=>{const n=document.querySelectorAll(`.video-tiles[data-hash="${l.value}"] .video-modal`);if(n!==null){if(typeof YT>"u"){let o=document.createElement("script");o.src="https://www.youtube.com/iframe_api",document.getElementsByTagName("head")[0].appendChild(o)}n.forEach(o=>{o.addEventListener("show.bs.modal",s=>{const t=s.target.querySelector(".video__player--js"),y=t.dataset.ytid,c=document.createElement("div");c.classList.add("video__player-inner"),t.appendChild(c),typeof YT<"u"&&new YT.Player(c,{height:"360",width:"640",videoId:y,playerVars:{rel:0,showinfo:0,ecver:2},events:{onReady:function(m){m.target.playVideo(),o.addEventListener("hide.bs.modal",()=>{const u=document.querySelector(`.video-tiles[data-hash="${l.value}"] .video__player-inner`);u&&(m.target.stopVideo(),u.remove())})}}})})})}})}),(n,o)=>(a(),d("div",{class:"video-tiles","data-hash":i(l)},[e("div",N,[e("div",S,[(a(!0),d(k,null,x(v.data.items,(s,t)=>(a(),d("div",$,[e("div",{class:V(["video-tiles__card card",{"mt-xxl-5":t%2===1,"w3-mb-5":t!==v.data.items.length-1}]),style:T({"border-color":s.color})},[e("div",j,[s.youtube_id?(a(),d("div",q,[e("div",{class:"video__preview",type:"button","data-bs-toggle":"modal","data-bs-target":`#video__modal-${t}`},[e("img",{src:i(_).url+"assets/"+s.preview_image.filename_disk,alt:r.data.title,class:"img-fluid"},null,8,P),e("div",D,[h(i(z),{size:42,"stroke-width":"1",color:"#fff"})])],8,M)])):s.video?(a(),d("div",H,[e("video",Y,[e("source",{src:i(_).url+"assets/"+s.video.filename_disk,type:"video/mp4"},null,8,A)])])):p("",!0),e("div",F,[e("h4",R,E(s.title),1),e("div",{class:"video-tiles__content text-primary w3-mb-4",innerHTML:s.content},null,8,O)])])],6),s.youtube_id?(a(),d("div",{key:0,id:`video__modal-${t}`,class:"modal video-modal fade",tabindex:"-1",role:"dialog","aria-hidden":"true"},[e("div",G,[e("div",J,[e("div",K,[h(i(C),{class:"d-inline-block",size:46,"stroke-width":"2",color:"#fff"})]),e("div",Q,[e("div",U,[e("div",W,[e("div",Z,[e("div",{class:"video__player video__player--js","data-ytid":s.youtube_id},null,8,ee)])])])])])])],8,X)):p("",!0)]))),256))])])],8,I))}}),de=Object.assign(se,{__name:"BlocksVideoTiles"});export{de as default};