@twab/visualization 0.9.5 → 0.9.7

package/dist/visualization.umd.min.895.js

@@ -1,2 +0,0 @@
-"use strict";(("undefined"!==typeof self?self:this)["webpackChunkvisualization"]=("undefined"!==typeof self?self:this)["webpackChunkvisualization"]||[]).push([[895],{8347:function(e,t,i){i.r(t),i.d(t,{default:function(){return ue}});var a=function(){var e=this,t=e._self._c;return t("div",{staticClass:"visualization-row",attrs:{id:"visualization-container"},on:{click:e.framesClicked}},[e.active&&e.canInsertTime&&e.settingsClosed?t("GlobalEvents",{on:{keydown:[function(t){return t.type.indexOf("key")||45===t.keyCode?e.insertTime.apply(null,arguments):null},function(t){return t.type.indexOf("key")||46===t.keyCode?e.insertTime.apply(null,arguments):null}]}}):e._e(),e.active&&e.settingsClosed?t("GlobalEvents",{on:{keydown:[function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"left",37,t.key,["Left","ArrowLeft"])||"button"in t&&0!==t.button?null:(t.preventDefault(),e.arrowLeft.apply(null,arguments))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"right",39,t.key,["Right","ArrowRight"])||"button"in t&&2!==t.button?null:(t.preventDefault(),e.arrowRight.apply(null,arguments))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"page-down",void 0,t.key,void 0)?null:t.shiftKey?(t.preventDefault(),e.nextLoopActivate.apply(null,arguments)):null},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"page-down",void 0,t.key,void 0)?null:(t.preventDefault(),e.next.apply(null,arguments))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"page-up",void 0,t.key,void 0)?null:(t.preventDefault(),e.prev.apply(null,arguments))},function(t){return!t.type.indexOf("key")&&e._k(t.keyCode,"page-up",void 0,t.key,void 0)?null:t.shiftKey?(t.preventDefault(),e.prevLoopActivate.apply(null,arguments)):null},function(t){return t.type.indexOf("key")||83===t.keyCode?(t.preventDefault(),e.setHourIni.apply(null,arguments)):null},function(t){return t.type.indexOf("key")||69===t.keyCode?(t.preventDefault(),e.setHourEnd.apply(null,arguments)):null},function(t){return t.type.indexOf("key")||36===t.keyCode?(t.preventDefault(),e.goToFirstFrame.apply(null,arguments)):null},function(t){return t.type.indexOf("key")||35===t.keyCode?(t.preventDefault(),e.goToLastFrame.apply(null,arguments)):null},function(t){if(!t.type.indexOf("key")&&71!==t.keyCode)return null;t.preventDefault(),e.dialogs.goTo=!0},function(t){if(!t.type.indexOf("key")&&73!==t.keyCode)return null;t.preventDefault(),e.dialogs.secondsPerFrame=!0},function(t){if(!t.type.indexOf("key")&&76!==t.keyCode)return null;t.preventDefault(),e.dialogs.frames=!0},function(t){return t.type.indexOf("key")||49===t.keyCode||97===t.keyCode?(()=>e.secondsPerFrame=1).apply(null,arguments):null},function(t){return t.type.indexOf("key")||50===t.keyCode||98===t.keyCode?(()=>e.secondsPerFrame=2).apply(null,arguments):null},function(t){return t.type.indexOf("key")||51===t.keyCode||99===t.keyCode?(()=>e.secondsPerFrame=3).apply(null,arguments):null},function(t){return t.type.indexOf("key")||52===t.keyCode||100===t.keyCode?(()=>e.secondsPerFrame=4).apply(null,arguments):null},function(t){return t.type.indexOf("key")||53===t.keyCode||101===t.keyCode?(()=>e.secondsPerFrame=5).apply(null,arguments):null}]}}):e._e(),e.prevLoop||e.nextLoop?t("GlobalEvents",{on:{keydown:e.breakLoop,click:e.breakLoop}}):e._e(),e.active?t("settings",{attrs:{"dialogs-visibility":e.dialogs,"playback-rate":e.playbackRate,"seconds-per-frame":e.secondsPerFrame,"frames-per-row":e.framesPerRow,"number-of-rows":e.numberOfRows},on:{"change-playback-rate":t=>e.playbackRate=t,"change-go-to":e.changeHour,"change-seconds-per-frame":t=>e.secondsPerFrame=t,"set-frames-selection":e.setFrameSelection,close:t=>e.dialogs[t]=!1}}):e._e(),t("div",{class:{"visualization-card":!0,"active-tab":e.active},staticStyle:{width:"100%",padding:"0"}},[t("command-bar",{directives:[{name:"show",rawName:"v-show",value:e.commandBarShow,expression:"commandBarShow"}],attrs:{"video-playing":e.videoPlaying,"video-paused":e.paused,"insert-time":e.canInsertTime,"hour-ini-selected":!!e.hourIniSelected,"hour-end-selected":!!e.hourEndSelected},on:{"prev-loop-activate":e.prevLoopActivate,"next-loop-activate":e.nextLoopActivate,prev:e.prev,next:e.next,"go-to":function(t){e.dialogs.goTo=!0},"open-frame-selection":function(t){e.dialogs.frames=!0},"open-frames-per-second":function(t){e.dialogs.secondsPerFrame=!0},"open-blocks":e.openBlocks,"open-playback-rate":function(t){e.dialogs.playbackRate=!0},"play-or-pause":e.playOrPause,"stop-playing":e.stopPlayingBar,"set-hour-ini":e.setHourIni,"set-hour-end":e.setHourEnd,"insert-time":e.insertTime}}),e.videoProgressBar?t("video-progress",{directives:[{name:"show",rawName:"v-show",value:e.videoPlaying,expression:"videoPlaying"}],attrs:{"video-time":e.videoTime}}):e._e(),t("info-bar",{attrs:{"playback-rate":e.playbackRate,"seconds-per-frame":e.secondsPerFrame,"commands-show":e.commandBarShow,cache:e.useCache,"block-start-time":e.blockStartTime,"video-total-duration":e.videoSliderTotalDuration,"alternative-server":e.alternativeServer,"frames-per-row":e.framesPerRow,"number-of-rows":e.numberOfRows,"hour-ini":e.hourIniSelected,"hour-end":e.hourEndSelected},on:{"toogle-commands-visibility":function(t){e.commandBarShow=!e.commandBarShow},"toogle-cache":function(t){e.useCache=!e.useCache},"change-server":e.changeServerClick}}),e._l(e.numberOfRows,(function(i){return t("div",{key:"row-"+i,staticClass:"visualization-row",staticStyle:{padding:"12px"},attrs:{id:"row-"+i}},[e._l(e.previousFrames,(function(a,r){return t("div",{key:e.numberOfRows+"-"+e.framesPerRow+"-"+e.getIndex(i,r,e.Positions.previous),staticStyle:{display:"none"}},[t("span",{domProps:{innerHTML:e._s(a.img)}})])})),e._l(e.nextFrames,(function(a,r){return t("div",{key:e.numberOfRows+"-"+e.framesPerRow+"-"+e.getIndex(i,r,e.Positions.next),staticStyle:{display:"none"}},[t("span",{domProps:{innerHTML:e._s(a.img)}})])})),e._l(e.frames.slice(e.framesPerRow*(i-1),e.framesPerRow*i),(function(a,r){return t("div",{key:"row-"+i+"-frame-"+r,staticClass:"visualization-col",class:{loaderImg:!!a.img},attrs:{id:`frame-${e.getIndex(i,r,e.Positions.current)}`},on:{click:function(t){a.time&&e.selectFrame(e.getIndex(i,r,e.Positions.current),a)}}},[t("span",{staticStyle:{"padding-left":"4px"},attrs:{id:e.activeFrame?"aa":0}},[t("b",[e._v(" "+e._s(e.getAudienceTime(a.time,i,r,e.Positions.current))+" ")])]),t("frame",{ref:"frames",refInFor:!0,staticStyle:{margin:"0 auto"},attrs:{frame:a,index:e.getIndex(i,r,e.Positions.current),"grid-settings":{numberOfRows:e.numberOfRows,framesPerRow:e.framesPerRow},initialTime:a.time===e.hourIniSelected,endTime:a.time===e.hourEndSelected,betweenTime:a.time>e.hourIniSelected&&a.time<e.hourEndSelected,active:e.getIndex(i,r,e.Positions.current)===e.activeFrame,activeTab:e.active,videoUrl:e.fInterface?e.fInterface.getVideoUrl(a):"","playback-rate":e.playbackRate},on:{startPlaying:e.startPlaying,stopPlaying:e.stopPlaying,playPauseStatus:e.changePlayPause,updateSlider:e.updateSlider}})],1)}))],2)}))],2)],1)},r=[],s=function(){var e=this,t=e._self._c;return t("div",{class:{"frame-container":!0,"initial-time":e.initialTime,"end-time":e.endTime,"between-time":e.betweenTime,active:e.active},style:{maxHeight:`${e.maxHeight}px`,width:"100%",position:"relative"}},[e.active&&e.activeTab&&e.parentComponent.settingsClosed?t("GlobalEvents",{on:{keydown:[function(t){return t.type.indexOf("key")||32===t.keyCode?(t.preventDefault(),e.playOrPause.apply(null,arguments)):null},function(t){return t.type.indexOf("key")||27===t.keyCode?(t.preventDefault(),e.stop.apply(null,arguments)):null},function(t){return t.type.indexOf("key")||79===t.keyCode?e.toogleDetailFrame.apply(null,arguments):null},function(t){return t.type.indexOf("key")||13===t.keyCode?(t.preventDefault(),e.jumpFrameToStart.apply(null,arguments)):null}]}}):e._e(),e.showFrame?t("GlobalEvents",{on:{keydown:[function(t){return t.type.indexOf("key")||27===t.keyCode?(t.preventDefault(),e.toogleDetailFrame.apply(null,arguments)):null},function(t){return t.type.indexOf("key")||13===t.keyCode?(t.preventDefault(),e.toogleDetailFrame.apply(null,arguments)):null}]}}):e._e(),t("vue-loading",{staticStyle:{"z-index":"0"},attrs:{active:(!e.frame.image||!e.frame.time)&&-1!==e.frame.title||e.loading||e.videoIsLoading,spinner:"ring",color:"#1565c0","background-color":"#ededed",text:e.videoIsLoading?e.$("infoBar.createVideo"):""}}),t("div",{staticStyle:{"background-color":"black"}},[e.loading?e._e():t("div",{class:{"frame-content":-1===e.frame.title||e.videoStatus!==e.Status.stopped},style:{maxHeight:`${e.height}px`,maxWidth:`${e.width}px`,color:"white"},on:{dblclick:e.playOrPause}},[e.frame.image&&e.videoStatus===e.Status.stopped?t("div",{class:{"dummy-frame":-1===e.frame.title},staticStyle:{width:"100%",height:"100%"},domProps:{innerHTML:e._s(e.frame.image)}}):e._e(),e.videoStatus===e.Status.stopped||e.videoIsLoading?e._e():t("video",{ref:"videoPlayer",staticStyle:{width:"100%","aspect-ratio":"11/9"},attrs:{maxHeight:`${e.height}px`,maxWidth:`${e.width}px`,src:e.videoUrlString,preload:"none",autoplay:""},on:{timeupdate:e.updateTimeLabel,ended:e.videoEnded,click:e.playOrPause}}),t("div",{staticClass:"overlay"})])]),t("dialog",{ref:"imageDetailsDialog",class:{"dummy-frame":-1===e.frame.title},staticStyle:{width:"100vh",border:"none",background:"none"},domProps:{innerHTML:e._s(e.frame.image)}})],1)},n=[],o=i(3963),l=i.n(o);const c=Object.freeze({stopped:0,playing:1,paused:2});var u={components:{VueLoading:l()},name:"frame-component",props:{frame:{type:[Object,Number],required:!0},index:{type:Number,required:!0},loading:{type:Boolean,default:!1},gridSettings:{type:Object,required:!0},initialTime:{type:Boolean,default:!1},endTime:{type:Boolean,default:!1},betweenTime:{type:Boolean,default:!1},active:{type:Boolean,default:!1},activeTab:{type:Boolean,default:!1},videoUrl:{type:[String,Promise],required:!0},playbackRate:{type:Number,default:1}},data(){return{Status:c,aspectRatio:11/9,width:0,height:0,maxWidth:0,fullMaxWidth:0,maxHeight:0,showFrame:!1,videoStatus:c.stopped,videoStartTime:null,videoCurrentTime:null,videoUrlString:"",parentComponent:null,videoIsLoading:!1,currentBlock:null,lastTimeEnterPressed:null}},created(){this.parentComponent=this.$parent},watch:{playbackRate(e){this.videoStatus!==c.playing&&this.videoStatus!==c.paused||(this.$refs.videoPlayer.playbackRate=e)}},methods:{jumpFrameToStart(){if(this.active){const e=(new Date).getTime();e-this.lastTimeEnterPressed<=500&&this.parentComponent.changeHour(this.parentComponent.convertToAudienceTime(this.frame.time)),this.lastTimeEnterPressed=e}},changeSettings(e){this.videoCurrentTime=e},toogleDetailFrame(){this.showFrame?this.$refs.imageDetailsDialog.close():this.$refs.imageDetailsDialog.showModal(),this.showFrame=!this.showFrame},getMaxWidth(){const e=document.getElementById("command-bar");return e?.clientWidth},resize(e){const t=document.getElementById("command-bar"),i=document.getElementById("info-bar");this.fullMaxWidth=t?.clientWidth,this.maxWidth=(t?.clientWidth-10*this.gridSettings.framesPerRow)/this.gridSettings.framesPerRow;const a=e-t?.offsetHeight-i?.offsetHeight-47*this.gridSettings.numberOfRows;this.maxHeight=2===this.gridSettings.numberOfRows?(a-12)/2:a,this.maxHeight=this.maxHeight>=75?this.maxHeight:75,this.maxWidth/this.aspectRatio>this.maxHeight?(this.height=this.maxHeight,this.width=this.maxHeight*this.aspectRatio):(this.width=this.maxWidth,this.height=this.maxWidth/this.aspectRatio),this.maxHeight=this.height},async playOrPause(){switch(this.videoStatus){case c.stopped:this.videoIsLoading=!0;try{this.videoUrlString=await this.videoUrl;const e=await(this.parentComponent.fInterface?.getVideoStartTime(this.frame));this.videoStartTime=e.start,this.videoUrlString=this.parentComponent.fInterface.getVideoRequestByUrl(e.url,this.frame.number)}catch(e){console.log(e)}this.videoIsLoading=!1,this.videoStatus=c.playing,this.$nextTick((()=>{this.$refs.videoPlayer.onloadedmetadata=e=>{this.$refs.videoPlayer.playbackRate=this.playbackRate,this.$emit("updateSlider",this.videoStartTime,this.frame.time),this.$emit("startPlaying",this.frame,e.target.duration),this.$emit("playPauseStatus",!0)}}));break;case c.paused:this.$refs.videoPlayer.play(),this.$refs.videoPlayer.playbackRate=this.playbackRate,this.videoStatus=c.playing,this.$emit("playPauseStatus",!0);break;case c.playing:this.$refs.videoPlayer.pause(),this.videoStatus=c.paused,this.$emit("playPauseStatus",!1);break}},stop(){let e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.videoStatus!==c.playing&&this.videoStatus!==c.paused||(e&&this.parentComponent.changeHour(this.parentComponent.convertToAudienceTime(parseInt(this.videoCurrentTime))),this.videoStatus=c.stopped,this.videoUrlString=null,this.videoCurrentTime=null,this.videoStartTime=null),this.$emit("stopPlaying")},videoJumpTo(e){this.videoCurrentTime=this.videoStartTime+e,this.$refs.videoPlayer.currentTime=e},async videoJumpToTimeStamp(e){let t={time:e};e&&(this.currentBlock&&e>=this.currentBlock.start&&e<=this.currentBlock.end||(this.currentBlock=await(this.parentComponent.fInterface?.getBlockInfo(t)),this.videoStartTime=this.currentBlock.start,this.videoUrlString=this.parentComponent.fInterface.getVideoUrlForTime(this.videoStartTime)),this.videoCurrentTime=e-this.videoStartTime,this.$refs.videoPlayer.currentTime=this.videoCurrentTime)},updateTimeLabel(e){this.videoCurrentTime=this.videoStartTime+e.target.currentTime,this.parentComponent.updateVideoTime(this.index,this.videoCurrentTime),this.parentComponent.updateVideoStatus(e.target.currentTime)},async videoEnded(){this.videoStartTime=await(this.parentComponent.fInterface?.getNextVideoStartTime(this.frame.time)),this.videoUrlString=this.parentComponent.fInterface.getVideoUrlForTime(this.videoStartTime),this.$emit("updateSlider",this.videoStartTime,this.videoStartTime)}}},h=u,d=i(1001),m=(0,d.Z)(h,s,n,!1,null,"20a23fbe",null),p=m.exports,f=i(2315);const g=f.Z.create({baseURL:sessionStorage.getItem("base_url")});g.interceptors.request.use((e=>(e.params=e.params||{},e.params.Client=sessionStorage.getItem("client")||"UNKNOWN","alternative"===sessionStorage.getItem("server")&&(e.params.BlockPathConfig="AlernativeTvConfig"),e)));var v={getBlockRequest(){let{direction:e,channel:t,split:i,time:a,quality:r,factor:s,useCache:n=!0,signal:o}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return g.get(`Get${e}FramesBlockInFiles`,{params:{Channel:t,Split:i,UseCache:n,Time:a,Step:0,JpegQuality:r,JpegSizeFactor:s},signal:o})},getSmallBlockRequest(){let{channel:e,split:t,time:i,quality:a,factor:r,size:s,useCache:n=!0,signal:o}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return g.get("GetSmallFramesBlockInFiles",{params:{Channel:e,Split:t,UseCache:n,Time:i,Step:0,JpegQuality:a,JpegSizeFactor:r,Size:s},signal:o})},getFileInfoRequest(){let{direction:e,channel:t,split:i,time:a,step:r,signal:s}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return g.get(`Get${e}BlockFileInformation`,{params:{Channel:t,Split:i,Time:a,Step:r},signal:s})},getNextAvailableBlock(){let{channel:e,time:t,signal:i}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return g.get("GetPreviousAvailableBlockFileInformation",{params:{Channel:e,Split:1,Time:t,Step:0},signal:i})}},y={MinBlockSizes:Object.freeze({1:3600,2:3600,3:3600,4:3600,5:3600}),MinBlockSizesBack:Object.freeze({1:1800,2:1800,3:1800,4:1800,5:1800}),Direction:Object.freeze({Next:"Next",Previous:"Previous",Self:""}),JpegQuality:Object.freeze({LowestQuality:"1",LowQuality:"25",MediumQuality:"50",HighQuality:"75",HighestQuality:"100"}),ResponseStatus:Object.freeze({Ok:1,UnknownError:-1,VideoBlockNotFound:-2,InvalidRequest:-3,ClientNotAllowed:-4,AuthenticationProblem:-5}),StepsQuality:Object.freeze({1:"50",2:"50",3:"50",4:"50",5:"50"}),SizeQuality:Object.freeze({1:"100"}),StepsFactor:Object.freeze({1:1,2:1,3:1,4:1,5:1}),SmallBlockSize:Object.freeze({1:1,2:1,3:1,4:1,5:1})};function S(e,t,i,a){let r=!(arguments.length>4&&void 0!==arguments[4])||arguments[4];this.channel=e,this.size=t,this.currentTime=i,this.useCache=r,this.startAudienceTime=a,this.firstFrameTime=i,this.buffer=[],this.requests={},this.currentStep=1,this.currentPosition=0,this.smallBlockSizeFactor=2,this.startCheckingQualityStep=1,this.startCheckingQualitySize=1,this.numberOfSmallBlocksCheck=3}S.prototype.goTo=async function(e){this.cancelAllPendingRequests(),this.currentTime=e||this.currentTime;const t=this.findFrameIndexByTime(this.currentTime);t>=0?this.currentPosition=t:(this.buffer=[],await this.getSmallBlock(this.currentTime,this.channel,1))},S.prototype.getSmallBlock=async function(e,t,i){let a=arguments.length>3&&void 0!==arguments[3]&&arguments[3];const r=`smallBlock_${e}`;try{if(!this.requests[r]){this.requests[r]=new AbortController;let s=(await v.getSmallBlockRequest({channel:t,split:i,time:e,size:15*this.size,quality:y.StepsQuality[this.currentStep],factor:y.StepsFactor[this.currentStep],signal:this.requests[r].signal})).data;if(!this.requests[r])throw"Response not needed anymore";if(s.status!==y.ResponseStatus.Ok)throw await this.getBlock(e,t,i,y.Direction.Previous,!0),await this.getBlock(e,t,i,y.Direction.Next,!0),s?.message||"Unknown error";s=s.data;const n=s.frames;if(this.requests[`block_${y.Direction.Next}_${s.end}`]=!0,this.getBlock(e,this.channel,1,y.Direction.Self,!0,!0),!a){const e=n[0].time,t=n[n.length-1].time;t===s.end?await this.getSmallBlock(t+1,this.channel,1,!0):this.timestampToTimeString(e)!==this.startAudienceTime&&e===s.start&&await this.getSmallBlock(e-this.currentStep*this.size,this.channel,1,!0)}return this.orderFramesBlock(n),this.currentPosition=this.findFrameIndexByTime(this.currentTime),delete this.requests[`block_${y.Direction.Next}_${s.end}`],delete this.requests[r],!0}return console.error("Frames Manager (GetSmallBlock): Request blocked by another equal request occurring"),!1}catch(s){return console.error(`Frames Manager (GetSmallBlock): ${s}`),delete this.requests[r],!1}},S.prototype.getBlock=async function(e,t,i,a,r){let s=arguments.length>5&&void 0!==arguments[5]&&arguments[5];const n=`block_${a}_${e}`;try{if(!this.requests[n]){this.requests[n]=new AbortController;let o=(await v.getBlockRequest({direction:a,channel:t,split:i,time:e,quality:y.StepsQuality[this.currentStep],factor:y.StepsFactor[this.currentStep],signal:this.requests[n].signal})).data;if(!this.requests[n])throw"Response not needed anymore";if(o.status!==y.ResponseStatus.Ok)throw o?.message||"Unknown error";return this.orderFramesBlock(o.data.frames),this.currentPosition=this.findFrameIndexByTime(this.currentTime),r&&await this.checkMinBlockSize(!s),delete this.requests[n],!0}return console.error(`Frames Manager (GetBlock ${a}): Request blocked by another equal request occurring`),!1}catch(o){return console.error(`Frames Manager (GetBlock ${a}): ${o}`),delete this.requests[n],!1}},S.prototype.checkMinBlockSize=async function(e){this.checkFramesBackward()&&await this.getBlock(0===this.buffer.length?this.currentTime:this.buffer[0].time,this.channel,1,y.Direction[0===this.buffer.length?"Self":"Previous"],e,0!==(this.buffer[0]?.number||0)),this.checkFramesForward()&&await this.getBlock(0===this.buffer.length?this.currentTime:this.buffer[this.buffer.length-1].time,this.channel,1,y.Direction[0===this.buffer.length?"Self":"Next"],e)},S.prototype.checkFramesForward=function(){return this.buffer.length-this.currentPosition<y.MinBlockSizes[this.currentStep]*(this.size/6)},S.prototype.checkFramesBackward=function(){return this.currentPosition<y.MinBlockSizesBack[this.currentStep]},S.prototype.orderFramesBlock=function(e){if(this.buffer.length>0){const t=this.buffer[0].time,i=this.buffer[this.buffer.length-1].time,a=e.filter((e=>e.time<t)),r=e.filter((e=>e.time>i));this.buffer=[...a,...this.buffer,...r]}else this.buffer=e},S.prototype.findFrameIndexByTime=function(e){return this.buffer.findIndex((t=>t.time===e))},S.prototype.cancelAllPendingRequests=function(){for(const e in this.requests){const t=this.requests[e];"object"===typeof t&&"signal"in t&&t.abort(),delete this.requests[e]}},S.prototype.timestampToTimeString=function(e){return new Date(1e3*e).toISOString().substring(11,19).replace(/:/g,"")},S.prototype.getPrevImages=function(){return this.timestampToTimeString(this.currentTime)===this.startAudienceTime?null:this.getBufferSlice(this.currentPosition-this.size*this.currentStep,this.currentPosition)},S.prototype.getCurrentImages=function(){return this.getBufferSlice(this.currentPosition,this.currentPosition+this.size*this.currentStep)},S.prototype.getNextImages=function(){return this.getBufferSlice(this.currentPosition+this.size*this.currentStep,this.currentPosition+2*this.size*this.currentStep)},S.prototype.getBufferSlice=function(e,t){let i=this.buffer.slice(e,t);return 1!==this.currentStep&&(i=i.filter(((e,t)=>t%this.currentStep===0))),i.length<this.size?null:i},S.prototype.next=function(){const e=this.currentPosition+this.currentStep*this.size;this.currentPosition=e<this.buffer.length?e:this.currentPosition,this.currentTime=this.buffer[this.currentPosition]?.time||this.currentTime,this.checkMinBlockSize(!0)},S.prototype.previous=function(){const e=this.currentPosition-this.size*this.currentStep;this.currentPosition=e>0?e:0,this.currentTime=this.buffer[this.currentPosition]?.time||this.currentTime,this.checkMinBlockSize(!0)},S.prototype.getFileInfo=async function(e,t){if(e){let i=(await v.getFileInfoRequest({direction:y.Direction.Self,channel:this.channel,split:this.currentStep,time:e,step:t})).data;return i.status==y.ResponseStatus.Ok?i.data:null}return null},S.prototype.getNextFileInfo=async function(e,t){let i=(await v.getFileInfoRequest({direction:y.Direction.Next,channel:this.channel,split:this.currentStep,time:e,step:t})).data;return i.status==y.ResponseStatus.Ok?i.data:null};var w=S;const b=sessionStorage.getItem("server");function k(){return{url:sessionStorage.getItem("base_url"),params:"alternative"===b?"&BlockPathConfig=AlernativeTvConfig":""}}function x(e,t,i,a,r){let s=!(arguments.length>5&&void 0!==arguments[5])||arguments[5];this.channel=e,this.numberOfRows=t,this.framesPerRow=i,this.currentTime=a,this.firstFrameTime=a,this.startAudienceTime=r,this.useCache=s}x.prototype.init=async function(){this.framesManager=await new w(this.channel,this.numberOfRows*this.framesPerRow,this.currentTime,this.startAudienceTime,this.useCache),await this.framesManager.goTo(),await this.loadFrames()},x.prototype.initLight=async function(){this.framesManager=await new w(this.channel,this.numberOfRows*this.framesPerRow,this.currentTime,this.startAudienceTime,this.useCache)},x.prototype.changeTime=async function(e){await this.framesManager.goTo(e),await this.loadFrames()},x.prototype.loadFrames=async function(){let e=await this.framesManager.getPrevImages()||[],t=await this.framesManager.getNextImages()||[],i=await this.framesManager.getCurrentImages()||[];e=await this.constructImagesComponent(e),i=await this.constructImagesComponent(i),t=await this.constructImagesComponent(t),this.frames={prev:e,current:i,next:t}},x.prototype.loadNextFrames=async function(){this.framesManager.next();let e=await this.framesManager.getNextImages()||[];e=await this.constructImagesComponent(e),this.frames.prev=this.frames.current,this.frames.current=this.frames.next,this.frames.next=e},x.prototype.loadPrevFrames=async function(){if(this.framesManager.previous(),console.log(this.framesManager.currentTime,this.firstFrameTime),this.framesManager.currentTime<this.firstFrameTime)return await this.framesManager.goTo(this.firstFrameTime),void await this.loadFrames();let e=await this.framesManager.getPrevImages()||[];e=await this.constructImagesComponent(e),this.frames.next=this.frames.current,this.frames.current=this.frames.prev,this.frames.prev=e},x.prototype.constructImagesComponent=async function(e){const t=[];for(let a of e){const e=document.createElement("img");e.src=-1===a.title?i(9583):`${sessionStorage.getItem("base_url")}frames/${a.title}${"alternative"==b?"?server=alt":""}`,e.style.maxWidth=-1===a.title?"80%":"100%",e.style.contain="true",t.push(new Promise((t=>{e.addEventListener("load",(()=>{t()}))}))),a["image"]=e.outerHTML}return await Promise.all(t),e},x.prototype.getFrames=function(e){const t=["prev","current","next"],i=this.frames[t[e]];return i&&i.length>0?i:Array.from(Array(this.numberOfRows*this.framesPerRow).keys())},x.prototype.getCurrentTime=function(){return this.framesManager.currentTime},x.prototype.getVideoUrl=function(e){let{url:t,params:i}=k();return t+"GetVideo?Client="+sessionStorage.getItem("client")+"&Channel="+this.channel+"&Time="+e.time+i+"#t="+e.number},x.prototype.getVideoUrlForTime=function(e){let{url:t,params:i}=k();return t+"GetVideo?Client="+sessionStorage.getItem("client")+"&Channel="+this.channel+"&Time="+e+i},x.prototype.getVideoStartTime=async function(e){try{const t=await this.framesManager.getFileInfo(e.time,0);return t}catch(t){console.log(t)}},x.prototype.getBlockInfo=async function(e){try{const t=await this.framesManager.getFileInfo(e.time,0);return t}catch(t){console.log(t)}},x.prototype.getNextVideoStartTime=async function(e){try{const t=await this.framesManager.getNextFileInfo(e,0);return t.start}catch(t){console.log(t)}},x.prototype.setCurrentStep=function(e){this.framesManager.currentStep=e},x.prototype.changeSize=async function(e,t){this.numberOfRows=e,this.framesPerRow=t,this.framesManager.size=this.numberOfRows*this.framesPerRow,await this.loadFrames()},x.prototype.getVideoRequestByUrl=function(e,t){const{url:i,params:a}=k();return i+"StreamFromVideo?url="+e+a+"#t="+t};var T=x,P=function(){var e=this,t=e._self._c;return t("div",{staticClass:"visualization-col pa-0",staticStyle:{"border-top-right-radius":"6px"},attrs:{id:"command-bar"}},[e.commandBarShow?t("div",{staticClass:"visualization-row visualization-justify-center"},e._l(e.commandBarBtns,(function(i,a){return t("div",{key:"command-btn-"+a},[i?e._e():t("hr",{staticClass:"visualization-divider vertical",staticStyle:{margin:"0 4px"}}),!i||i.condition&&!i.condition()?e._e():t("button",{directives:[{name:"tooltip",rawName:"v-tooltip",value:i.text&&"function"===typeof i.text?i.text():i.text,expression:"\n          btn.text && typeof btn.text === 'function' ? btn.text() : btn.text\n        "}],staticClass:"command-bar-btn",style:{color:i.color&&"function"===typeof i.color?i.color():"black"},on:{click:i.fnc}},[t("font-awesome-icon",{attrs:{id:i.id,icon:"fa-solid "+(i.icon&&"function"===typeof i.icon?i.icon():i.icon)}})],1)])})),0):e._e(),t("hr",{staticClass:"visualization-divider"})])},C=[],F={props:{videoPlaying:{type:Boolean,default:!1},videoPaused:{type:Boolean,default:!1},insertTime:{type:Boolean,default:!1},hourIniSelected:{type:Boolean,default:!1},hourEndSelected:{type:Boolean,default:!1}},data(){return{commandBarShow:!0,commandBarBtns:[{fnc:()=>this.$emit("prev-loop-activate"),icon:"fa-backward",text:"Fast Backward",id:"Fast Backward"},{fnc:()=>this.$emit("prev"),icon:"fa-step-backward",text:"Step Backward",id:"Step Backward"},{fnc:()=>this.$emit("go-to"),icon:"fa-clock",text:this.$i18n.t("infoBar.setHour"),id:"Definir Hora"},{fnc:()=>this.$emit("next"),icon:"fa-step-forward",text:"Step Forward",id:"Step Forward"},{fnc:()=>this.$emit("next-loop-activate"),icon:"fa-forward",text:"Fast Forward",id:"Fast Forward"},{fnc:()=>this.$emit("play-or-pause"),icon:()=>this.videoPlaying&&!this.videoPaused?"fa-pause":"fa-play",text:()=>this.videoPlaying&&!this.videoPaused?"Pause":"Play",id:"playOrPause"},{fnc:()=>this.$emit("stop-playing"),icon:"fa-stop",text:"Stop",id:"Stop"},null,{fnc:()=>this.$emit("open-frame-selection"),icon:"fa-border-all",text:this.$i18n.t("infoBar.gridForm"),id:"Formato da grelha"},{fnc:()=>this.$emit("open-frames-per-second"),icon:"fa-sliders-h",text:this.$i18n.t("infoBar.secondImage"),id:"Segundos por Imagem"},{fnc:()=>this.$emit("open-playback-rate"),icon:"fa-tachometer-alt",text:this.$i18n.t("infoBar.chooseVelocity"),id:"Escolher velocidade de reprodução"},null,{fnc:()=>this.$emit("set-hour-ini"),icon:"fa-hourglass-start",text:this.$i18n.t("form.inicialHour"),id:"Hora Inicial",color:()=>this.hourIniSelected?"var(--visualization-start)":"black"},{fnc:()=>this.$emit("insert-time"),icon:"fa-arrow-circle-down",text:this.$i18n.t("infoBar.insert"),id:"insert",condition:()=>this.insertTime},{fnc:()=>this.$emit("set-hour-end"),icon:"fa-hourglass-end",text:this.$i18n.t("form.endHour"),id:"Hora Final",color:()=>this.hourEndSelected?"var(--visualization-end)":"black"}]}}},I=F,R=(0,d.Z)(I,P,C,!1,null,null,null),B=R.exports,O=function(){var e=this,t=e._self._c;return t("div",{staticClass:"visualization-row visualization-justify-center visualization-align-center",style:e.commandsShow?"padding: 4px":"border-top-right-radius: 6px; padding: 4px",attrs:{id:"info-bar"}},[t("span",[e._v(" "+e._s(e.playbackRate)+"x ")]),t("hr",{staticClass:"visualization-divider vertical",staticStyle:{margin:"0 8px"}}),t("span",[e._v(" "+e._s(e.$t("infoBar.selected",{seconds:e.hourEnd&&e.hourIni?e.hourEnd-e.hourIni+1:0,hour_ini:e.convertToAudienceTime(e.hourIni),hour_end:e.convertToAudienceTime(e.hourEnd)}))+" ")]),t("hr",{staticClass:"visualization-divider vertical",staticStyle:{margin:"0 8px"}}),t("span",[e._v(" "+e._s(e.$t("infoBar.interval",{seconds:e.secondsPerFrame}))+" ")]),t("hr",{staticClass:"visualization-divider vertical",staticStyle:{margin:"0 8px"}}),t("span",[e._v(" "+e._s(e.$t("infoBar.block",{time1:e.convertToAudienceTime(e.blockStartTime),time2:e.convertToAudienceTime(e.blockTotalTime)}))+" ")]),t("hr",{staticClass:"visualization-divider vertical",staticStyle:{margin:"0 8px"}}),e._v(" "+e._s(e.framesPerRow*e.numberOfRows)+" "),t("hr",{staticClass:"visualization-divider vertical",staticStyle:{margin:"0 8px"}}),e._v(" "+e._s(e.framesPerRow+"*"+e.numberOfRows)+" "),e.alternativeServer||!e.cache?t("span",{staticClass:"visualization-divider vertical",staticStyle:{margin:"0 8px"}}):e._e(),e.alternativeServer?t("span",[t("v-icon",{attrs:{color:"error",small:"",left:""}},[e._v("fa-exclamation-triangle")]),t("strong",[e._v(e._s(e.$t("infoBar.alternativeServer")))])],1):e._e(),e.alternativeServer&&!e.cache?t("span",{staticClass:"visualization-divider vertical",staticStyle:{margin:"0 8px"}}):e._e(),e.cache?e._e():t("span",[t("v-icon",{attrs:{color:"warning",small:"",left:""}},[e._v("fa-exclamation-circle")]),t("strong",[e._v(e._s(e.$t("infoBar.notUsingCache")))])],1),t("div",{staticClass:"settings-container"},[t("font-awesome-icon",{directives:[{name:"tooltip",rawName:"v-tooltip",value:(e.alternativeServer,e.$t("infoBar.changeServer")),expression:"\n        alternativeServer\n          ? $t('infoBar.changeServer')\n          : $t('infoBar.changeServer')\n      "}],attrs:{icon:"fa-solid fa-server"},on:{click:function(t){return e.$emit("change-server")}}}),t("font-awesome-icon",{directives:[{name:"tooltip",rawName:"v-tooltip",value:e.commandsShow?e.$t("moduletelentry.hideButtons"):e.$t("moduletelentry.showButtons"),expression:"\n        commandsShow\n          ? $t('moduletelentry.hideButtons')\n          : $t('moduletelentry.showButtons')\n      "}],attrs:{icon:e.commandsShow?"fa-solid fa-eye":"fa-solid fa-eye-slash"},on:{click:function(t){return e.$emit("toogle-commands-visibility")}}}),t("font-awesome-icon",{directives:[{name:"tooltip",rawName:"v-tooltip",value:e.cache?e.$t("infoBar.disableCache"):e.$t("infoBar.activateCache"),expression:"\n        cache ? $t('infoBar.disableCache') : $t('infoBar.activateCache')\n      "}],attrs:{icon:e.cache?"fa-solid fa-ban":"fa-solid fa-sync"},on:{click:function(t){return e.$emit("toogle-cache")}}})],1)])},$=[],z={props:{playbackRate:{type:Number,required:!0},secondsPerFrame:{type:Number,required:!0},commandsShow:{type:Boolean,required:!0},cache:{type:Boolean,required:!0},blockStartTime:{type:Number,required:!0},videoTotalDuration:{type:Number,required:!0},alternativeServer:{type:Boolean,required:!0},framesPerRow:{type:Number,required:!0},numberOfRows:{type:Number,required:!0},hourIni:{type:[Number,Boolean]},hourEnd:{type:[Number,Boolean]}},data(){return{}},computed:{blockTotalTime(){return this.videoTotalDuration+this.blockStartTime}},methods:{convertToAudienceTime(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:":";const i=this.getDateParts(),a=Date.UTC(i.year,i.month,i.day,23,59,59)/1e3;let r=this.dateInUtc(1e3*e).toTimeString().split(" ")[0].split(":").map(Number);return e>a&&e<=a+this.startAudienceSeconds&&(r[0]=24+r[0]),r.map((e=>e>9?e.toString():"0"+e)).join(t)},getDateParts(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.date;const t=new Date(e);return{year:t.getFullYear(),month:t.getMonth(),day:t.getDate()}},dateInUtc(e){var t=new Date(e),i=new Date(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate(),t.getUTCHours(),t.getUTCMinutes(),t.getUTCSeconds());return i}}},D=z,_=(0,d.Z)(D,O,$,!1,null,null,null),A=_.exports,M=function(){var e=this,t=e._self._c;return t("div",[t("div",{staticClass:"visualization-row",attrs:{id:"progress"},on:{mousedown:e.progressMouseDown}},[t("span",{staticClass:"progressLabel"},[e._v(" "+e._s(e.convertToAudienceTime(e.videoTime))+" ")]),t("span",{staticClass:"progressBar"})]),t("hr",{staticClass:"visualization-divider"})])},V=[],L={props:{videoTime:{type:Number,required:!0}},methods:{progressMouseDown(e){this.progressVideoDrag=!0;const t=this.$refs.frames.filter((e=>e.videoStatus===e.Status.playing));if(1===t.length){const e=t[0];e.playOrPause()}this.updateProgress(e),window.addEventListener("mouseup",this.progressMouseUp),window.addEventListener("mousemove",this.progressMouseMove)},progressMouseUp(e){if(this.progressVideoDrag){const t=this.$refs.frames.filter((e=>e.videoStatus===e.Status.paused));if(1===t.length){const e=t[0];e.playOrPause()}this.updateProgress(e)}window.removeEventListener("mouseup",this.progressMouseUp),window.removeEventListener("mousemove",this.progressMouseMove),this.progressVideoDrag=!1},progressMouseMove(e){this.progressVideoDrag&&this.updateProgress(e)},updateProgress(e,t){let i;const a=document.getElementById("progress"),r=a.getElementsByClassName("progressBar")[0];let s=this.$refs.frames.filter((e=>e.videoStatus===e.Status.playing||e.videoStatus===e.Status.paused)),n=1===s.length?s[0]:null;if(t&&n){let e=n.videoCurrentTime-this.sliderStartTime;i=e/this.videoSliderTotalDuration*100}else if(e){const t=a.getBoundingClientRect(),r=Math.round(t.width),s=e.pageX-Math.round(t.left);if(i=s/r*100<=100?s/r*100:100,n){let e=this.videoSliderTotalDuration*(i/100),t=parseInt(this.sliderStartTime+e);n.videoJumpToTimeStamp(t)}}else i=0;r.style.width=`${i}%`},getDateParts(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.date;const t=new Date(e);return{year:t.getFullYear(),month:t.getMonth(),day:t.getDate()}},dateInUtc(e){var t=new Date(e),i=new Date(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate(),t.getUTCHours(),t.getUTCMinutes(),t.getUTCSeconds());return i},convertToAudienceTime(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:":";const i=this.getDateParts(),a=Date.UTC(i.year,i.month,i.day,23,59,59)/1e3;let r=this.dateInUtc(1e3*e).toTimeString().split(" ")[0].split(":").map(Number);return e>a&&e<=a+this.startAudienceSeconds&&(r[0]=24+r[0]),r.map((e=>e>9?e.toString():"0"+e)).join(t)}}},q=L,U=(0,d.Z)(q,M,V,!1,null,"7fe6f244",null),N=U.exports,E=function(){var e=this,t=e._self._c;return t("div",[e.dialogsVisibility.frames?t("GlobalEvents",{on:{keydown:[function(t){return t.type.indexOf("key")||37===t.keyCode?e.prevFormat.apply(null,arguments):null},function(t){return t.type.indexOf("key")||39===t.keyCode?e.nextFormat.apply(null,arguments):null}]}}):e._e(),t("dialog",{ref:"frames"},[t("div",{staticClass:"visualization-row",staticStyle:{padding:"5px","font-weight":"bold","background-color":"var(--visualization-primary)","border-color":"var(--visualization-primary)",height:"40px",color:"white",display:"flex","justify-content":"center","padding-top":"10px"}},[e._v(" "+e._s(e.$t("infoBar.gridForm"))+" ")]),t("div",{staticClass:"visualization-row",staticStyle:{"justify-content":"center"}},e._l(e.items,(function(i,a){return t("div",{key:a,staticClass:"visualization-col",staticStyle:{"min-width":"200px","max-width":"200px"}},[t("img",{style:e.framesValue!==i.value?"filter: grayscale(1)":"",attrs:{src:i.image,width:"100%"},on:{click:()=>e.framesValue=i.value}})])})),0),t("div",{staticClass:"visualization-divider"}),t("div",{staticClass:"visualization-row",staticStyle:{display:"flex","justify-content":"center","margin-top":"10px","margin-bottom":"10px"}},[t("button",{staticStyle:{"border-radius":"4px",height:"35px",width:"70px","background-color":"var(--visualization-primary)","border-color":"var(--visualization-primary)",color:"white"},on:{click:function(t){return e.$emit("close","frames")}}},[e._v(" Ok ")])])]),t("dialog",{ref:"secondsPerFrame"},[t("div",{staticClass:"visualization-row",staticStyle:{padding:"5px","font-weight":"bold","background-color":"var(--visualization-primary)","border-color":"var(--visualization-primary)",height:"40px",color:"white",display:"flex","justify-content":"center","padding-top":"10px"}},[e._v(" "+e._s(e.$t("infoBar.secondImage"))+" ")]),t("div",{staticClass:"visualization-row",staticStyle:{margin:"25px",height:"20px"}},[t("input",{directives:[{name:"model",rawName:"v-model",value:e.secondsPerFrameValue,expression:"secondsPerFrameValue"}],ref:"secondsPerFrameInput",staticStyle:{height:"30px",width:"300px"},attrs:{type:"range",step:"1",max:"5",min:"1"},domProps:{value:e.secondsPerFrameValue},on:{__r:function(t){e.secondsPerFrameValue=t.target.value}}}),t("span",{staticStyle:{"padding-left":"20px","font-size":"16px"}},[e._v(" "+e._s(e.secondsPerFrame+" s"))])]),t("div",{staticClass:"visualization-divider",staticStyle:{margin:"10px"}}),t("div",{staticClass:"visualization-row",staticStyle:{display:"flex","justify-content":"center","margin-top":"10px"}},[t("button",{staticStyle:{"border-radius":"4px",height:"35px",width:"70px","background-color":"var(--visualization-primary)","border-color":"var(--visualization-primary)",color:"white","margin-bottom":"8px"},on:{click:function(t){return e.$emit("close","secondsPerFrame")}}},[e._v(" Ok ")])])]),t("dialog",{ref:"goTo"},[t("div",{staticStyle:{padding:"5px","font-weight":"bold","background-color":"var(--visualization-primary)","border-color":"var(--visualization-primary)",height:"35px",color:"white",display:"flex","justify-content":"center","padding-top":"8px"}},[e._v(" "+e._s(e.$t("infoBar.goTo"))+" ")]),t("div",{staticClass:"visualization-row",staticStyle:{margin:"25px",height:"20px"}},[t("input",{directives:[{name:"model",rawName:"v-model",value:e.goToValue,expression:"goToValue"},{name:"mask",rawName:"v-mask",value:"##:##:##",expression:"'##:##:##'"}],staticStyle:{height:"30px",width:"300px",border:"0.1px solid #c2c9d6","border-radius":"3px",padding:"5px"},attrs:{type:"text",placeholder:"hh:mm:ss"},domProps:{value:e.goToValue},on:{input:function(t){t.target.composing||(e.goToValue=t.target.value)}}})]),t("div",{staticClass:"visualization-divider",staticStyle:{"margin-top":"40px"}}),t("div",{staticClass:"visualization-row",staticStyle:{display:"flex","justify-content":"center","margin-top":"10px","margin-bottom":"10px"}},[t("button",{staticStyle:{"border-radius":"4px",height:"35px",width:"70px","background-color":"var(--visualization-primary)","border-color":"var(--visualization-primary)",color:"white"},on:{click:()=>{e.$emit("close","goTo"),e.$emit("change-go-to",e.goToValue),e.goToValue=""}}},[e._v(" Ok ")])])]),t("GlobalEvents",{on:{keydown:[function(t){return t.type.indexOf("key")||107===t.keyCode?e.changePlaybackRate(1):null},function(t){return t.type.indexOf("key")||109===t.keyCode?e.changePlaybackRate(-1):null}]}}),t("dialog",{ref:"playbackRate"},[t("div",{staticClass:"visualization-row",staticStyle:{padding:"5px","font-weight":"bold","background-color":"var(--visualization-primary)","border-color":"var(--visualization-primary)",height:"35px",color:"white",display:"flex","justify-content":"center","padding-top":"8px"}},[e._v(" "+e._s(e.$t("infoBar.playbackSpeed"))+" ")]),t("div",{staticClass:"visualization-row",staticStyle:{margin:"25px",height:"20px",width:"380px"}},[t("input",{directives:[{name:"model",rawName:"v-model",value:e.playbackRateValue,expression:"playbackRateValue"}],ref:"playbackRateInput",staticStyle:{height:"30px",width:"300px"},attrs:{type:"range",step:"0.25",max:"3",min:"1"},domProps:{value:e.playbackRateValue},on:{__r:function(t){e.playbackRateValue=t.target.value}}}),t("span",{staticStyle:{"padding-left":"20px","padding-right":"20px","font-size":"16px"}},[e._v(e._s(e.playbackRate+"x"))])]),t("div",{staticClass:"visualization-divider",staticStyle:{"margin-top":"40px"}}),t("div",{staticClass:"visualization-row",staticStyle:{display:"flex","justify-content":"center","margin-top":"10px","margin-bottom":"10px"}},[t("button",{staticStyle:{"border-radius":"4px",height:"35px",width:"70px","background-color":"var(--visualization-primary)","border-color":"var(--visualization-primary)",color:"white"},on:{click:function(t){return e.$emit("close","playbackRate")}}},[e._v(" Ok ")])])])],1)},H=[],j=i.p+"img/1x1.f865594b.svg",G=i.p+"img/2x1.6bc80fec.svg",W=i.p+"img/3x1.8fe1c055.svg",Q=i.p+"img/3x2.f5153612.svg",J=i.p+"img/4x1.22f434b0.svg",Y=i.p+"img/4x2.3810a721.svg",Z=i.p+"img/5x1.c0878e49.svg",K=i.p+"img/5x2.b70b5289.svg",X=i.p+"img/6x1.28b9840c.svg",ee=i.p+"img/6x2.6b117ba7.svg",te={"1x1":j,"2x1":G,"3x1":W,"3x2":Q,"4x1":J,"4x2":Y,"5x1":Z,"5x2":K,"6x1":X,"6x2":ee},ie={props:{dialogsVisibility:{type:Object,required:!1},playbackRate:{type:Number,required:!0},secondsPerFrame:{type:Number,required:!0},framesPerRow:{type:Number,required:!0},numberOfRows:{type:Number,required:!0}},data(){return{openBlocksDialog:!1,time:"",rangeBlocks:{ini:null,end:null,date:null},items:[{text:"2x1",value:1,image:te["2x1"]},{text:"3x1",value:2,image:te["3x1"]},{text:"3x2",value:3,image:te["3x2"]},{text:"4x1",value:4,image:te["4x1"]},{text:"4x2",value:5,image:te["4x2"]},{text:"5x1",value:6,image:te["5x1"]},{text:"5x2",value:7,image:te["5x2"]},{text:"6x1",value:8,image:te["6x1"]},{text:"6x2",value:9,image:te["6x2"]}],goToValue:""}},mounted(){this.toogleDialogs()},computed:{secondsPerFrameValue:{get(){return this.secondsPerFrame},set(e){this.$emit("change-seconds-per-frame",parseInt(e))}},playbackRateValue:{get(){return this.playbackRate},set(e){this.$emit("change-playback-rate",parseFloat(e))}},framesValue:{get(){return this.items.find((e=>e.text===`${this.framesPerRow}x${this.numberOfRows}`)).value},set(e){this.$emit("set-frames-selection",e)}},timeRules(){return[e=>e>="02:30:00"&&e<="26:29:59"||this.$i18n.t("form.mustBeBetween")]}},methods:{toogleDialogs(){for(const t of Object.values(this.$refs))t.close?.();const e=Object.keys(this.dialogsVisibility).find((e=>this.dialogsVisibility[e]));e&&this.$refs[e].showModal()},prevFormat(){this.items.find((e=>e.value===this.framesValue-1))&&this.framesValue--},nextFormat(){this.items.find((e=>e.value===this.framesValue+1))&&this.framesValue++},changePlaybackRate(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:1;1===e?this.$refs.playbackRateInput.stepUp():-1===e&&this.$refs.playbackRateInput.stepDown(),this.playbackRateValue=this.$refs.playbackRateInput.value},closeBlocksDialog(){Object.entries(this.rangeBlocks).forEach((e=>{let[t,i]=e;if(!i||"date"==t)return;var a=i.replace(/\D/g,"");if(a.length<6)for(let o=a.length;o<6;o++)a+="0";a.match(/.{1,2}/g);let r=a.substring(0,2),s=a.substring(2,4),n=a.substring(4,6);this.rangeBlocks[t]=r+":"+s+":"+n})),this.openBlocksDialog=!1,this.$emit("goToBlockInterval",this.rangeBlocks)}},watch:{dialogsVisibility:{handler(){this.toogleDialogs()},deep:!0}}},ae=ie,re=(0,d.Z)(ae,E,H,!1,null,"9f47e4d0",null),se=re.exports;const ne=Object.freeze({previous:0,current:1,next:2});var oe={name:"visualization-container",props:{value:{type:Boolean,required:!0},date:{type:String,required:!0},channel:{type:Number,required:!0},startAudienceTime:{type:String,required:!0},videoProgressBar:{type:Boolean,default:!1},jumpOnInsert:{type:Boolean,default:!1},framesFormat:{type:[Number,String],default:6},maxSize:{type:Number}},components:{Frame:p,CommandBar:B,InfoBar:A,VideoProgress:N,Settings:se},data(){return{Positions:ne,updatingChannel:null,dialog:!1,timeLastBlock:null,alternativeServer:!1,useCache:!0,numberOfRows:1,framesPerRow:5,secondsPerFrame:1,fInterface:null,velocity:1,frames:[],previousFrames:[],nextFrames:[],channelCode:0,videoPlaying:!1,activeFrame:null,activeVideo:null,videoTime:0,videoTotalTime:null,progressVideoDrag:!1,hourIniSelected:!1,hourEndSelected:!1,canInsertTime:!1,lastHeight:0,loopInterval:null,nextLoop:!1,prevLoop:!1,videoSliderTotalDuration:900,blockStartTime:null,media:null,changeServer:!1,userMultiTabsGrid:!1,userMultiTabsGridsModel:!0,playbackRate:1,paused:!1,commandBarShow:!0,dialogs:{playbackRate:!1,goTo:!1,secondsPerFrame:!1,frames:!1}}},async created(){this.changeServer="alternative"===this.serverOfFrames,this.alternativeServer="alternative"===this.serverOfFrames;const e=[{framesPerRow:2,numberOfRows:1},{framesPerRow:3,numberOfRows:1},{framesPerRow:3,numberOfRows:2},{framesPerRow:4,numberOfRows:1},{framesPerRow:4,numberOfRows:2},{framesPerRow:5,numberOfRows:1},{framesPerRow:5,numberOfRows:2},{framesPerRow:6,numberOfRows:1},{framesPerRow:6,numberOfRows:2}],t=e[parseInt(this.framesFormat)-1];this.framesPerRow=t.framesPerRow,this.numberOfRows=t.numberOfRows,await this.createFramesInterface(),this.maxSize&&this.resize(this.maxSize,!0)},methods:{framesClicked(e){"insert"!=e.target.id&&(this.active=!0)},async goToStartBlock(){try{const e=new Date;let t=Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds());const i=(await v.getNextAvailableBlock({channel:this.channel,time:t/1e3})).data;this.dialog=!1,this.changeHour(this.convertToAudienceTime(i.data.start,":"))}catch(e){console.error(e)}},async checkAvailableBlock(){try{const e=new Date;let t=Date.UTC(e.getFullYear(),e.getMonth(),e.getDate(),e.getHours(),e.getMinutes(),e.getSeconds());const i=(await v.getNextAvailableBlock({channel:this.channel,time:t/1e3})).data;this.timeLastBlock=this.convertToAudienceTime(i.data.end,":"),this.dialog=!0,i.status||(this.timeLastBlock="N/D")}catch(e){console.error(e)}},updateSlider(e,t){(t<this.blockStartTime||t>this.blockStartTime||e>this.blockStartTime+this.videoSliderTotalDuration)&&(this.blockStartTime=e,this.videoSliderTotalDuration=900)},nextLoopActivate(){this.breakLoop(),this.loopInterval=setInterval(this.next,40),setTimeout((()=>{this.nextLoop=!0}),0)},prevLoopActivate(){this.breakLoop(),this.loopInterval=setInterval(this.prev,40),setTimeout((()=>{this.prevLoop=!0}),0)},breakLoop(){clearInterval(this.loopInterval),this.loopInterval=null,this.nextLoop=!1,this.prevLoop=!1},changePlayPause(e){this.paused=!e},resize(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.lastHeight;if(this.lastHeight=e,this.$refs.frames)for(let t of this.$refs.frames)t.resize(e);this.$emit("resized")},async goToFirstFrame(){let e=this.$refs.frames,t=null;if(e.length>0){let i=e[0].frame;t=this.getAudienceTime(i.time,0,0,0)}if(t){const[e,i,a]=t.split(":"),r=3600*parseInt(e)+60*parseInt(i)+parseInt(a);r>=9e3?this.changeHour(this.getLastFirtsBlockTime(t,!0)):this.changeHour(this.getLastFirtsBlockTime("02:30:00",!0))}},async goToLastFrame(){let e=this.$refs.frames,t=null;if(e.length>0){let i=e[0].frame;t=this.getAudienceTime(i.time,0,0,0)}t&&this.changeHour(this.getLastFirtsBlockTime(t))},getLastFirtsBlockTime(e){let t,i,a,r=arguments.length>1&&void 0!==arguments[1]&&arguments[1];-1!==e.indexOf(":")&&(e=e.replace(/:/g,""));const s=e.match(/.{1,2}/g);return s[0]&&s[1]&&(t=parseInt(s[0]),i=parseInt(s[1])),a=t<26?i<15?r?s[0]+":00:00":s[0]+":14:59":i<30?r?s[0]+":15:00":s[0]+":29:59":i<45?r?s[0]+":30:00":s[0]+":44:59":r?s[0]+":45:00":s[0]+":59:59":i<15?r?"26:00:00":"26:14:59":r?"26:15:00":"26:29:59",a},openBlocks(){this.$refs.settings2?.openBlocks()},playOrPause(){const e=this.$refs.frames.filter((e=>!!e.active));if(1===e.length){const t=e[0];t.playOrPause(this.playbackRate)}},stopPlayingBar(){for(let e of this.$refs.frames)e.videoStatus!==e.Status.playing&&e.videoStatus!==e.Status.paused||e.stop(!1)},async setFrameSelection(e){switch(this.frames=this.loadingArray,parseInt(e)){case 1:this.framesPerRow=2,this.numberOfRows=1;break;case 2:this.framesPerRow=3,this.numberOfRows=1;break;case 3:this.framesPerRow=3,this.numberOfRows=2;break;case 4:this.framesPerRow=4,this.numberOfRows=1;break;case 5:this.framesPerRow=4,this.numberOfRows=2;break;case 6:this.framesPerRow=5,this.numberOfRows=1;break;case 7:this.framesPerRow=5,this.numberOfRows=2;break;case 8:this.framesPerRow=6,this.numberOfRows=1;break;case 9:this.framesPerRow=6,this.numberOfRows=2;break}await this.fInterface.changeSize(this.numberOfRows,this.framesPerRow),this.getFramesArray(),setTimeout((()=>{for(let e of this.$refs.frames)e?.resize(this.lastHeight)}),150)},getFramesArray(){this.frames=this.fInterface.getFrames(ne.current),this.nextFrames=this.fInterface.getFrames(ne.next),this.previousFrames=this.fInterface.getFrames(ne.previous)},async createFramesInterface(){this.frames=this.loadingArray;let e=this.channel,t={1735073:1,1735074:139,1735075:3,1735076:132};this.channelCode=t[e]?t[e]:e;const i=this.startAudienceTime.match(/.{1,2}/g),a=this.getDateParts(),r=Date.UTC(a.year,a.month,a.day,i[0],i[1],i[2])/1e3;this.blockStartTime=r,this.fInterface=await new T(this.channelCode,this.numberOfRows,this.framesPerRow,r,this.startAudienceTime,this.useCache),await this.fInterface.init(),this.getFramesArray(),this.activeFrame=this.getIndex(1,0,ne.current),this.activeVideo=null},getIndex(e,t,i){let a=this.framesPerRow*this.numberOfRows*i,r=this.framesPerRow*this.numberOfRows*(i+1);return(a+r*(e-1))/e+t},getAudienceTime(e,t,i,a){return e?this.getIndex(t,i,a)===this.activeVideo?this.convertToAudienceTime(this.videoTime):this.convertToAudienceTime(e):"Loading..."},dateInUtc(e){var t=new Date(e),i=new Date(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate(),t.getUTCHours(),t.getUTCMinutes(),t.getUTCSeconds());return i},convertToAudienceTime(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:":";const i=this.getDateParts(),a=Date.UTC(i.year,i.month,i.day,23,59,59)/1e3;let r=this.dateInUtc(1e3*e).toTimeString().split(" ")[0].split(":").map(Number);return e>a&&e<=a+this.startAudienceSeconds&&(r[0]=24+r[0]),r.map((e=>e>9?e.toString():"0"+e)).join(t)},getDateParts(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:this.date;const t=new Date(e);return{year:t.getFullYear(),month:t.getMonth(),day:t.getDate()}},selectFrame(e,t){const i=this.getDateParts(),a=Date.UTC(i.year,i.month,i.day,23,59,59)/1e3,r=t?.time;if(r-(this.startAudienceSeconds+a)<=0&&(!0===this.hourIniSelected?(this.hourIniSelected=r,this.hourEndSelected&&this.hourIniSelected>this.hourEndSelected&&(this.hourEndSelected=!1)):!0===this.hourEndSelected&&(r>this.hourIniSelected?(this.hourEndSelected=r,this.canInsertTime=!0):this.hourEndSelected=!1)),this.activeFrame!==e){const t=this.$refs.frames.filter((e=>e.videoStatus===e.Status.playing));if(1===t.length){const e=t[0];e.playOrPause()}this.activeVideo=null,this.activeFrame=e}},setHourIni(){this.canInsertTime=!0,this.hourIniSelected=!0,document.getElementById(`frame-${this.activeFrame}`).click(),this.$emit("setHourIni",{hour_ini:this.hourIniSelected?this.convertToAudienceTime(this.hourIniSelected,""):null})},setHourEnd(){this.canInsertTime=!0,this.hourEndSelected=!0,document.getElementById(`frame-${this.activeFrame}`).click()},arrowRight(){this.checkLimitRight(!1)&&(this.activeFrame===this.numberOfRows*this.framesPerRow*2-1?this.next():this.activeFrame++)},arrowLeft(){this.checkLimitLeft(!1)&&(this.activeFrame===this.numberOfRows*this.framesPerRow?this.prev():this.activeFrame--)},checkLimitRight(e){const t=this.getDateParts(),i=Date.UTC(t.year,t.month,t.day,26,29,59);return e?i>1e3*(this.fInterface.getCurrentTime()-1)&&-1!==this.nextFrames[0].title:i>1e3*this.fInterface.getCurrentTime()},checkLimitLeft(e){const t=this.getDateParts(),i=Date.UTC(t.year,t.month,t.day,2,30,0);return e?i<=1e3*(this.fInterface.getCurrentTime()-1):i<1e3*(this.fInterface.getCurrentTime()+this.activeFrame-this.numberOfRows*this.framesPerRow)},async next(){if(this.checkLimitRight(!0)){const e=this.$refs.frames.filter((e=>e.videoStatus===e.Status.playing||e.videoStatus===e.Status.paused));if(1===e.length){const t=e[0];t.stop(!1)}this.fInterface.setCurrentStep(this.secondsPerFrame),await this.fInterface.loadNextFrames(),this.activeFrame=this.getIndex(1,0,ne.current),this.activeVideo=null,this.getFramesArray()}},async prev(){if(this.checkLimitLeft(!0)){const e=this.$refs.frames.filter((e=>e.videoStatus===e.Status.playing||e.videoStatus===e.Status.paused));if(1===e.length){const t=e[0];t.stop(!1)}this.fInterface.setCurrentStep(this.secondsPerFrame),await this.fInterface.loadPrevFrames(),this.activeFrame=this.getIndex(this.numberOfRows,this.framesPerRow-1,ne.current),this.activeVideo=null,this.getFramesArray()}},async setStartTime(e){-1!==e.indexOf(":")&&(e=e.replace(/:/g,""));const t=e.match(/.{1,2}/g),i=this.getDateParts(),a=Date.UTC(i.year,i.month,i.day,t[0],t[1],t[2])/1e3;return this.frames=this.loadingArray,await this.fInterface.changeTime(a),this.getFramesArray(),this.activeFrame=this.getIndex(1,0,ne.current),this.activeVideo=null,!0},hourToTimeStamp(e){-1!==e.indexOf(":")&&(e=e.replace(/:/g,""));const t=e.match(/.{1,2}/g),i=this.getDateParts(),a=Date.UTC(i.year,i.month,i.day,t[0],t[1],t[2])/1e3;return a},async changeHour(e){e&&setTimeout((()=>{const t=this.$refs.frames.filter((e=>e.videoStatus===e.Status.playing||e.videoStatus===e.Status.paused));if(1===t.length){const e=t[0];e.stop(!1)}this.setStartTime(e,!0)}),0)},changeBlockInterval(e){let t,i;this.changeHour(e.ini),t=this.hourToTimeStamp(e.ini),i=this.hourToTimeStamp(e.end),this.videoSliderTotalDuration=i-t,this.$refs.frames[0].changeSettings(t),this.blockStartTime=t},async updateVideoTime(e,t){this.activeVideo=e,this.videoTime=t},updateVideoStatus(e){this.progressVideoDrag},async startPlaying(e,t){const i=this.$refs.frames.filter((t=>t.frame.time!==e.time));for(let a of i)a.videoStatus!==a.Status.playing&&a.videoStatus!==a.Status.paused||a.stop(!1);this.videoTotalTime=t,this.videoPlaying=!0},stopPlaying(){this.videoTotalTime=null,this.videoPlaying=!1,this.paused=!1},insertTime(){this.$emit("timeToInsert",{channel:this.channel,hour_ini:this.hourIniSelected?this.convertToAudienceTime(this.hourIniSelected,""):null,hour_end:this.hourEndSelected?this.convertToAudienceTime(this.hourEndSelected,""):null,force:!1}),this.jumpOnInsert&&this.changeHour(this.convertToAudienceTime((this.hourEndSelected||this.hourIniSelected)+1)),this.hourIniSelected=null,this.hourEndSelected=null,this.canInsertTime=!1},insertTimeForce(){this.$emit("timeToInsert",{channel:this.channel,hour_ini:this.hourIniSelected?this.convertToAudienceTime(this.hourIniSelected,""):null,hour_end:this.hourEndSelected?this.convertToAudienceTime(this.hourEndSelected,""):null,force:!0}),this.hourIniSelected=null,this.hourEndSelected=null,this.canInsertTime=!1},async getChannelMedia(){},async changeServerClick(){this.changeServer=!this.changeServer,sessionStorage.setItem("serverOfFrames",this.changeServer?"alternative":"default"),location.reload()}},computed:{active:{get(){return this.value},set(e){this.$emit("input",e)}},settingsClosed(){return!Object.values(this.dialogs).find((e=>e))},startAudienceSeconds(){const e=this.startAudienceTime.match(/.{1,2}/g);return parseInt(3600*e[0]+60*e[1]+e[2])},loadingArray(){return Array.from(Array(this.numberOfRows*this.framesPerRow).keys())},serverOfFrames(){return sessionStorage.getItem("server")}},watch:{framesFormat(e){this.setFrameSelection(e)},active(){this.hourIniSelected=!1,this.hourEndSelected=!1},useCache(){this.createFramesInterface()},hourIniSelected(e){e?sessionStorage.setItem("currentTimeFrames",this.convertToAudienceTime(this.hourIniSelected,"")):sessionStorage.removeItem("currentTimeFrames")},activeFrame(e){e&&this.stopPlayingBar()},channel(){this.updatingChannel=new Promise(((e,t)=>{try{this.createFramesInterface(),e(!0)}catch(i){t(i)}}))}}},le=oe,ce=(0,d.Z)(le,a,r,!1,null,"38edcc3f",null),ue=ce.exports},9583:function(e,t,i){e.exports=i.p+"img/dummy.ec1ab0d6.svg"}}]);
-//# sourceMappingURL=visualization.umd.min.895.js.map