@viewlift/player-backup 1.0.4 → 1.0.5-lighteningjs

package/esm/skin-c16bc29b.js

@@ -1 +0,0 @@
-import{a as e,b as t,c as n,d as s}from"./features-ba25c46d.js";import{M as o,a as r,S as l,N as a}from"./icons-c18c70b7.js";import{g as i,d as c}from"./generic-6b0be7a7.js";import{c as u}from"./skin-665ec17e.js";import d from"@babel/runtime/helpers/defineProperty";import{i as m}from"./keyboardShortcuts-5ecdd493.js";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"@babel/runtime/helpers/inherits";import"@babel/runtime/helpers/possibleConstructorReturn";import"@babel/runtime/helpers/getPrototypeOf";import"video.js";import"./renditions-ddb320bd.js";import"axios";import"js-cookie";import"ua-parser-js";import"@babel/runtime/helpers/toConsumableArray";function p(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t&&(s=s.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,s)}return n}function v(s,a){var m=i(s);m.one("play",(function(){null!=a&&a.streams&&e(s,function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?p(Object(n),!0).forEach((function(t){d(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):p(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}({},a)),null!=a&&a.airplay&&"Safari"==c()&&m.addChild("airPlayButton"),null!=a&&a.chromecastReceiverId&&m.addChild("chromecastButton"),m.addChild("FullscreenToggle"),m.getChild("FullscreenToggle").el().appendChild(u(o(window.controlsColor))),m.getChild("FullscreenToggle").el().appendChild(u(r(window.controlsColor))),b(s)})),m.on("loadedmetadata",(function(){"Safari"!==c()&&t(s,"live",l())})),m.one("loadedmetadata",(function(){var e;null!=a&&a.streams&&(null==a||null===(e=a.streams)||void 0===e?void 0:e.length)>=2&&n(s,a)}))}function f(e,t){var n;m(e,t),(null==(n=t)||!n.liveui)&&(null==n||!n.liveVideo)||null!=n&&n.liveui&&null!=n&&n.liveVideo?import("./dvr_skin-9cc1b144.js").then((function(e){var t=document.createElement("style");t.id="dvr_skin",t.append("".concat(e.default)),document.head.appendChild(t)})):import("./nondvr_skin-64be70e5.js").then((function(e){var t=document.createElement("style");t.id="nondvr_skin",t.append("".concat(e.default)),document.head.appendChild(t)})),function(e,t){s(e)}(e),function(e,t){var n=i(e),s=n.controlBar.getChild("SubsCapsButton").el();document.getElementsByClassName("vjs-subs-caps-button")[1].appendChild(u(a()));var o=document.createElement("div");o.classList.add("caption-header"),s.querySelector(".vjs-menu-content").insertBefore(o,s.querySelector(".vjs-menu-item"));var r=document.createElement("div");if(r.innerText="Captions",r.className="fs14",document.getElementsByClassName("vjs-subs-caps-button")[0].appendChild(r),"Safari"==c()){document.getElementsByClassName("vjs-subs-caps-button")[0].style.left="9.5rem"}null!=t&&t.liveui||null==t||!t.liveVideo||(document.getElementsByClassName("vjs-progress-control")[0].style.display="none")}(e,t),v(e,t)}var h;function b(e){var t=i(e);j(),t.on("pause",(function(){clearTimeout(h),y()})),t.on("play",(function(){j()}));var n=document.getElementById("".concat(e));n.addEventListener("mouseenter",(function(){y(),t.paused()||j()})),n.addEventListener("touchstart",(function(){y(),j()})),n.addEventListener("mousemove",(function(){y(),t.paused()||j()}))}function y(){var e=document.getElementsByClassName("vjs-chromecast-button")[0],t=document.getElementsByClassName("vjs-airplay-button")[0],n=document.getElementsByClassName("vjs-fullscreen-control")[0];null!=e&&e.classList.contains("hideoutsidecontrols")&&(null==e||e.classList.remove("hideoutsidecontrols")),n.classList.contains("hideoutsidecontrols")&&n.classList.remove("hideoutsidecontrols"),null!=t&&t.classList.contains("hideoutsidecontrols")&&t.classList.remove("hideoutsidecontrols")}function j(){var e=document.getElementsByClassName("vjs-chromecast-button")[0],t=document.getElementsByClassName("vjs-fullscreen-control")[0],n=document.getElementsByClassName("vjs-airplay-button")[0];clearTimeout(h),h=setTimeout((function(){null==e||e.classList.add("hideoutsidecontrols"),null==t||t.classList.add("hideoutsidecontrols"),null==n||n.classList.add("hideoutsidecontrols")}),2200)}export{b as hideControls,f as initialiseSkin};

package/esm/skin-cd537931.js

@@ -1 +0,0 @@
-var n=".video-js .vjs-custom-control-spacer {\n  display: block;\n  flex: 1 1 auto;\n}\n\n.video-js .vjs-play-progress {\n  background-color: #CF0A2C !important;\n}\n\n.video-js .vjs-progress-control {\n  position: absolute;\n  width: 100%;\n  height: 0.5em;\n  top: -0.5em;\n  transition: height .1s, top .1s;\n}\n\n.video-js .vjs-progress-control .vjs-progress-holder {\n  margin: 0 7px;\n  border-radius: 4px;\n  height: 5px;\n}\n\n.video-js .vjs-play-progress:before {\n  font-size: 1.2em;\n  position: absolute;\n  right: -0.5em;\n  top: -0.3333333333em;\n}\n\n.video-js .vjs-current-time.vjs-time-control.vjs-control {\n  padding-right: 0;\n}\n\n.video-js .vjs-duration.vjs-time-control.vjs-control {\n  padding-left: 0;\n}\n\n.video-js .vjs-time-control.vjs-time-divider {\n  padding-left: 0;\n  padding-right: 0;\n  display: flex;\n  justify-content: center;\n  width: min-content;\n}\n\n.video-js .vjs-time-control {\n  display: flex;\n  align-items: center;\n  font-weight: 900;\n}\n\n.video-js .vjs-remaining-time {\n  display: none;\n}\n\n.video-js .vjs-button>.vjs-icon-placeholder:before {\n  font-size: 2.1em;\n  line-height: 1.67;\n}\n\n.vjs-fullscreen .icon-maximize,\n.icon-minimize {\n  display: none;\n  height: 28px;\n}\n\n.vjs-fullscreen .icon-minimize,\n.icon-maximize {\n  display: block;\n  height: 28px;\n}\n\n.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before,\n.vjs-icon-fullscreen-enter:before {\n  content: '' !important;\n}\n\n.video-js .vjs-control-bar {\n  width: 100%;\n  position: absolute;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 3.5em;\n  background-color: #2b333f;\n  background-color: rgba(43, 51, 63, .7);\n}\n\n.video-js button.vjs-fullscreen-control.vjs-control.vjs-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  transform: rotate(90deg);\n}\n\n.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before {\n  display: none;\n}\n\n.video-js .rewindbtn {\n  width: 16px !important;\n}\n\n.video-js .skipbtn {\n  width: 16px !important;\n}\n\n.video-js button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  outline: none;\n}\n\n.video-js .vjs-big-play-button {\n  font-size: 6em;\n  line-height: 1.3em;\n}\n\n.video-js.vjs-paused .vjs-big-play-button{\n  width: 90px;\n  height: 90px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom:0;\n  margin: auto;\n}\n\n.vjs-play-control.vjs-control.vjs-button:focus{\n  outline: none;\n} \n\n.video-js.vjs-waiting .vjs-big-play-button{\n  display: none;\n}\n\n.vjs-rewind-button{\n    cursor: pointer;\n}\n\n.vjs-skip-button{\n    cursor: pointer;\n}\n\n.video-js .vjs-live-display {\n  background-color: red;\n  padding: 0 5px;\n  height: 20px;\n  top: 5px;\n  position: relative;\n}\n\n.video-js .vjs-live-control {\n  line-height: 2em;\n}\n\n.vjs-live-control.vjs-control{\n  margin-left: 0.8rem;\n  padding-top: 2px;\n}\n\n@media (max-width:600px) {\n  .vjs-live-control.vjs-control{\n    margin-top: 3px !important;\n  }\n\n  .video-js .vjs-play-progress:before{\n    font-size: 1em  !important;\n  } \n  .video-js .vjs-big-play-button {\n    font-size: 3.5em !important;\n    line-height: 1.3em !important;\n  }\n  \n  .video-js.vjs-paused .vjs-big-play-button{\n    width: 50px !important;\n    height: 50px !important;\n  }\n\n  .video-js .vjs-current-time.vjs-time-control.vjs-control {\n    display: none !important;\n  }\n\n  .video-js .vjs-duration.vjs-time-control.vjs-control {\n    display: none !important;\n  }\n\n  .video-js .vjs-time-control.vjs-time-divider {\n    display: none !important;\n  }\n\n  .video-js .vjs-skip-button {\n    display: none !important;\n  }\n\n  .video-js .vjs-progress-control.vjs-control {\n    position: absolute;\n    bottom: 1.8rem;\n    width: 100;\n    height: 1rem;\n  }\n\n  .video-js .vjs-remaining-time.vjs-time-control.vjs-control {\n    position: absolute;\n    bottom: 1rem;\n    right: 0.2rem;\n    font-size: 9px;\n  }\n\n  .video-js .vjs-custom-control-spacer {\n    display: block;\n    flex: 1 1 auto;\n  }\n\n  .video-js .container {\n    display: none !important;\n  }\n\n  .video-js .vjs-control-bar {\n    font-size: 12px;\n  }\n\n  .video-js .vjs-playback-rate.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n    display: none;\n  }\n\n  .video-js button.vjs-picture-in-picture-control.vjs-control.vjs-button {\n    display: none;\n  }\n\n  .video-js .vjs-progress-control.vjs-control:focus {\n    outline: none;\n  }\n\n  .video-js .vjs-slider:focus {\n    outline: none;\n  }\n\n  .video-js .rewindbtn {\n    width: 16px;\n  }\n\n  .video-js .skipbtn {\n    width: 16px;\n  }\n\n  .video-js button.vjs-mute-control.vjs-control.vjs-button.vjs-vol-3 {\n    font-size: 11px;\n    margin-top: 1px;\n  }\n\n  .video-js button.vjs-mute-control.vjs-control.vjs-button.vjs-vol-0 {\n    font-size: 11px;\n    margin-top: 1px;\n  }\n}";export{n as default};

package/esm/skin-d5510f70.js

@@ -1 +0,0 @@
-var a="";export{a as default};

package/esm/skin-d66cd4fd.js

@@ -1 +0,0 @@
-import{g as e,p as t,k as n}from"./generic-6b0be7a7.js";import"@babel/runtime/helpers/defineProperty";import"video.js";import"axios";import"js-cookie";import"ua-parser-js";function o(o){import("./skin-2c638dc1.js").then((function(e){var t=document.createElement("style");t.id="carousel_homepage",t.append("".concat(e.default)),document.head.appendChild(t)})),i(),function(o){var i=document.getElementById("".concat(o)),a=e(o);i&&i.addEventListener("touchstart",(function(){a.paused()?t(o):n(o)}))}(o)}var i=function(){document.getElementsByClassName("vjs-control-bar")[0].style.visibility="hidden"};export{o as initaliseSkin};

package/esm/skin-d6a8f25f.js

@@ -1 +0,0 @@
-import{i as e,j as l,k as i,g as n,h as t,d as o,l as a,m as s,n as r,o as d,p as u}from"./features-ba25c46d.js";import{M as v,a as m,c,d as p}from"./icons-c18c70b7.js";import{G as g,g as f,H as h,v as b}from"./generic-6b0be7a7.js";import{c as y}from"./skin-665ec17e.js";import{g as j}from"./renditions-ddb320bd.js";import C from"@babel/runtime/helpers/toConsumableArray";import{s as x}from"./autoNextVideo-4aee2ee0.js";import{g as E,c as w,e as N,h as B,r as k}from"./index-57452e02.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/classCallCheck";import"@babel/runtime/helpers/createClass";import"@babel/runtime/helpers/inherits";import"@babel/runtime/helpers/possibleConstructorReturn";import"@babel/runtime/helpers/getPrototypeOf";import"video.js";import"axios";import"js-cookie";import"ua-parser-js";import"./util-f62bec40.js";import"video.js/dist/video-js.min.css";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"./resolution-06ae4756.js";import"@babel/runtime/helpers/assertThisInitialized";var V=g(),T=[];null==V||V.map((function(e){return T.push.apply(T,C(e.episodes))}));var M=function(e,l){var i;null==l||null===(i=l.series)||void 0===i||i.cb;var n=f(e);n.on("timeupdate",(function(){var e,l=Math.floor(n.currentTime()),i=n.duration(),t=null===(e=document.getElementsByClassName("next-ep-preview"))||void 0===e?void 0:e[0];i-l<=10&&h()<=(null==T?void 0:T.length)-1?t&&(t.style.visibility="visible"):t&&(t.style.visibility="hidden")}));var t,o=T.filter((function(e,l){return l==h()}));if((null==o?void 0:o.length)>0)if(null!==(t=document.getElementsByClassName("next-ep-preview"))&&void 0!==t&&t[0]){var a,s,r,d,u,v,m,c,p,g,b;(null===(a=document.getElementsByClassName("next-ep-preview"))||void 0===a?void 0:a[0]).style.visibility="hidden";var y=null===(s=document.getElementsByClassName("next-ep-title"))||void 0===s?void 0:s[0],j=null===(r=document.getElementsByClassName("next-ep-img"))||void 0===r?void 0:r[0],C=null===(d=document.getElementsByClassName("next-ep-content"))||void 0===d?void 0:d[0],x=null===(u=o[0])||void 0===u?void 0:u.title;(null===(v=x)||void 0===v?void 0:v.length)>60&&(x=x.substr(0,60)+"..."),y.innerHTML="".concat(x),j.src=(null===(m=o[0])||void 0===m||null===(c=m.gist)||void 0===c||null===(p=c.imageGist)||void 0===p?void 0:p.r16x9)||(null===(g=window)||void 0===g||null===(b=g.customData)||void 0===b?void 0:b.fallbackImage),C.onclick=function(){return I(e)}}else{var E,w,N,B,k,V,M,L=document.createElement("div");L.className="next-ep-preview",L.style.visibility="hidden",document.getElementById(e).append(L);var P=document.createElement("div");P.className="next-ep-header",P.innerHTML="Next up";var D=null===(E=o[0])||void 0===E?void 0:E.title,F=document.createElement("img");F.className="next-ep-img",F.src=(null===(w=o[0])||void 0===w||null===(N=w.gist)||void 0===N||null===(B=N.imageGist)||void 0===B?void 0:B.r16x9)||(null===(k=window)||void 0===k||null===(V=k.customData)||void 0===V?void 0:V.fallbackImage);var G=document.createElement("div");G.className="next-ep-title",(null===(M=D)||void 0===M?void 0:M.length)>60&&(D=D.substr(0,60)+"..."),G.innerHTML="".concat(D);var H=document.createElement("div");H.className="next-ep-content",H.append(F),H.append(G),H.onclick=function(){return I(e)},L.append(P),L.append(H)}},I=function(e,l){var i=f(e),n=Math.floor(i.currentTime());if(Math.floor(i.duration())!=n){i.pause(e);var t=h();x(t,e,T,sessionStorage.getItem("token"))}};function L(n,t){var o=f(n);o.on("loadeddata",(function(){var i,a,s,r,d,u,v;(null===(i=j(n))||void 0===i?void 0:i.length)>0&&e(n,t),(null===(a=b(n))||void 0===a?void 0:a.length)>0&&l(n,t),null!=t&&null!==(s=t.series)&&void 0!==s&&s.enable&&M(n,t),r=o.duration(),u=Math.floor(r/60),(v=null===(d=document.getElementsByClassName("vjs-progress-holder vjs-slider vjs-slider-horizontal"))||void 0===d?void 0:d[0])&&(v.style.marginRight=u>60?"56px":"41px");var m=document.getElementsByClassName("vjs-live-control")[0],c=document.getElementsByClassName("vjs-time-control");null!=t&&t.liveVideo&&m.classList.value.includes("vjs-hidden")&&(c[0].style.display="block")})),o.one("play",(function(){var e,l,t,o;null!==(e=window)&&void 0!==e&&null!==(l=e.customData)&&void 0!==l&&l.iframeOverlayUrl&&i(n,null===(t=window)||void 0===t||null===(o=t.customData)||void 0===o?void 0:o.iframeOverlayUrl)})),o.on("loadeddata",(function(){E(n)})),o.on("timeupdate",(function(){w(n),N(n)})),o.on("waiting",(function(){return w(n)})),o.on("volumechange",(function(){var e=100*o.volume().toFixed(2);B(e)})),k(n)}function P(e,l){import("./skin-93e320fc.js").then((function(e){var l=document.createElement("style");l.id="default_v2",l.append("".concat(e.default)),document.head.appendChild(l)})),L(e,l),function(e,l){var i=f(e);i.controlBar.getChild("FullscreenToggle").el().appendChild(y(v(window.controlsColor))),i.controlBar.getChild("FullscreenToggle").el().appendChild(y(m(window.controlsColor)));var n=document.getElementsByClassName("vjs-time-control");l.liveVideo&&(n[0].style.display="none")}(e,l),function(e,l){var i,v,m,g,f,h;0==(null==l?void 0:l.liveVideo)&&0==(null==l?void 0:l.liveui)&&n(e,"defaultV2",c());(0==(null==l?void 0:l.liveVideo)&&0==(null==l?void 0:l.liveui)||1==(null==l?void 0:l.liveui))&&t(e,"defaultV2",p());l.liveVideo||o(e);(null==l||null===(i=l.relatedVideos)||void 0===i||null===(v=i.content)||void 0===v?void 0:v.length)>0&&a(e,null==l?void 0:l.relatedVideos);(null==l||null===(m=l.streams)||void 0===m?void 0:m.length)>1&&s(e,null==l?void 0:l.streams);(null==l||null===(g=l.playlist)||void 0===g||null===(f=g.content)||void 0===f?void 0:f.length)>0&&r(e,null==l?void 0:l.playlist);null!=l&&null!==(h=l.series)&&void 0!==h&&h.enable&&d(e,l);null!=l&&l.debugStats&&u(e,l)}(e,l),function(e,l){var i=f(e),n=null==l?void 0:l.tvProviderLogoUrl;if(!n)return;var t=document.createElement("div");t.className="tvProviderImage";var o=document.createElement("img");o.src="".concat(n),o.alt="Provider Image",t.append(o),i.el().appendChild(t),i.on("useractive",(function(){t.classList.remove("vjs-fade")})),i.on("userinactive",(function(){i.paused()||t.classList.add("vjs-fade")})),i.on("fullscreenchange",(function(){i.isFullscreen_?t.style.top="3.2rem":t.style.top="1rem"}))}(e,l)}export{P as initialiseSkin};

package/esm/util-f62bec40.js

@@ -1 +0,0 @@
-import{g as t}from"./generic-6b0be7a7.js";var n=function(n,a,r){var e=t(n);e?a>=0&&a<=e.duration()?(r({status:!0,msg:"Successfully seeked to timestamp : ".concat(a)}),e.currentTime(a)):r({status:!1,msg:"Out of bounds, please provide a valid timestamp"}):r("Cannot find player with id: '".concat(n,"'"))},a=function(n,a){var r=t(n);if(!r)return"Cannot find player with id: '".concat(n,"'");try{return r.playbackRate(a),"Playback speed set to ".concat(a,"x")}catch(t){return"Error: ".concat(t)}},r=function(n,a){var r=t(n);r?r.on("timeupdate",(function(){return a(r.currentTime())})):a("Cannot find player with id: '".concat(n,"'"))},e=function(n,a){var r=t(n);r?r.on("ended",(function(){return a(!0)})):a("Cannot find player with id: '".concat(n,"'"))},i=function(n){var a=t(n);return a?a.duration():"Cannot find player with id: '".concat(n,"'")};export{e as a,a as b,i as g,r as o,n as s};

package/esm/videoSelector-2689b3b6.js

@@ -1 +0,0 @@
-import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import i from"@babel/runtime/helpers/getPrototypeOf";import a from"video.js";import{E as r,e as l}from"./icons-c18c70b7.js";import{g as c,o as s,J as d}from"./generic-6b0be7a7.js";import{a as m,h as u}from"./skin-665ec17e.js";import{a as p}from"./autoNextVideo-4aee2ee0.js";import"@babel/runtime/helpers/defineProperty";import"axios";import"js-cookie";import"ua-parser-js";import"@babel/runtime/helpers/toConsumableArray";import"./util-f62bec40.js";function v(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var o,a=i(e);if(t){var r=i(this).constructor;o=Reflect.construct(a,arguments,r)}else o=a.apply(this,arguments);return n(this,o)}}var h=a.getComponent("Component"),f=function(n){o(f,h);var i=v(f);function f(t){var o,n,a,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,f),(a=i.call(this,t,r)).playerId=r.playerId,a.seriesData=r.sres,a.videos=r.related.content,a.cb=(null==r||null===(o=r.related)||void 0===o?void 0:o.cb)||null,a.autoNext=(null==r||null===(n=r.related)||void 0===n?void 0:n.autoNext)||!1,a.currentVideoData=r.res,a.initialiseStructure(),a.loadCSS(),a.autoNext&&p({playerId:a.playerId,content:a.videos,cb:a.cb}),a}return t(f,[{key:"createEl",value:function(){var e=a.dom.createEl("div",{className:"video-selection vjs-control vjs-button"});e.style.position="unset";var t=a.dom.createEl("div",{className:"video-selector-icon",innerHTML:"".concat(r())});return a.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./videoSelector-8e258d45.js").then((function(e){var t=document.createElement("style");t.id="video-selection",t.append("".concat(e.default)),document.head.appendChild(t)}))}},{key:"initialiseStructure",value:function(){var e=this.el(),t=a.dom.createEl("div",{className:"video-selection-container hidden"});a.dom.$(".video-selector-icon",this.el()).onclick=function(){var o;null!==(o=t.classList)&&void 0!==o&&o.contains("hidden")?(m(),t.classList.remove("hidden"),e.classList.add("open"),t.style.right="0px"):(t.classList.add("hidden"),e.classList.remove("open"),t.style.right="-350px")};var o=window.getComputedStyle(document.getElementById(this.playerId),null).getPropertyValue("height").slice(0,-2);t.style.height="".concat(o,"px"),a.dom.appendContent(e,t),document.getElementById(this.playerId).style.overflow="hidden",this.addFunctionality(t)}},{key:"toggleOpenClose",value:function(){}},{key:"addFunctionality",value:function(e){var t=this,o=this.el(),n=a.dom.createEl("div",{className:"video-selector-head"}),i=a.dom.createEl("div",{className:"video-selector-cross-icon",innerHTML:"".concat(l())});i.onclick=function(){e.classList.add("hidden"),o.classList.remove("open"),e.style.right="-350px"};for(var r=a.dom.createEl("div",{className:"video-selector-title",innerHTML:"Recommended"}),m=a.dom.createEl("div",{className:"video-selector-content"}),p=a.dom.createEl("div",{className:"video-container"}),v=function(e){var o,n=a.dom.createEl("div",{className:"video -".concat(e)}),i=a.dom.createEl("div",{className:"recommended -".concat(e)});i.setAttribute("video-idx",e),i.onclick=function(){d(e+1);for(var o=a.dom.$$(".recommended"),n=0;n<o.length;n++)o[n].style.border="none";u(e),s(t.playerId,t.videos[e].id,sessionStorage.getItem("token")).then((function(e){t.cb&&t.cb(e)})).catch((function(e){t.cb&&t.cb(e)}))};var r=document.createElement("img");r.className="related-thumbnail-image",r.src="".concat(t.videos[e].img),r.alt="No Thumbnail Available",i.append(r);var l=a.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(o=t.videos[e])||void 0===o?void 0:o.title)||"")});a.dom.appendContent(n,i),a.dom.appendContent(n,l),a.dom.appendContent(p,n),a.dom.appendContent(m,p)},h=0;h<this.videos.length;h++)v(h);a.dom.appendContent(n,i),a.dom.appendContent(n,r),a.dom.appendContent(e,n),a.dom.appendContent(e,m),c(this.playerId).on("fullscreenchange",(function(){var o=window.getComputedStyle(document.getElementById(t.playerId),null).getPropertyValue("height").slice(0,-2);e.style.height="".concat(o,"px")}))}}]),f}();export{f as default};

package/esm/videoSelector-8e258d45.js

@@ -1 +0,0 @@
-var n=".video-selection {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.video-selector-icon {\n    cursor: pointer;\n}\n\n.video-selection-container {\n    position: absolute;\n    width: 350px;\n    bottom: 0px;\n    right: -350px;\n    background: #00000080 !important;\n    z-index: -1;\n    transition: right 300ms ease-out;\n}\n\n.video-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n}\n\n.video-selection.open {\n    background: rgba(255, 255, 255, 0.20) !important;\n}\n\n.video-selector-head {\n    display: flex;\n    align-items: center;\n    padding-top: 18px;\n    padding-left: 20px;\n    margin-bottom: 20px;\n}\n\n.video-selector-title {\n    font-size: 18px;\n    font-weight: 600;\n    margin-left: 25px;\n    user-select: none;\n}\n\n.video-selector-cross-icon {\n    cursor: pointer;\n}\n\n.video-selector-content {\n    height: 74%;\n    overflow: scroll;\n}\n\n.video-selector-content::-webkit-scrollbar {\n    display: none;\n}\n\n/* Hide scrollbar for IE, Edge and Firefox */\n.video-selector-content {\n    -ms-overflow-style: none;\n    /* IE and Edge */\n    scrollbar-width: none;\n    /* Firefox */\n}\n\n.video-selector-content-video {\n    height: 300px;\n    margin-bottom: 30px;\n}\n\n.recommended {\n    height: 175px;\n    width: 309px;\n    background-repeat: no-repeat;\n    background-size: contain;\n}\n.related-thumbnail-image{\n    width: 100%;\n    height: 100%;\n}\n.video {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    margin-bottom: 12px;\n}\n\n.parent {\n    margin: 21px 52px 23px 34px;\n\n}\n\n.recommended:hover {\n    cursor: pointer;\n}\n\n.info {\n    font-size: 13px;\n    padding: 7px 22px;\n}\n\n@media (max-width:600px){\n    .video-selector-cross-icon>svg{\n        height: 12px;\n    }\n    .video-selector-title{\n        font-size: 14px;\n    }\n    .video-selector-content{\n        height: 52%;\n    }\n    .video-selection-container{\n        width: 200px;\n    }\n    .recommended{\n        height: 90px !important;\n        width: 154px !important;\n    }\n    .info {\n        font-size: 9px !important;\n    }\n    .video-selector-title{\n        margin-left: 13px;\n    }\n}";export{n as default};