https://www.homespun.com/assets/2.4.1/VideoPlayerWithChapters.1fa41527.js

1import{v as U,k as M,_ as T,aX as L,B as s,x as l,y as C,I as n,Y as m,C as d,M as p,j as r,a2 as v,D as h,c$ as k}from"./index.ccd35ebd.js";import{Q as f}from"./QScrollArea.06db0997.js";import{Q as w}from"./QDrawer.d0198a90.js";import A from"./VideoChapters.d29330c3.js";import D from"./VideoPlayerControls.e3ce9d09.js";import $ from"./AdvancedControls.f068c541.js";import{v as q}from"./videoPlayerMixin.94386bb6.js";import N from"./UpSell.b3e0b0bd.js";import E from"./VideoChaptersWithThumbnails.e106f7a5.js";import"./TouchPan.fe5c8598.js";import"./touch.6391c159.js";import"./ContentGrid.af3a48ed.js";import"./FavoriteMixin.7cdce3fc.js";const{height:I}=k,B={name:"VideoPlayerWithChapters",mixins:[q],components:{VideoPlayer:M(()=>T(()=>import("./VideoPlayer.7168e0a7.js"),["assets/2.4.1/VideoPlayer.7168e0a7.js","assets/2.4.1/style.c294a4f47ba20f4b6b7861df50340882d0cab1b3914188af3cfd94efa5ca4c7c.css","assets/2.4.1/index.ccd35ebd.js","assets/2.4.1/style.df0732e0130efa4bed85fe91a2709a28a35e499229231d98e910e27ba3e72bf7.css","assets/2.4.1/AspectRatioWrapper.80cc4b58.js","assets/2.4.1/MediaPlayheadTracker.class.30b0194d.js","assets/2.4.1/spaceBarEventMixin.f4f6d71b.js"])),UpSell:N,VideoChapters:A,VideoPlayerControls:D,AdvancedControls:$,VideoChaptersWithThumbnails:E},data(){return{layout:"column",chaptersMaxHeight:null}},computed:{upSellActivated(){var e,t,i,u;return(u=(i=(t=(e=this.$store.state.contentMetaData)==null?void 0:e.xJSON)==null?void 0:t.upSell)==null?void 0:i.contentIDs)==null?void 0:u.length}},methods:{async customTimeUpdate(e){this._emit("currentVideoTime",e),await this.timeUpdate(e)},setDefaultLayout(){this.layout=this.$q.screen.lt.md?"grid":this.getLayoutFromStorage()},setChaptersMaxHeight(){const e=document.getElementById("playerwithcontrols");this.chaptersMaxHeight=e?I(e):null},setScrollOffsetObserver(){const e=document.getElementById("playerwithcontrols");new MutationObserver(this.setChaptersMaxHeightThrottle).observe(e,{childList:!0,attributes:!0,subtree:!0})},getLayoutFromStorage(){return localStorage.getItem("layout")||"column"}},mounted(){this.setChaptersMaxHeightThrottle=L(this.setChaptersMaxHeight,200),this.setDefaultLayout(),this.setScrollOffsetObserver()},async created(){this.getChaptersComplete();const e=await this.getLastKnownMediaPlayheadPosition();let t=null;e&&(t=this.videos.find(i=>i.fileName===e.fileName)),t&&!this.$store.state.startPlayerFromBeginning?(console.log("starting from last playhead position"),this.playChapter(t),this.playStartTime=e.playheadPosition):(console.log("starting from start"),this.playChapter(this.playableVideos[0]),this.playStartTime=0),this.$store.commit("setStartPlayerFromBeginning",!1)},watch:{layout(){localStorage.setItem("layout",this.layout)},"$q.screen.lt.md"(){this.setDefaultLayout()}}},O={ref:"videoPlayerWithChapters"},H={key:0,class:"col-2",style:{"z-index":"0"}},W={class:"chapter-name text-center q-my-sm text-caption"},F={class:"video-title text-white text-center q-py-md text-caption"};function Q(e,t,i,u,a,y){const V=s("VideoPlayer"),b=s("VideoPlayerControls"),P=s("AdvancedControls"),c=s("VideoChaptersWithThumbnails"),g=s("VideoChapters"),S=s("UpSell");return l(),C("div",null,[n("div",O,[n("span",{class:m({row:!e.$q.screen.lt.md})},[n("span",{class:m({col:a.layout=="column","col-12":a.layout=="grid"})},[n("span",{id:"playerwithcontrols",class:m({sticky:e.$q.screen.lt.md})},[e.source&&e.currentChapter?(l(),d(V,{key:e.source,"is-playing":e.isPlaying,"onUpdate:isPlaying":t[0]||(t[0]=o=>e.isPlaying=o),source:e.source,"play-start-time":e.playStartTime,loop:e.loop,subtitles:e.subtitles,chapter:e.currentChapter,"min-height":"60vh","prevent-poster-forward":!0,noFit:!0,onTimeUpdate:y.customTimeUpdate,onEnded:e.logAndGoToNextChapter,onTokenExpired:e.tokenExpired},null,8,["is-playing","source","play-start-time","loop","subtitles","chapter","onTimeUpdate","onEnded","onTokenExpired"])):p("",!0),r(b,{"is-playing":e.isPlaying,"onUpdate:isPlaying":t[1]||(t[1]=o=>e.isPlaying=o),"show-advanced":e.showAdvanced,"onUpdate:showAdvanced":t[2]||(t[2]=o=>e.showAdvanced=o),videos:e.playableVideos,loops:e.loops,"current-chapter":e.currentChapter,"chapter-toggle-icon":a.layout=="column"?"fas fa-grip-horizontal":"fa fa-list","left-menu-label":a.layout=="column"?"Theater Mode":"Default View","hide-chapter

1s-toggle":e.$q.screen.lt.md,"loading-chapter":e.loadingChapter,onToggleChapters:t[3]||(t[3]=o=>a.layout=a.layout=="column"?"grid":"column"),onToggleLoops:t[4]||(t[4]=o=>e.showLoopsModal=!e.showLoopsModal),"onUpdate:currentChapter":e.updateChapter},null,8,["is-playing","show-advanced","videos","loops","current-chapter","chapter-toggle-icon","left-menu-label","hide-chapters-toggle","loading-chapter","onUpdate:currentChapter"]),e.showAdvanced?(l(),d(P,{key:1,loop:e.loop,"current-video-time":e.currentVideoTime},null,8,["loop","current-video-time"])):p("",!0)],2)],2),a.layout=="column"&&e.playableVideos.length>1?(l(),C("div",H,[r(c,{videos:e.videos,"current-chapter":e.currentChapter,layout:a.layout,"column-max-height":a.chaptersMaxHeight,"chapters-complete":e.chaptersComplete,"display-chapters-in-list":e.$attrs.displayChaptersInList,"onUpdate:currentChapter":e.onSelectChapter},null,8,["videos","current-chapter","layout","column-max-height","chapters-complete","display-chapters-in-list","onUpdate:currentChapter"])])):p("",!0)],2),n("div",W,v(e.currentChapter.displayName),1),n("div",F,v(e.$store.state.contentMetaData.contentName),1),a.layout=="grid"&&e.playableVideos.length>1?(l(),d(c,{key:0,videos:e.videos,"current-chapter":e.currentChapter,layout:a.layout,"chapters-complete":e.chaptersComplete,"display-chapters-in-list":e.$attrs.displayChaptersInList,"onUpdate:currentChapter":e.onSelectChapter},null,8,["videos","current-chapter","layout","chapters-complete","display-chapters-in-list","onUpdate:currentChapter"])):p("",!0),r(w,{modelValue:e.showChapterModal,"onUpdate:modelValue":t[6]||(t[6]=o=>e.showChapterModal=o),side:"right",width:e.$q.screen.gt.sm?300:e.$q.screen.width,behavior:"mobile",overlay:"",bordered:"",class:"bg-grey-3","no-swipe-open":""},{default:h(()=>[r(f,{class:"fit"},{default:h(()=>[r(g,{videos:e.videos,"current-chapter":e.currentChapter,"onUpdate:currentChapter":e.onSelectChapter,onClose:t[5]||(t[5]=o=>e.showChapterModal=!1)},null,8,["videos","current-chapter","onUpdate:currentChapter"])]),_:1})]),_:1},8,["modelValue","width"]),r(w,{modelValue:e.showLoopsModal,"onUpdate:modelValue":t[8]||(t[8]=o=>e.showLoopsModal=o),width:e.$q.screen.gt.sm?200:e.$q.screen.width,behavior:"mobile",overlay:"",bordered:"",class:"bg-grey-3","no-swipe-open":""},{default:h(()=>[r(f,{class:"fit"},{default:h(()=>[r(g,{loops:e.loops,"current-loop":e.currentLoop,"onUpdate:loop":e.updateLoop,onClose:t[7]||(t[7]=o=>e.showLoopsModal=!1)},null,8,["loops","current-loop","onUpdate:loop"])]),_:1})]),_:1},8,["modelValue","width"])],512),y.upSellActivated?(l(),d(S,{key:0,"is-playing":e.isPlaying,"onUpdate:isPlaying":t[9]||(t[9]=o=>e.isPlaying=o),"up-sell":e.$store.state.contentMetaData.xJSON.upSell},null,8,["is-playing","up-sell"])):p("",!0)])}var oe=U(B,[["render",Q],["__scopeId","data-v-325c229e"]]);export{oe as default};