@viewlift/player-backup 0.0.98 → 1.0.0-lighteningjs

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (105) hide show
  1. package/.babelrc +8 -0
  2. package/.browserslistrc +2 -0
  3. package/README.md +29 -0
  4. package/babel.config.json +8 -0
  5. package/dist/index.cjs.js +1 -0
  6. package/dist/index.d.ts +58 -0
  7. package/dist/index.esm.js +1 -0
  8. package/dist/utility.d.ts +6 -0
  9. package/package.json +30 -15
  10. package/rollup.config.mjs +31 -0
  11. package/src/index.ts +261 -0
  12. package/src/utility.ts +109 -0
  13. package/tsconfig.json +13 -0
  14. package/cjs/autoNextVideo-823821e8.js +0 -1
  15. package/cjs/bundle.css +0 -657
  16. package/cjs/caption-settings-67212c17.js +0 -1
  17. package/cjs/caption-settings-d42c056e.js +0 -1
  18. package/cjs/debugSelection-cbfdabb7.js +0 -1
  19. package/cjs/dvr_skin-f7f770ae.js +0 -1
  20. package/cjs/error-26d5a3c3.js +0 -1
  21. package/cjs/features-164c3cc6.js +0 -1
  22. package/cjs/generic-8b99b151.js +0 -1
  23. package/cjs/icons-7afb9c13.js +0 -1
  24. package/cjs/index-3dfe6459.js +0 -1
  25. package/cjs/index.js +0 -1
  26. package/cjs/keyboardShortcuts-cfd998c2.js +0 -1
  27. package/cjs/loader-393b838a.js +0 -1
  28. package/cjs/multicam-21c9a90b.js +0 -1
  29. package/cjs/multicam-a41fe4a6.js +0 -1
  30. package/cjs/multicamv2-76d8530b.js +0 -1
  31. package/cjs/multicamv2-c148fa24.js +0 -1
  32. package/cjs/mwebPotrait-3c11d7cf.js +0 -1
  33. package/cjs/mwebPotraitTray-b9d5d45a.js +0 -1
  34. package/cjs/nextEpisodeButton-300afadc.js +0 -1
  35. package/cjs/nextEpisodeButton-b6e6586f.js +0 -1
  36. package/cjs/nondvr_skin-ef2cb3b2.js +0 -1
  37. package/cjs/playlist-925f808b.js +0 -1
  38. package/cjs/playlist-df87ca90.js +0 -1
  39. package/cjs/renditions-bc841552.js +0 -1
  40. package/cjs/resolution-6a9adf54.js +0 -1
  41. package/cjs/series-82ec79d3.js +0 -1
  42. package/cjs/series-9c237975.js +0 -1
  43. package/cjs/series-v2-24855152.js +0 -1
  44. package/cjs/series-v2-70137d8c.js +0 -1
  45. package/cjs/settings-icon-a63f46fc.js +0 -1
  46. package/cjs/settings-icon-e6a8feee.js +0 -1
  47. package/cjs/skin-225252ff.js +0 -1
  48. package/cjs/skin-39ab30e2.js +0 -1
  49. package/cjs/skin-83edff36.js +0 -1
  50. package/cjs/skin-84083352.js +0 -1
  51. package/cjs/skin-93a3e5ae.js +0 -1
  52. package/cjs/skin-983a2ea7.js +0 -1
  53. package/cjs/skin-afbec6d7.js +0 -1
  54. package/cjs/skin-ec49b877.js +0 -1
  55. package/cjs/skin-f225a42e.js +0 -1
  56. package/cjs/skin-fb394911.js +0 -1
  57. package/cjs/util-fa21734a.js +0 -1
  58. package/cjs/videoSelector-01a9ef43.js +0 -1
  59. package/cjs/videoSelector-fcdf11eb.js +0 -1
  60. package/esm/autoNextVideo-1672740e.js +0 -1
  61. package/esm/bundle.css +0 -657
  62. package/esm/caption-settings-2e47813b.js +0 -1
  63. package/esm/caption-settings-3eacf3a0.js +0 -1
  64. package/esm/debugSelection-2601b8b3.js +0 -1
  65. package/esm/dvr_skin-9cc1b144.js +0 -1
  66. package/esm/error-2395864b.js +0 -1
  67. package/esm/features-f86404ce.js +0 -1
  68. package/esm/generic-7c43020f.js +0 -1
  69. package/esm/icons-c18c70b7.js +0 -1
  70. package/esm/index-9f022e82.js +0 -1
  71. package/esm/index.js +0 -1
  72. package/esm/keyboardShortcuts-c06f3c7b.js +0 -1
  73. package/esm/loader-580278fe.js +0 -1
  74. package/esm/multicam-94da3759.js +0 -1
  75. package/esm/multicam-de741974.js +0 -1
  76. package/esm/multicamv2-0105c40f.js +0 -1
  77. package/esm/multicamv2-d006cffa.js +0 -1
  78. package/esm/mwebPotrait-3c1805d8.js +0 -1
  79. package/esm/mwebPotraitTray-5ab39989.js +0 -1
  80. package/esm/nextEpisodeButton-2ea69b56.js +0 -1
  81. package/esm/nextEpisodeButton-a1556cdf.js +0 -1
  82. package/esm/nondvr_skin-64be70e5.js +0 -1
  83. package/esm/playlist-032fbbf3.js +0 -1
  84. package/esm/playlist-7ecf432a.js +0 -1
  85. package/esm/renditions-97276745.js +0 -1
  86. package/esm/resolution-38cd4f5c.js +0 -1
  87. package/esm/series-041152aa.js +0 -1
  88. package/esm/series-977edced.js +0 -1
  89. package/esm/series-v2-0727ee8c.js +0 -1
  90. package/esm/series-v2-516c91c2.js +0 -1
  91. package/esm/settings-icon-0125bffd.js +0 -1
  92. package/esm/settings-icon-2b713fbf.js +0 -1
  93. package/esm/skin-2c638dc1.js +0 -1
  94. package/esm/skin-42c2f81d.js +0 -1
  95. package/esm/skin-5e2fa9d4.js +0 -1
  96. package/esm/skin-6093bfb3.js +0 -1
  97. package/esm/skin-665ec17e.js +0 -1
  98. package/esm/skin-93e320fc.js +0 -1
  99. package/esm/skin-b939c35e.js +0 -1
  100. package/esm/skin-cd537931.js +0 -1
  101. package/esm/skin-d5510f70.js +0 -1
  102. package/esm/skin-d6b00653.js +0 -1
  103. package/esm/util-d9f5a7be.js +0 -1
  104. package/esm/videoSelector-8889c58e.js +0 -1
  105. package/esm/videoSelector-8e258d45.js +0 -1
