frontend_block_video_popup.js 10.4 KB
var frontend_block_video_popup;(()=>{var t={765:t=>{var e,o,n,i,r,a,c,p,d,s,u,l,f,m,b,h,g,v,y,x,w,_,k,S,T,M,L,E,A,O,C,H,z,D=[],I={},P="appendChild",N="createElement",V="removeChild";function q(){var t=e.getBoundingClientRect(),o=t.top,r=t.left,a=t.width,c=t.height;return"transform:translate3D("+(r-(n.clientWidth-a)/2)+"px, "+(o-(n.clientHeight-c)/2)+"px, 0) scale3D("+e.clientWidth/i.clientWidth+", "+e.clientHeight/i.clientHeight+", 0)"}function W(t){var e=O.length-1;if(!f){if(t>0&&A===e||t<0&&!A){if(!z.loop)return J(r,""),void setTimeout(J,9,r,"animation:"+(t>0?"bpl":"bpf")+" .3s;transition:transform .35s");A=t>0?-1:e+1}if([(A=Math.max(0,Math.min(A+t,e)))-1,A,A+1].forEach((function(t){if(t=Math.max(0,Math.min(t,e)),!I[t]){var o=O[t].src,n=document[N]("IMG");n.addEventListener("load",$.bind(null,o)),n.src=o,I[t]=n}})),I[A].complete)return j(t);f=!0,J(b,"opacity:.4;"),n[P](b),I[A].onload=function(){w&&j(t)},I[A].onerror=function(){O[A]={error:"Error loading image"},w&&j(t)}}}function j(t){f&&(n[V](b),f=!1);var o=O[A];if(o.error)alert(o.error);else{var a=n.querySelector("img:last-of-type");J(r=i=I[A],"animation:"+(t>0?"bpfl":"bpfr")+" .35s;transition:transform .35s"),J(a,"animation:"+(t>0?"bpfol":"bpfor")+" .35s both"),n[P](r),o.el&&(e=o.el)}C.innerHTML=A+1+"/"+O.length,X(O[A].caption),M&&M([r,O[A]])}function B(){var t,e,o=.95*window.innerHeight,n=.95*window.innerWidth,i=o/n,r=z.dimensions||[1920,1080],a=r[0],c=r[1],d=c/a;d>i?e=(t=Math.min(c,o))/d:t=(e=Math.min(a,n))*d,p.style.cssText+="width:"+e+"px;height:"+t+"px;"}function G(t){~[1,4].indexOf(i.readyState)?(F(),setTimeout((function(){i.play()}),99)):i.error?F(t):m=setTimeout(G,35,t)}function R(t){z.noLoader||(t&&J(b,"top:"+e.offsetTop+"px;left:"+e.offsetLeft+"px;height:"+e.clientHeight+"px;width:"+e.clientWidth+"px"),e.parentElement[t?P:V](b),f=t)}function X(t){t&&(g.innerHTML=t),J(h,"opacity:"+(t?"1;pointer-events:auto":"0"))}function $(t){!~D.indexOf(t)&&D.push(t)}function F(t){if(f&&R(),S&&S(),"string"==typeof t)return Y(),z.onError?z.onError():alert("Error: The requested "+t+" could not be loaded.");k&&$(s),i.style.cssText+=q(),J(n,"opacity:1;pointer-events:auto"),T&&(T=setTimeout(T,410)),x=!0,w=!!O,setTimeout((function(){i.style.cssText+="transition:transform .35s;transform:none",v&&setTimeout(X,250,v)}),60)}function U(t){var e=t?t.target:n,o=[h,y,a,c,g,E,L,b];e.blur(),_||~o.indexOf(e)||(i.style.cssText+=q(),J(n,"pointer-events:auto"),setTimeout(Y,350),clearTimeout(T),x=!1,_=!0)}function Y(){if((i===p?d:i).removeAttribute("src"),document.body[V](n),n[V](i),J(n,""),J(i,""),X(!1),w){for(var t=n.querySelectorAll("img"),e=0;e<t.length;e++)n[V](t[e]);f&&n[V](b),n[V](C),w=O=!1,I={},H||n[V](L),H||n[V](E),r.onload=F,r.onerror=F.bind(null,"image")}z.onClose&&z.onClose(),_=f=!1}function J(t,e){t.style.cssText=e}t.exports=function(t){var _,I,q,j;return o||function(){var t;function e(t){var e=document[N]("button");return e.className=t,e.innerHTML='<svg viewBox="0 0 48 48"><path d="M28 24L47 5a3 3 0 1 0-4-4L24 20 5 1a3 3 0 1 0-4 4l19 19L1 43a3 3 0 1 0 4 4l19-19 19 19a3 3 0 0 0 4 0v-4L28 24z"/></svg>',e}function s(t,e){var o=document[N]("button");return o.className="bp-lr",o.innerHTML='<svg viewBox="0 0 129 129" height="70" fill="#fff"><path d="M88.6 121.3c.8.8 1.8 1.2 2.9 1.2s2.1-.4 2.9-1.2a4.1 4.1 0 0 0 0-5.8l-51-51 51-51a4.1 4.1 0 0 0-5.8-5.8l-54 53.9a4.1 4.1 0 0 0 0 5.8l54 53.9z"/></svg>',J(o,e),o.onclick=function(e){e.stopPropagation(),W(t)},o}var l=document[N]("STYLE");l.innerHTML="#bp_caption,#bp_container{bottom:0;left:0;right:0;position:fixed;opacity:0}#bp_container>*,#bp_loader{position:absolute;right:0;z-index:10}#bp_container,#bp_caption,#bp_container svg{pointer-events:none}#bp_container{top:0;z-index:9999;background:rgba(0,0,0,.7);opacity:0;transition:opacity .35s}#bp_loader{top:0;left:0;bottom:0;display:flex;align-items:center;cursor:wait;background:0;z-index:9}#bp_loader svg{width:50%;max-width:300px;max-height:50%;margin:auto;animation:bpturn 1s infinite linear}#bp_aud,#bp_container img,#bp_sv,#bp_vid{user-select:none;max-height:96%;max-width:96%;top:0;bottom:0;left:0;margin:auto;box-shadow:0 0 3em rgba(0,0,0,.4);z-index:-1}#bp_sv{background:#111}#bp_sv svg{width:66px}#bp_caption{font-size:.9em;padding:1.3em;background:rgba(15,15,15,.94);color:#fff;text-align:center;transition:opacity .3s}#bp_aud{width:650px;top:calc(50% - 20px);bottom:auto;box-shadow:none}#bp_count{left:0;right:auto;padding:14px;color:rgba(255,255,255,.7);font-size:22px;cursor:default}#bp_container button{position:absolute;border:0;outline:0;background:0;cursor:pointer;transition:all .1s}#bp_container>.bp-x{padding:0;height:41px;width:41px;border-radius:100%;top:8px;right:14px;opacity:.8;line-height:1}#bp_container>.bp-x:focus,#bp_container>.bp-x:hover{background:rgba(255,255,255,.2)}.bp-x svg,.bp-xc svg{height:21px;width:20px;fill:#fff;vertical-align:top;}.bp-xc svg{width:16px}#bp_container .bp-xc{left:2%;bottom:100%;padding:9px 20px 7px;background:#d04444;border-radius:2px 2px 0 0;opacity:.85}#bp_container .bp-xc:focus,#bp_container .bp-xc:hover{opacity:1}.bp-lr{top:50%;top:calc(50% - 130px);padding:99px 0;width:6%;background:0;border:0;opacity:.4;transition:opacity .1s}.bp-lr:focus,.bp-lr:hover{opacity:.8}@keyframes bpf{50%{transform:translatex(15px)}100%{transform:none}}@keyframes bpl{50%{transform:translatex(-15px)}100%{transform:none}}@keyframes bpfl{0%{opacity:0;transform:translatex(70px)}100%{opacity:1;transform:none}}@keyframes bpfr{0%{opacity:0;transform:translatex(-70px)}100%{opacity:1;transform:none}}@keyframes bpfol{0%{opacity:1;transform:none}100%{opacity:0;transform:translatex(-70px)}}@keyframes bpfor{0%{opacity:1;transform:none}100%{opacity:0;transform:translatex(70px)}}@keyframes bpturn{0%{transform:none}100%{transform:rotate(360deg)}}@media (max-width:600px){.bp-lr{font-size:15vw}}",document.head[P](l),(n=document[N]("DIV")).id="bp_container",n.onclick=U,u=e("bp-x"),n[P](u),"ontouchstart"in window&&(H=!0,n.ontouchstart=function(e){var o=e.changedTouches;t=o[0].pageX},n.ontouchmove=function(t){t.preventDefault()},n.ontouchend=function(e){var o=e.changedTouches;if(w){var n=o[0].pageX-t;n<-30&&W(1),n>30&&W(-1)}}),r=document[N]("IMG"),(a=document[N]("VIDEO")).id="bp_vid",a.setAttribute("playsinline",!0),a.controls=!0,a.loop=!0,(c=document[N]("audio")).id="bp_aud",c.controls=!0,c.loop=!0,(C=document[N]("span")).id="bp_count",(h=document[N]("DIV")).id="bp_caption",(y=e("bp-xc")).onclick=X.bind(null,!1),h[P](y),g=document[N]("SPAN"),h[P](g),n[P](h),L=s(1,"transform:scalex(-1)"),E=s(-1,"left:0;right:auto"),(b=document[N]("DIV")).id="bp_loader",b.innerHTML='<svg viewbox="0 0 32 32" fill="#fff" opacity=".8"><path d="M16 0a16 16 0 0 0 0 32 16 16 0 0 0 0-32m0 4a12 12 0 0 1 0 24 12 12 0 0 1 0-24" fill="#000" opacity=".5"/><path d="M16 0a16 16 0 0 1 16 16h-4A12 12 0 0 0 16 4z"/></svg>',(p=document[N]("DIV")).id="bp_sv",(d=document[N]("IFRAME")).setAttribute("allowfullscreen",!0),d.allow="autoplay; fullscreen",d.onload=function(){return p[V](b)},J(d,"border:0;position:absolute;height:100%;width:100%;left:0;top:0"),p[P](d),r.onload=F,r.onerror=F.bind(null,"image"),window.addEventListener("resize",(function(){w||f&&R(!0),i===p&&B()})),document.addEventListener("keyup",(function(t){var e=t.keyCode;27===e&&x&&U(),w&&(39===e&&W(1),37===e&&W(-1),38===e&&W(10),40===e&&W(-10))})),document.addEventListener("keydown",(function(t){w&&~[37,38,39,40].indexOf(t.keyCode)&&t.preventDefault()})),document.addEventListener("focus",(function(t){x&&!n.contains(t.target)&&(t.stopPropagation(),u.focus())}),!0),o=!0}(),f&&(clearTimeout(m),Y()),z=t,l=t.ytSrc||t.vimeoSrc,S=t.animationStart,T=t.animationEnd,M=t.onChangeImage,e=t.el,k=!1,v=e.getAttribute("data-caption"),t.gallery?function(t,o){var a=z.galleryAttribute||"data-bp";if(Array.isArray(t))O=t,v=t[A=o||0].caption;else{var c=(O=[].slice.call("string"==typeof t?document.querySelectorAll(t+" ["+a+"]"):t)).indexOf(e);A=0===o||o?o:-1!==c?c:0,O=O.map((function(t){return{el:t,src:t.getAttribute(a),caption:t.getAttribute("data-caption")}}))}k=!0,s=O[A].src,!~D.indexOf(s)&&R(!0),O.length>1?(n[P](C),C.innerHTML=A+1+"/"+O.length,H||(n[P](L),n[P](E))):O=!1,(i=r).src=s}(t.gallery,t.position):l||t.iframeSrc?(i=p,q="https://",j="autoplay=1",z.ytSrc?I=q+"www.youtube"+(z.ytNoCookie?"-nocookie":"")+".com/embed/"+l+"?html5=1&rel=0&playsinline=1&"+j:z.vimeoSrc?I=q+"player.vimeo.com/video/"+l+"?"+j:z.iframeSrc&&(I=z.iframeSrc),J(b,""),p[P](b),d.src=I,B(),setTimeout(F,9)):t.imgSrc?(k=!0,s=t.imgSrc,!~D.indexOf(s)&&R(!0),(i=r).src=s):t.audio?(R(!0),(i=c).src=t.audio,G("audio file")):t.vidSrc?(R(!0),t.dimensions&&J(a,"width:"+t.dimensions[0]+"px"),_=t.vidSrc,Array.isArray(_)?(i=a.cloneNode(),_.forEach((function(t){var e=document[N]("SOURCE");e.src=t,e.type="video/"+t.match(/.(\w+)$/)[1],i[P](e)}))):(i=a).src=_,G("video")):(i=r).src="IMG"===e.tagName?e.src:window.getComputedStyle(e).backgroundImage.replace(/^url|[(|)|'|"]/g,""),n[P](i),document.body[P](n),{close:U,next:function(){return W(1)},prev:function(){return W(-1)}}}}},e={};function o(n){var i=e[n];if(void 0!==i)return i.exports;var r=e[n]={exports:{}};return t[n](r,r.exports,o),r.exports}o.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return o.d(e,{a:e}),e},o.d=(t,e)=>{for(var n in e)o.o(e,n)&&!o.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},o.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),o.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var n={};(()=>{"use strict";o.r(n);var t,e=o(765),i=o.n(e);window.stackableVideoPopup=new class{init=()=>{document.querySelectorAll(".stk-block-video-popup").forEach((t=>{t.querySelector("button").addEventListener("click",(e=>{e.preventDefault(),(t=>{if(i()){const e={el:t,noLoader:!0},o=t.getAttribute("data-video");if(o.match(/^https?:/)){const{type:t,id:n}=(t=>{let e="";return e=(t.match(/youtube\.com\/watch\?v=([^\&\?\/]+)/i)||[])[1],e||(e=(t.match(/youtube\.com\/embed\/([^\&\?\/]+)/i)||[])[1]),e||(e=(t.match(/youtube\.com\/v\/([^\&\?\/]+)/i)||[])[1]),e||(e=(t.match(/youtu\.be\/([^\&\?\/]+)/i)||[])[1]),e?{type:"youtube",id:e}:(e=(t.match(/vimeo\.com\/(\w*\/)*(\d+)/i)||[])[2],e||(e=(t.match(/^\d+$/i)||[])[0]),e?{type:"vimeo",id:e}:{type:"",id:t})})(o);"youtube"===t?(e.ytSrc=n,e.ytNoCookie=!0):"vimeo"===t?e.vimeoSrc=n:e.vidSrc=n}i()(e)}})(t)}))}))}},t=window.stackableVideoPopup.init,"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",t):t())})(),frontend_block_video_popup=n})();