(window.webpackJsonp=window.webpackJsonp||[]).push([[160],{1451:function(t,e,r){"use strict";r(782)},1452:function(t,e,r){var o=r(13)(!1);o.push([t.i,".lazy-video[data-v-e15c5610]{position:relative;width:100%;overflow:hidden;background:#000}.poster[data-v-e15c5610],.video[data-v-e15c5610]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.poster[data-v-e15c5610]{background:#000;opacity:1}.loader[data-v-e15c5610],.poster[data-v-e15c5610]{position:absolute;top:0;right:0;bottom:0;left:0}.loader[data-v-e15c5610]{display:grid;align-items:center;justify-items:center;place-items:center;pointer-events:none;z-index:2;padding-bottom:8px;text-align:center}.spinner-ring[data-v-e15c5610]{width:100px;height:100px;box-sizing:border-box;border:8px solid hsla(0,0%,100%,.18);border-top-color:#fff;border-radius:50%;-webkit-animation:spin-data-v-e15c5610 1s linear infinite;animation:spin-data-v-e15c5610 1s linear infinite;filter:drop-shadow(0 0 8px rgba(255,255,255,.35));margin-bottom:10px}.loader-text[data-v-e15c5610]{font-size:12px;line-height:1;color:hsla(0,0%,100%,.85);text-shadow:0 1px 2px rgba(0,0,0,.4)}@-webkit-keyframes spin-data-v-e15c5610{to{transform:rotate(1turn)}}@keyframes spin-data-v-e15c5610{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.spinner-ring[data-v-e15c5610]{-webkit-animation-duration:2.5s;animation-duration:2.5s}}",""]),t.exports=o},1620:function(t,e,r){"use strict";r.r(e);r(46),r(37);var o={props:{src:{type:String,required:!0},aspect:{type:String,default:"16/9"},eagerPreload:{type:Boolean,default:!0}},data:function(){return{isIntersecting:!1,posterReady:!1,observer:null,visHandler:null,lastActivityAt:0,watchdogTimer:null,retryCount:0,effectiveSrc:this.src}},computed:{showCanvas:function(){return!this.posterReady||!this.isIntersecting}},watch:{src:function(t){this.resetStateForNewSource(t)}},mounted:function(){var t=this,video=this.$refs.video;if(this.eagerPreload&&video)try{video.preload="auto",video.load()}catch(t){}this.armWatchdog(),this.observer=new IntersectionObserver((function(e){var r=e[0];if(r)if(t.isIntersecting=r.isIntersecting,r.isIntersecting)t.$nextTick((function(){var e=t.$refs.video;if(e){var p=e.play();p&&p.catch&&p.catch((function(){return setTimeout((function(){return e.play().catch((function(){}))}),150)}));var canvas=t.$refs.canvas;canvas&&t.posterReady&&(canvas.style.opacity=0)}}));else{var o=t.$refs.video,canvas=t.$refs.canvas;if(o)try{o.pause()}catch(t){}canvas&&t.posterReady&&(canvas.style.transition="opacity 0.2s ease",canvas.style.opacity=1)}}),{threshold:.25,rootMargin:"200px 0px 200px 0px"}),this.observer.observe(this.$refs.wrapper),this.visHandler=function(){var e=t.$refs.video;if(e)if(document.hidden)try{e.pause()}catch(t){}else if(t.isIntersecting){var p=e.play();p&&p.catch&&p.catch((function(){}))}},document.addEventListener("visibilitychange",this.visHandler,{passive:!0})},beforeDestroy:function(){this.observer&&this.observer.disconnect(),document.removeEventListener("visibilitychange",this.visHandler),this.watchdogTimer&&clearInterval(this.watchdogTimer);var t=this.$refs.video;if(t){try{t.pause()}catch(t){}t.removeAttribute("src");try{t.load()}catch(t){}}},methods:{onActivity:function(){this.lastActivityAt=Date.now()},onMaybeStall:function(){this.lastActivityAt=this.lastActivityAt||Date.now()},onAbort:function(){var t=this.$refs.video;t&&(t.readyState<2&&!this.posterReady&&this.retryLoad("abort"))},onError:function(){this.retryLoad("error")},armWatchdog:function(){var t=this;this.lastActivityAt=Date.now(),this.watchdogTimer&&clearInterval(this.watchdogTimer),this.watchdogTimer=setInterval((function(){var e=t.$refs.video;if(e){var r=!(e.buffered&&e.buffered.length&&e.buffered.end(0)>0),o=Date.now()-t.lastActivityAt>7e3;e.readyState<2&&r&&o&&t.retryLoad("watchdog")}}),1500)},retryLoad:function(t){if(!(this.retryCount>=1)){this.retryCount++;var e=this.$refs.video;if(e){var r="__cb=".concat(Date.now()),o=this.src.includes("?"),n="".concat(this.src).concat(o?"&":"?").concat(r);this.effectiveSrc=n,this.onActivity();try{e.pause()}catch(t){}try{e.load()}catch(t){}if(this.isIntersecting){var p=e.play();p&&p.catch&&p.catch((function(){return setTimeout((function(){return e.play().catch((function(){}))}),200)}))}}}},resetStateForNewSource:function(t){this.posterReady=!1,this.retryCount=0,this.effectiveSrc=t,this.onActivity();var e=this.$refs.video;if(e){try{e.pause()}catch(t){}try{e.load()}catch(t){}if(this.isIntersecting){var p=e.play();p&&p.catch&&p.catch((function(){}))}}},capturePoster:function(){var t=this,video=this.$refs.video,canvas=this.$refs.canvas;if(video&&canvas&&video.videoWidth&&video.videoHeight){canvas.width=video.videoWidth,canvas.height=video.videoHeight;var e=canvas.getContext("2d");try{e.drawImage(video,0,0,canvas.width,canvas.height)}catch(t){}!this.posterReady&&this.isIntersecting?(canvas.style.transition="opacity 0.6s ease",canvas.style.opacity=0,setTimeout((function(){return t.posterReady=!0}),600)):this.posterReady=!0,this.onActivity()}},onCanPlay:function(){var video=this.$refs.video,canvas=this.$refs.canvas;if(video){if(this.isIntersecting){var p=video.play();p&&p.catch&&p.catch((function(){return setTimeout((function(){return video.play().catch((function(){}))}),150)}))}canvas&&this.isIntersecting&&this.posterReady&&(canvas.style.transition="opacity 0.6s ease",canvas.style.opacity=0),this.onActivity()}}}},n=(r(1451),r(8)),component=Object(n.a)(o,(function(){var t=this,e=t.$createElement,r=t._self._c||e;return r("div",{ref:"wrapper",staticClass:"lazy-video",style:"aspect-ratio: "+t.aspect},[r("video",{ref:"video",staticClass:"video",attrs:{src:t.effectiveSrc,muted:"",loop:"",playsinline:"",preload:"auto"},domProps:{muted:!0},on:{loadeddata:t.capturePoster,canplay:t.onCanPlay,loadedmetadata:t.onActivity,progress:t.onActivity,timeupdate:t.onActivity,playing:t.onActivity,suspend:t.onMaybeStall,stalled:t.onMaybeStall,abort:t.onAbort,emptied:t.onMaybeStall,error:t.onError}}),t._v(" "),r("canvas",{directives:[{name:"show",rawName:"v-show",value:t.showCanvas,expression:"showCanvas"}],ref:"canvas",staticClass:"poster"}),t._v(" "),r("div",{directives:[{name:"show",rawName:"v-show",value:!t.posterReady,expression:"!posterReady"}],staticClass:"loader",attrs:{"aria-label":"Загрузка..."}},[r("div",{staticClass:"spinner-ring"}),t._v(" "),r("div",{staticClass:"loader-text"},[t._v("Загрузка анимации")])])])}),[],!1,null,"e15c5610",null);e.default=component.exports},782:function(t,e,r){var content=r(1452);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,r(14).default)("30c02538",content,!0,{sourceMap:!1})}}]);