@viewlift/player-backup 2.0.317-backup → 2.0.319-backup

package/cjs/videoSelector-e8c72f5d.js

@@ -0,0 +1 @@
+"use strict";var e=require("video.js"),t=require("./icons-1530c39f.js"),i=require("./generic-754b73b9.js"),s=require("./skin-5a0cbc97.js"),d=require("./autoNextVideo-6704601a.js"),o=require("./localisation-443f3f19.js"),n=require("./relatedVideosManager-ba607f01.js");require("axios"),require("./browser-dc29be24.js"),require("md5"),require("js-cookie"),require("./captions-1ec67937.js"),require("@viewlift/comscore/index.js"),require("./index-759a1ed5.js");const a=e.getComponent("Component");exports.default=class extends a{constructor(e,t={}){super(e,t),this.playerId=t.playerId,this.seriesData=t.sres,this.videos=t.related.content,this.cb=t?.related?.cb||null,this.autoNext=t?.related?.autoNext||!1,this.currentVideoData=t.res,this.initialiseStructure(),this.loadCSS(),this.autoNext&&(i.setVideoIdx(0),d.autoPlayNext({playerId:this.playerId,content:this.videos,cb:this.cb})),this._unsubRelated=n.relatedVideosManager.subscribe(e=>{this.videos=e?.content||this.videos,this.cb=e?.cb??this.cb,d.updateContent(this.videos),this._refreshList()})}_buildVideoItem(t){let d=e.dom.createEl("div",{className:`video -${t}`}),o=e.dom.createEl("div",{className:`recommended -${t}`});o.setAttribute("video-idx",t),o.onclick=()=>{i.setVideoIdx(t+1);let d=e.dom.$$(".recommended");for(let e=0;e<d.length;e++)d[e].style.border="none";s.highlightVideo_DEFAULTV2_TEMP(t),i.load(this.playerId,this.videos[t].id).then(e=>{this.cb&&this.cb(e)}).catch(e=>{this.cb&&this.cb(e)})};let n=document.createElement("img");n.className="related-thumbnail-image",n.src=`${this?.videos?.[t]?.img||window?.customData?.fallbackImage}`,n.alt="No Thumbnail Available",o.append(n);let a=e.dom.createEl("div",{className:`info -${t}`,innerHTML:`${this?.videos[t]?.title||""}`});return e.dom.appendContent(d,o),e.dom.appendContent(d,a),d}_refreshList(){const t=this.el().querySelector(".video-container");if(t){e.dom.emptyEl(t);for(let i=0;i<this.videos.length;i++)e.dom.appendContent(t,this._buildVideoItem(i))}}dispose(){this._unsubRelated&&this._unsubRelated(),super.dispose()}createEl(){let i=e.dom.createEl("div",{className:"video-selection vjs-control vjs-button"});i.style.position="unset";let s=e.dom.createEl("div",{className:"video-selector-icon",innerHTML:`${t.EpisodesSvg()}`});return e.dom.appendContent(i,s),i}loadCSS(){Promise.resolve().then(function(){return require("./videoSelector-fcdf11eb.js")}).then(e=>{let t=document.createElement("style");t.id="video-selection",t.append(`${e.default}`),document.head.appendChild(t)})}initialiseStructure(){let t=this.el(),i=e.dom.createEl("div",{className:"video-selection-container hidden"});e.dom.$(".video-selector-icon",this.el()).onclick=()=>{i.classList?.contains("hidden")?(s.closeOpenDrawers(),i.classList.remove("hidden"),t.classList.add("open"),i.style.right="0px",s.setUpdatedElHeight(this.playerId,i)):(i.classList.add("hidden"),t.classList.remove("open"),i.style.right="-350px")};let d=document.getElementById(this.playerId);if(d){let o=window.getComputedStyle(d,null).getPropertyValue("height");i.style.height=`${o}`,e.dom.appendContent(t,i),d.style.overflow="hidden",this.addFunctionality(i),s.detectOrientationChange(this.playerId,i)}}toggleOpenClose(){}addFunctionality(d){let n=this.el(),a=e.dom.createEl("div",{className:"video-selector-head"}),l=e.dom.createEl("div",{className:"video-selector-cross-icon",innerHTML:`${t.crossIconSvg()}`});l.onclick=()=>{d.classList.add("hidden"),n.classList.remove("open"),d.style.right="-350px"};let r=e.dom.createEl("div",{className:"video-selector-title",innerHTML:o.getLocalisation("relatedVideoTitle")||"Recommended"}),c=e.dom.createEl("div",{className:"video-selector-content"}),m=e.dom.createEl("div",{className:"video-container"});for(let t=0;t<this.videos.length;t++){let d=e.dom.createEl("div",{className:`video -${t}`}),o=e.dom.createEl("div",{className:`recommended -${t}`});o.setAttribute("video-idx",t),o.onclick=()=>{i.setVideoIdx(t+1);let d=e.dom.$$(".recommended");for(let e=0;e<d.length;e++)d[e].style.border="none";s.highlightVideo_DEFAULTV2_TEMP(t),i.load(this.playerId,this.videos[t].id).then(e=>{this.cb&&this.cb(e)}).catch(e=>{this.cb&&this.cb(e)})};let n=document.createElement("img");n.className="related-thumbnail-image",n.src=`${this?.videos?.[t]?.img||window?.customData?.fallbackImage}`,n.alt="No Thumbnail Available",o.append(n);let a=e.dom.createEl("div",{className:`info -${t}`,innerHTML:`${this?.videos[t]?.title||""}`});e.dom.appendContent(d,o),e.dom.appendContent(d,a),e.dom.appendContent(m,d),e.dom.appendContent(c,m)}e.dom.appendContent(a,l),e.dom.appendContent(a,r),e.dom.appendContent(d,a),e.dom.appendContent(d,c),s.handleDrawerResizing(this.playerId,d)}};