@@ -1 +0,0 @@
1
- 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};
@@ -1 +0,0 @@
1
- var a="";export{a as default};
@@ -1 +0,0 @@
1
- import{i as e,j as t,k as n,g as i,h as l,d as o,l as a,m as d,n as s,o as r,p as u}from"./features-f86404ce.js";import{M as v,a as c,c as m,d as p}from"./icons-c18c70b7.js";import{G as g,g as f,H as h,v as b}from"./generic-7c43020f.js";import{c as y}from"./skin-665ec17e.js";import{g as C}from"./renditions-97276745.js";import w from"@babel/runtime/helpers/toConsumableArray";import{s as E}from"./autoNextVideo-1672740e.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-d9f5a7be.js";var x=g(),N=[];null==x||x.map((function(e){return N.push.apply(N,w(e.episodes))}));var j,B,T,H=function(e,t){var n;null==t||null===(n=t.series)||void 0===n||n.cb;var i=f(e);i.on("timeupdate",(function(){var e,t=Math.floor(i.currentTime()),n=i.duration(),l=null===(e=document.getElementsByClassName("next-ep-preview"))||void 0===e?void 0:e[0];n-t<=10&&h()<=(null==N?void 0:N.length)-1?l&&(l.style.visibility="visible"):l&&(l.style.visibility="hidden")}));var l,o=N.filter((function(e,t){return t==h()}));if((null==o?void 0:o.length)>0)if(null!==(l=document.getElementsByClassName("next-ep-preview"))&&void 0!==l&&l[0]){var a,d,s,r,u,v,c,m,p,g,b;(null===(a=document.getElementsByClassName("next-ep-preview"))||void 0===a?void 0:a[0]).style.visibility="hidden";var y=null===(d=document.getElementsByClassName("next-ep-title"))||void 0===d?void 0:d[0],C=null===(s=document.getElementsByClassName("next-ep-img"))||void 0===s?void 0:s[0],w=null===(r=document.getElementsByClassName("next-ep-content"))||void 0===r?void 0:r[0],E=null===(u=o[0])||void 0===u?void 0:u.title;(null===(v=E)||void 0===v?void 0:v.length)>60&&(E=E.substr(0,60)+"..."),y.innerHTML="".concat(E),C.src=(null===(c=o[0])||void 0===c||null===(m=c.gist)||void 0===m||null===(p=m.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),w.onclick=function(){return M(e)}}else{var x,j,B,T,H,k,L,V=document.createElement("div");V.className="next-ep-preview",V.style.visibility="hidden",document.getElementById(e).append(V);var D=document.createElement("div");D.className="next-ep-header",D.innerHTML="Next up";var F=null===(x=o[0])||void 0===x?void 0:x.title,I=document.createElement("img");I.className="next-ep-img",I.src=(null===(j=o[0])||void 0===j||null===(B=j.gist)||void 0===B||null===(T=B.imageGist)||void 0===T?void 0:T.r16x9)||(null===(H=window)||void 0===H||null===(k=H.customData)||void 0===k?void 0:k.fallbackImage);var P=document.createElement("div");P.className="next-ep-title",(null===(L=F)||void 0===L?void 0:L.length)>60&&(F=F.substr(0,60)+"..."),P.innerHTML="".concat(F);var S=document.createElement("div");S.className="next-ep-content",S.append(I),S.append(P),S.onclick=function(){return M(e)},V.append(D),V.append(S)}},M=function(e,t){var n=f(e),i=Math.floor(n.currentTime());if(Math.floor(n.duration())!=i){n.pause(e);var l=h();E(l,e,N,sessionStorage.getItem("token"))}},k=function(e){var t=e/T,n=document.getElementsByClassName("bandwidth-container");null!=n&&n.length&&(n[0].innerHTML='<div class="debug-item"><div class="debug-title-item">Connecton Speed </div><div class="debug-value-item">'.concat((t/125).toFixed(2)," kbps</div></div>"),j=(new Date).getTime())},L=function(e){var t=f(e);B=(new Date).getTime(),T=(B-j)/1e3;var n,i,l=t.src();n=l,(i=new XMLHttpRequest).open("HEAD",n,!0),i.onreadystatechange=function(){if(4==i.readyState&&(200==i.status||206==i.status)){var e=i.getResponseHeader("Content-Length");k(e)}},i.send(null)};function V(e){for(var t=f(e),n=t.buffered(),i=t.currentTime(),l=0,o=0;o<n.length;o++)n.start(o)<=i&&n.end(o)>l&&(l=n.end(o));var a=l-i,d=document.getElementsByClassName("buffer-container");d.length&&(d[0].innerHTML='<div class="debug-item"><div class="debug-title-item">Buffer Health </div><div class="debug-value-item">'.concat(a.toFixed(2)," seconds</div></div>"))}var D=function(e){var t=document.getElementsByClassName("debug-container");if(null!=t&&t.length){var n=t[0].getElementsByClassName("volume-container");n.length&&(n[0].innerHTML='<div class="debug-item"><div class="debug-title-item">Volume </div><div class="debug-value-item">'.concat(e,"%</div></div>"))}},F=function(e){f(e).on("loadstart",(function(){j=(new Date).getTime()}))};function I(i,l){var o=f(i);o.on("loadeddata",(function(){var n,a,d;(null===(n=C(i))||void 0===n?void 0:n.length)>0&&e(i,l),(null===(a=b(i))||void 0===a?void 0:a.length)>0&&t(i,l),null!=l&&null!==(d=l.series)&&void 0!==d&&d.enable&&H(i,l),function(e){var t,n=Math.floor(e/60),i=null===(t=document.getElementsByClassName("vjs-progress-holder vjs-slider vjs-slider-horizontal"))||void 0===t?void 0:t[0];i&&(i.style.marginRight=n>60?"56px":"41px")}(o.duration())})),o.one("play",(function(){var e,t,l,o;null!==(e=window)&&void 0!==e&&null!==(t=e.customData)&&void 0!==t&&t.iframeOverlayUrl&&n(i,null===(l=window)||void 0===l||null===(o=l.customData)||void 0===o?void 0:o.iframeOverlayUrl)})),o.on("loadeddata",(function(){!function(e){var t=f(e),n=t.el().clientWidth,i=t.el().clientHeight,l=document.getElementsByClassName("viewport-container");l.length&&(l[0].innerHTML='<div class="debug-item"><div class="debug-title-item">Viewport </div><div class="debug-value-item">'.concat(n,"x").concat(i,"</div></div>"))}(i),L(i)})),o.on("timeupdate",(function(){L(i),V(i),function(e){var t=f(e),n=(null==t?void 0:t.el().querySelector("video")).getVideoPlaybackQuality(),i=n?n.droppedVideoFrames/t.duration():"Unknown",l=document.getElementsByClassName("drop-frames-container");null!=l&&l.length&&(l[0].innerHTML='<div class="debug-item"><div class="debug-title-item">Dropped FPS </div><div class="debug-value-item">'.concat(parseInt(i),"/s</div></div>"))}(i)})),o.on("waiting",(function(){return V(i)})),o.on("volumechange",(function(){var e=100*o.volume().toFixed(2);D(e)})),F(i)}function P(e,t){import("./skin-93e320fc.js").then((function(e){var t=document.createElement("style");t.id="default_v2",t.append("".concat(e.default)),document.head.appendChild(t)})),I(e,t),function(e,t){var n=f(e);n.controlBar.getChild("FullscreenToggle").el().appendChild(y(v(window.controlsColor))),n.controlBar.getChild("FullscreenToggle").el().appendChild(y(c(window.controlsColor)));var i=document.getElementsByClassName("vjs-time-control");t.liveVideo&&(i[0].style.display="none")}(e,t),function(e,t){var n,v,c,g,f,h;0==(null==t?void 0:t.liveVideo)&&0==(null==t?void 0:t.liveui)&&i(e,"defaultV2",m());(0==(null==t?void 0:t.liveVideo)&&0==(null==t?void 0:t.liveui)||1==(null==t?void 0:t.liveui))&&l(e,"defaultV2",p());t.liveVideo||o(e);(null==t||null===(n=t.relatedVideos)||void 0===n||null===(v=n.content)||void 0===v?void 0:v.length)>0&&a(e,null==t?void 0:t.relatedVideos);(null==t||null===(c=t.streams)||void 0===c?void 0:c.length)>1&&d(e,null==t?void 0:t.streams);(null==t||null===(g=t.playlist)||void 0===g||null===(f=g.content)||void 0===f?void 0:f.length)>0&&s(e,null==t?void 0:t.playlist);null!=t&&null!==(h=t.series)&&void 0!==h&&h.enable&&r(e,t);null!=t&&t.debugStats&&u(e,t)}(e,t),function(e,t){var n=f(e),i=null==t?void 0:t.tvProviderLogoUrl;if(!i)return;var l=document.createElement("div");l.className="tvProviderImage";var o=document.createElement("img");o.src="".concat(i),o.alt="Provider Image",l.append(o),n.el().appendChild(l),n.on("useractive",(function(){l.classList.remove("vjs-fade")})),n.on("userinactive",(function(){n.paused()||l.classList.add("vjs-fade")})),n.on("fullscreenchange",(function(){n.isFullscreen_?l.style.top="3.2rem":l.style.top="1rem"}))}(e,t)}export{P as initialiseSkin};
@@ -1 +0,0 @@
1
- import{g as t}from"./generic-7c43020f.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};
@@ -1 +0,0 @@
1
- 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-7c43020f.js";import{a as m,h as u}from"./skin-665ec17e.js";import{a as p}from"./autoNextVideo-1672740e.js";import"@babel/runtime/helpers/defineProperty";import"axios";import"js-cookie";import"ua-parser-js";import"@babel/runtime/helpers/toConsumableArray";import"./util-d9f5a7be.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};
@@ -1 +0,0 @@
1
- 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};