@viewlift/player-backup 1.0.137-backup → 1.0.139-backup

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 (138) hide show
  1. package/cjs/autoNextVideo-31f6fc5c.js +1 -0
  2. package/cjs/bundle.css +124 -291
  3. package/cjs/caption-settings-903072e9.js +1 -0
  4. package/cjs/dvr_skin-f7f770ae.js +1 -0
  5. package/cjs/features-3aeac1e6.js +1 -0
  6. package/cjs/generic-29557f14.js +1 -0
  7. package/cjs/icons-515b2da0.js +1 -0
  8. package/cjs/index.js +1 -1
  9. package/cjs/keyboardShortcuts-ac2bfc24.js +1 -0
  10. package/cjs/loader-393b838a.js +1 -0
  11. package/cjs/multicam-5218fef6.js +1 -0
  12. package/cjs/multicam-a41fe4a6.js +1 -0
  13. package/cjs/{multicamv2-7a86b517.js → multicamv2-76d8530b.js} +1 -1
  14. package/cjs/multicamv2-e9850465.js +1 -0
  15. package/cjs/mwebPotrait-3c11d7cf.js +1 -0
  16. package/cjs/mwebPotraitTray-a31b199f.js +1 -0
  17. package/cjs/nextEpisodeButton-8f9d591f.js +1 -0
  18. package/cjs/nondvr_skin-ef2cb3b2.js +1 -0
  19. package/cjs/playlist-90a943c3.js +1 -0
  20. package/cjs/renditions-2a68e55f.js +1 -0
  21. package/cjs/resolution-2507ae3f.js +1 -0
  22. package/cjs/series-7c676fab.js +1 -0
  23. package/cjs/series-v2-a794f025.js +1 -0
  24. package/cjs/series-v2-fd7485a5.js +1 -0
  25. package/cjs/settings-icon-fd361a36.js +1 -0
  26. package/cjs/skin-1f5a5ba7.js +1 -0
  27. package/cjs/skin-261515e4.js +1 -0
  28. package/cjs/skin-2a6e5efd.js +1 -0
  29. package/cjs/skin-59e1e9f8.js +1 -0
  30. package/cjs/skin-97230e22.js +1 -0
  31. package/cjs/skin-983a2ea7.js +1 -0
  32. package/cjs/skin-b41ed404.js +1 -0
  33. package/cjs/skin-c66e9b42.js +1 -0
  34. package/cjs/util-edad3d26.js +1 -0
  35. package/cjs/videoSelector-144e411f.js +1 -0
  36. package/esm/autoNextVideo-ae83ac79.js +1 -0
  37. package/esm/bundle.css +124 -291
  38. package/esm/caption-settings-286e1acf.js +1 -0
  39. package/esm/dvr_skin-9cc1b144.js +1 -0
  40. package/esm/features-27b875c1.js +1 -0
  41. package/esm/generic-3a4a5eee.js +1 -0
  42. package/esm/{icons-79ad4d7d.js → icons-3e9a1686.js} +1 -1
  43. package/esm/index.js +1 -1
  44. package/esm/keyboardShortcuts-48e91712.js +1 -0
  45. package/esm/loader-580278fe.js +1 -0
  46. package/esm/multicam-9b52f856.js +1 -0
  47. package/esm/multicam-de741974.js +1 -0
  48. package/esm/multicamv2-5eebf15d.js +1 -0
  49. package/esm/{multicamv2-1fb5149a.js → multicamv2-d006cffa.js} +1 -1
  50. package/esm/mwebPotrait-3c1805d8.js +1 -0
  51. package/esm/mwebPotraitTray-918b9c46.js +1 -0
  52. package/esm/nextEpisodeButton-4fda97dc.js +1 -0
  53. package/esm/nondvr_skin-64be70e5.js +1 -0
  54. package/esm/playlist-100a8a60.js +1 -0
  55. package/esm/renditions-e6a8fbb9.js +1 -0
  56. package/esm/resolution-5444c761.js +1 -0
  57. package/esm/series-5bdad7f3.js +1 -0
  58. package/esm/series-v2-3848a876.js +1 -0
  59. package/esm/series-v2-4cdbf9b1.js +1 -0
  60. package/esm/settings-icon-a9dfd1d7.js +1 -0
  61. package/esm/skin-1b9cdb94.js +1 -0
  62. package/esm/skin-60001dc5.js +1 -0
  63. package/esm/skin-96d2bdc5.js +1 -0
  64. package/esm/skin-c81400ed.js +1 -0
  65. package/esm/skin-cd537931.js +1 -0
  66. package/esm/skin-d2d14455.js +1 -0
  67. package/esm/skin-edc9cefb.js +1 -0
  68. package/esm/skin-fbc45594.js +1 -0
  69. package/esm/util-89ccc154.js +1 -0
  70. package/esm/videoSelector-feca34d2.js +1 -0
  71. package/package.json +8 -7
  72. package/cjs/autoNextVideo-2220fa0e.js +0 -1
  73. package/cjs/browser-77c57718.js +0 -1
  74. package/cjs/caption-settings-a355bdc9.js +0 -1
  75. package/cjs/captions-37b81672.js +0 -1
  76. package/cjs/features-c3f24777.js +0 -1
  77. package/cjs/generic-cdde2bcb.js +0 -1
  78. package/cjs/icons-0ea2e662.js +0 -1
  79. package/cjs/index-e01e3a8c.js +0 -1
  80. package/cjs/multicamv2-114b8211.js +0 -1
  81. package/cjs/multicamv2-e7a024e5.js +0 -1
  82. package/cjs/multicamv2-f7b818dc.js +0 -1
  83. package/cjs/nextEpisodeButton-9196ac36.js +0 -1
  84. package/cjs/playlist-8009c8ee.js +0 -1
  85. package/cjs/renditions-fd408798.js +0 -1
  86. package/cjs/resolution-c59e995e.js +0 -1
  87. package/cjs/series-099e6737.js +0 -1
  88. package/cjs/series-v2-04472382.js +0 -1
  89. package/cjs/series-v2-167d4ba9.js +0 -1
  90. package/cjs/series-v2-232bef33.js +0 -1
  91. package/cjs/series-v2-e037e14e.js +0 -1
  92. package/cjs/settings-icon-bef54795.js +0 -1
  93. package/cjs/skin-1b2c61f6.js +0 -1
  94. package/cjs/skin-1d28c277.js +0 -1
  95. package/cjs/skin-4209bc32.js +0 -1
  96. package/cjs/skin-4d54559c.js +0 -1
  97. package/cjs/skin-839ea006.js +0 -1
  98. package/cjs/skin-aef573bd.js +0 -1
  99. package/cjs/skin-ba38afdb.js +0 -1
  100. package/cjs/skin-e6f4cd9a.js +0 -1
  101. package/cjs/skin-fb561053.js +0 -1
  102. package/cjs/util-197a4f7c.js +0 -1
  103. package/cjs/videoSelector-1c333845.js +0 -1
  104. package/cjs/videoSelector-45b638bf.js +0 -1
  105. package/cjs/videoSelector-79c01024.js +0 -1
  106. package/esm/autoNextVideo-b11763cb.js +0 -1
  107. package/esm/browser-d4613b36.js +0 -1
  108. package/esm/caption-settings-ddfbca32.js +0 -1
  109. package/esm/captions-6cc39cdc.js +0 -1
  110. package/esm/features-c633895c.js +0 -1
  111. package/esm/generic-ab80b8ea.js +0 -1
  112. package/esm/index-0aaeaba2.js +0 -1
  113. package/esm/multicamv2-1f5b284d.js +0 -1
  114. package/esm/multicamv2-78694bcb.js +0 -1
  115. package/esm/multicamv2-92ab3e07.js +0 -1
  116. package/esm/nextEpisodeButton-af315609.js +0 -1
  117. package/esm/playlist-f08c3124.js +0 -1
  118. package/esm/renditions-c0f96578.js +0 -1
  119. package/esm/resolution-00449d8d.js +0 -1
  120. package/esm/series-a5fb6bbc.js +0 -1
  121. package/esm/series-v2-1cbb5dc9.js +0 -1
  122. package/esm/series-v2-87343239.js +0 -1
  123. package/esm/series-v2-8c8b0a2d.js +0 -1
  124. package/esm/series-v2-9b47527e.js +0 -1
  125. package/esm/settings-icon-23053add.js +0 -1
  126. package/esm/skin-2882ecc4.js +0 -1
  127. package/esm/skin-30914edb.js +0 -1
  128. package/esm/skin-532012c0.js +0 -1
  129. package/esm/skin-54fd9894.js +0 -1
  130. package/esm/skin-6311a73f.js +0 -1
  131. package/esm/skin-71be210e.js +0 -1
  132. package/esm/skin-ab48f536.js +0 -1
  133. package/esm/skin-ba4f75c0.js +0 -1
  134. package/esm/skin-f4f5c3dc.js +0 -1
  135. package/esm/util-6f289757.js +0 -1
  136. package/esm/videoSelector-538a2e27.js +0 -1
  137. package/esm/videoSelector-72bf1669.js +0 -1
  138. package/esm/videoSelector-9e7d0c5e.js +0 -1
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./features-3aeac1e6.js"),t=require("./icons-515b2da0.js"),n=require("./generic-29557f14.js"),r=require("./renditions-2a68e55f.js"),i=require("@babel/runtime/helpers/toConsumableArray"),l=require("./autoNextVideo-31f6fc5c.js"),o=require("@babel/runtime/helpers/typeof"),a=require("video.js"),u=require("@babel/runtime/helpers/asyncToGenerator"),s=require("@babel/runtime/regenerator"),d=require("@babel/runtime/helpers/slicedToArray");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("./localisation-56e0a999.js"),require("axios"),require("js-cookie"),require("ua-parser-js"),require("./util-edad3d26.js");var c,v,p,m,f=[],h=function(e,t){var r=n.getPlayer(e),i=Math.floor(r.currentTime());if(Math.floor(r.duration())!=i){r.pause(e);var o=n.getVideoIdx();l.switchToNext(o,e,f)}};function g(e){var t=e.split("\n"),n=[];return t.forEach((function(e){if((e=e.trim()).startsWith("#EXT-X-IMAGE-STREAM-INF")){var t=e.split(","),r={resolution:null,uri:null};t.forEach((function(e){e.includes("RESOLUTION")&&(r.resolution=e.split("=")[1]),e.includes("URI")&&(r.uri=e.split("=")[1].replace(/"/g,""))})),n.push(r)}})),n}function y(e){return x.apply(this,arguments)}function x(){return(x=u(s.mark((function e(t){return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.abrupt("return",new Promise((function(e){var n=new Image;n.src=t.uri,n.crossOrigin="Anonymous";var r=[],i=t.layout.split("x"),l=d(i,2),o=l[0],a=l[1];n.onload=function(){var i=document.createElement("canvas");i.width=n.width,i.height=n.height,i.getContext("2d").drawImage(n,0,0,i.width,i.height);for(var l=i.width/a,u=i.height/o,s=0;s<o;s++)for(var d=0;d<a;d++){var c=document.createElement("canvas");c.width=l,c.height=u,c.getContext("2d").drawImage(i,d*l,s*u,l,u,0,0,l,u);var v=c.toDataURL("image/png");r.push({uri:v,duration:t.duration})}e(r)}})));case 1:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function b(e){return w.apply(this,arguments)}function w(){return(w=u(s.mark((function e(t){var n,r;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.prev=0,e.next=3,fetch(t);case 3:return n=e.sent,e.next=6,n.text();case 6:return r=e.sent,e.abrupt("return",g(r));case 10:e.prev=10,e.t0=e.catch(0),console.error("Error fetching the M3U8 manifest:",e.t0);case 13:case"end":return e.stop()}}),e,null,[[0,10]])})))).apply(this,arguments)}function C(e){return E.apply(this,arguments)}function E(){return(E=u(s.mark((function e(t){var n,r;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,Promise.all(t.map((function(e){return y(e)})));case 2:return n=e.sent.flat(),r={},n.map((function(e,t){var n=e.duration;r[n*t]={src:e.uri,style:{left:"-60px",height:"85px",width:"130px"}}})),e.abrupt("return",r);case 6:case"end":return e.stop()}}),e)})))).apply(this,arguments)}c={0:{src:"example-thumbnail.png"}},v=function e(){var t,n,r,i,l;for(r in n=(t=Array.prototype.slice.call(arguments)).shift()||{},t)for(l in i=t[r])i.hasOwnProperty(l)&&("object"===o(i[l])?n[l]=e(n[l],i[l]):n[l]=i[l]);return n},p=function(e,t){return function(n){return window.getComputedStyle?window.getComputedStyle(e,t)[n]:e.currentStyle[n]}},m=function e(t){return"HTML"!==t.nodeName&&"static"===p(t)("position")?e(t.offsetParent):t},a.registerPlugin("thumbnails",(function(e){var t,n,r,i,l,o,a,u;n=v({},c,e),i=this,function(){var e,t,n;-1!==navigator.userAgent.toLowerCase().indexOf("android")&&(t=function(){e.addClass("fake-active")},n=function(){e.removeClass("fake-active")},(e=i.controlBar.progressControl).on("touchstart",t),e.on("touchend",n),e.on("touchcancel",n))}(),(t=document.createElement("div")).className="vjs-thumbnail-holder",r=document.createElement("img"),t.appendChild(r),r.src=n[0].src,r.className="vjs-thumbnail",v(r.style,n[0].style),r.style.left||r.style.right||(r.onload=function(){r.style.left=-r.naturalWidth/2+"px"}),o=i.duration(),i.on("durationchange",(function(e){o=i.duration()})),i.on("loadedmetadata",(function(e){o=i.duration()})),(l=i.controlBar.progressControl).el().appendChild(t),a=function(e){var i,a,u,s,d,c,f,h,g,y;for(a in u=0,g=(window.pageXOffset?{x:window.pageXOffset,y:window.pageYOffset}:{x:document.documentElement.scrollLeft,y:document.documentElement.scrollTop}).x,f=((y=m(l.el()).getBoundingClientRect()).width||y.right)+g,c=e.pageX,e.changedTouches&&(c=e.changedTouches[0].pageX),s=c||e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,s-=m(l.el()).getBoundingClientRect().left+g,i=Math.floor((s-l.el().offsetLeft)/l.width()*o),n)i>a&&(u=Math.max(u,a));(d=n[u]).src&&r.src!=d.src&&(r.src=d.src),d.style&&r.style!=d.style&&v(r.style,d.style),s+(h=function(e,t){var n;return t?parseFloat(t):"auto"!==(n=p(e)("clip"))&&"inherit"!==n&&4===(n=n.split(/(?:\(|\))/)[1].split(/(?:,| )/)).length?parseFloat(n[1])-parseFloat(n[3]):0}(r,d.width||n[0].width)/2)>f?s-=s+h-f:s<h&&(s=h),t.style.left=s+"px"},l.on("mousemove",a),l.on("touchmove",a),u=function(e){t.style.left="-1000px"},l.on("mouseout",u),l.on("touchcancel",u),l.on("touchend",u),i.on("userinactive",u)}));var k=function(){var e=u(s.mark((function e(t,n){var r,i,l,o;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch(t+n);case 2:return r=e.sent,e.next=5,r.text();case 5:return i=e.sent,l=i.split("\n"),o=[],l.forEach((function(e,n){e=e.trim();var r={resolution:null,duration:null,uri:null,layout:null};n>0&&l[n-1].includes("#EXT-X-TILES")&&(l[n-1]=l[n-1].split(","),r.uri=t+e,l[n-1].forEach((function(e){(e.includes(":")?e.split(":")[1]:e).split(",").forEach((function(e){var t=e.split("="),n=d(t,2),i=n[0],l=n[1];i=i.toLowerCase(),r[i]=l}))})),o.push(r))})),e.abrupt("return",o);case 10:case"end":return e.stop()}}),e)})));return function(t,n){return e.apply(this,arguments)}}();function N(e){return B.apply(this,arguments)}function B(){return(B=u(s.mark((function e(t){var r,i,l,o,a,u,d,c,v,p,m,f,h,g,y,x,b,w,C,E,k,N;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return r=t.split("/").slice(0,t.split("/").indexOf("dash")+1).join("/")||t,e.prev=1,e.next=4,fetch(t);case 4:return o=e.sent,e.next=7,o.text();case 7:a=e.sent,u=new DOMParser,d=u.parseFromString(a,"application/xml"),c=null===(i=n.getCurrentVideo())||void 0===i||null===(l=i.video)||void 0===l?void 0:l.runtime,v=d.getElementsByTagName("AdaptationSet"),p=0;case 13:if(!(p<v.length)){e.next=34;break}if("image"!==(m=v[p]).getAttribute("contentType")||"image/png"!==m.getAttribute("mimeType")){e.next=31;break}if(f=m.getElementsByTagName("SegmentTemplate")[0],h=m.getElementsByTagName("Representation")[0],g=h.getElementsByTagName("EssentialProperty")[0],y=g.getAttribute("value"),!f){e.next=31;break}for(f.getAttribute("media"),x=f.getAttribute("duration"),b=f.getAttribute("timescale"),w=x/b,C=Math.round(c/w),E=Math.ceil(C/9),k=f.getAttribute("media"),N=[],p=0;p<E;p++)N.push({duration:w,layout:y,uri:r+"/"+k.replace("$Number$",p)});return e.abrupt("return",N);case 31:p++,e.next=13;break;case 34:return console.log("No trickplay segment found."),e.abrupt("return",null);case 38:e.prev=38,e.t0=e.catch(1),console.error("Error fetching or parsing MPD:",e.t0);case 41:case"end":return e.stop()}}),e,null,[[1,38]])})))).apply(this,arguments)}function j(){return(j=u(s.mark((function e(t){var r,i,l,o,a,u,d,c,v,p,m,f,h,g,y,x,w,E,B,j,S;return s.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(r=n.getPlayer(t),i=r.currentSource(),null==(l=i.src)||!l.includes("m3u8")){e.next=18;break}return e.next=5,b(l);case 5:if(!((null==(o=e.sent)?void 0:o.length)>0)){e.next=16;break}return y=(null==o?void 0:o[0])||null,x=y.uri,w=(null==r||null===(a=r.tech())||void 0===a||null===(u=a.vhs)||void 0===u||null===(d=u.playlists)||void 0===d||null===(c=d.master)||void 0===c||null===(v=c.uri)||void 0===v?void 0:v.substring(0,null==r||null===(p=r.tech())||void 0===p||null===(m=p.vhs)||void 0===m||null===(f=m.playlists)||void 0===f||null===(h=f.master)||void 0===h||null===(g=h.uri)||void 0===g?void 0:g.lastIndexOf("/")))+"/",e.next=11,k(w,x);case 11:return E=e.sent,e.next=14,C(E);case 14:B=e.sent,r.thumbnails(B);case 16:e.next=27;break;case 18:if(null==l||!l.includes("mpd")){e.next=27;break}return e.next=21,N(l);case 21:if(!((null==(j=e.sent)?void 0:j.length)>0)){e.next=27;break}return e.next=25,C(j);case 25:S=e.sent,r.thumbnails(S);case 27:case"end":return e.stop()}}),e)})))).apply(this,arguments)}function S(t,l){var o=n.getPlayer(t);o&&(o.on("loadeddata",(function(){var a,u,s,d,c,v,p;(null===(a=r.getRenditions(t))||void 0===a?void 0:a.length)>0&&e.addSettingsButtonV2(t,l),(null===(u=n.getCaptions(t))||void 0===u?void 0:u.length)>0&&e.addCaptionButton(t,l),!(null!=l&&null!==(s=l.series)&&void 0!==s&&s.enable||null!==(d=window)&&void 0!==d&&null!==(c=d.app_data)&&void 0!==c&&null!==(v=c.appcmsMain)&&void 0!==v&&null!==(p=v.features)&&void 0!==p&&p.auto_play)||null!=l&&l.liveVideo||function(e,t){var r;if(null!=t&&null!==(r=t.series)&&void 0!==r&&r.enable){var l;f=[];var o=n.getCurrentSeries();null==o||o.map((function(e){var t;return(t=f).push.apply(t,i(e.episodes))})),null==t||null===(l=t.series)||void 0===l||l.cb}else{var a,u;f=null==t||null===(a=t.relatedVideos)||void 0===a?void 0:a.content,null==t||null===(u=t.relatedVideos)||void 0===u||u.cb}var s=n.getPlayer(e);s.on("timeupdate",(function(){var e,t,r=Math.floor(s.currentTime()),i=s.duration(),l=null===(e=document.getElementsByClassName("next-ep-preview"))||void 0===e?void 0:e[0];i-r<=10&&n.getVideoIdx()<=(null===(t=f)||void 0===t?void 0:t.length)-1?l&&(l.style.visibility="visible"):l&&(l.style.visibility="hidden")}));var d,c=f.filter((function(e,t){return t==n.getVideoIdx()}));if((null==c?void 0:c.length)>0)if(null!==(d=document.getElementsByClassName("next-ep-preview"))&&void 0!==d&&d[0]){var v,p,m,g,y,x,b,w,C,E,k,N;(null===(v=document.getElementsByClassName("next-ep-preview"))||void 0===v?void 0:v[0]).style.visibility="hidden";var B=null===(p=document.getElementsByClassName("next-ep-title"))||void 0===p?void 0:p[0],j=null===(m=document.getElementsByClassName("next-ep-img"))||void 0===m?void 0:m[0],S=null===(g=document.getElementsByClassName("next-ep-content"))||void 0===g?void 0:g[0],q=null===(y=c[0])||void 0===y?void 0:y.title;(null===(x=q)||void 0===x?void 0:x.length)>60&&(q=q.substr(0,60)+"..."),B.textContent="".concat(q),j.src=(null===(b=c[0])||void 0===b||null===(w=b.gist)||void 0===w||null===(C=w.imageGist)||void 0===C?void 0:C.r16x9)||(null==c||null===(E=c[0])||void 0===E?void 0:E.img)||(null===(k=window)||void 0===k||null===(N=k.customData)||void 0===N?void 0:N.fallbackImage),S.onclick=function(){return h(e)}}else{var T,V,M,P,I,O,A,L,R=document.createElement("div");R.className="next-ep-preview",R.style.visibility="hidden",document.getElementById(e).append(R);var X=document.createElement("div");X.className="next-ep-header",X.textContent="Next up";var F=null===(T=c[0])||void 0===T?void 0:T.title,D=document.createElement("img");D.className="next-ep-img",D.src=(null===(V=c[0])||void 0===V||null===(M=V.gist)||void 0===M||null===(P=M.imageGist)||void 0===P?void 0:P.r16x9)||(null==c||null===(I=c[0])||void 0===I?void 0:I.img)||(null===(O=window)||void 0===O||null===(A=O.customData)||void 0===A?void 0:A.fallbackImage);var U=document.createElement("div");U.className="next-ep-title",(null===(L=F)||void 0===L?void 0:L.length)>60&&(F=F.substr(0,60)+"..."),U.textContent="".concat(F);var G=document.createElement("div");G.className="next-ep-content",G.append(D),G.append(U),G.onclick=function(){return h(e)},R.append(X),R.append(G)}}(t,l),function(e,t){var n,r=Math.floor(e/60),i=null===(n=document.getElementsByClassName("vjs-progress-holder vjs-slider vjs-slider-horizontal"))||void 0===n?void 0:n[0];i&&(i.style.marginRight=r>60?"56px":"41px");var l=document.getElementsByClassName("vjs-live-control")[0],o=document.getElementsByClassName("vjs-time-control");t&&l.classList.value.includes("vjs-hidden")&&(o[0].style.display="block",i&&(i.style.marginRight="56px"))}(o.duration(),(null==l?void 0:l.liveVideo)||!1),null!=l&&l.liveVideo||n.isMobile()||function(e){j.apply(this,arguments)}(t)})),o.one("play",(function(){var n,r,i,l;null!==(n=window)&&void 0!==n&&null!==(r=n.customData)&&void 0!==r&&r.iframeOverlayUrl&&e.addOutputtingOverlay(t,null===(i=window)||void 0===i||null===(l=i.customData)||void 0===l?void 0:l.iframeOverlayUrl)})))}exports.initialiseSkin=function(r,i){!function(){"Chrome"==n.detectBrowser()&&Promise.resolve().then((function(){return require("./chromett-f925fb6c.js")})).then((function(e){var t=document.createElement("style");t.id="chromett",t.append("".concat(e.default)),document.head.appendChild(t)}));Promise.resolve().then((function(){return require("./skin-c66e9b42.js")})).then((function(e){var t=document.createElement("style");t.id="default_v2",t.append("".concat(e.default)),document.head.appendChild(t)}))}(),S(r,i),function(e,r){var i,l,o,a,u,s,d=n.getPlayer(e);null==d||null===(i=d.controlBar)||void 0===i||null===(l=i.getChild("FullscreenToggle"))||void 0===l||null===(o=l.el())||void 0===o||o.appendChild(n.createIconMarkup(t.MinimizeSvg(window.controlsColor))),null==d||null===(a=d.controlBar)||void 0===a||null===(u=a.getChild("FullscreenToggle"))||void 0===u||null===(s=u.el())||void 0===s||s.appendChild(n.createIconMarkup(t.MaximizeSvg(window.controlsColor)));var c=document.getElementsByClassName("vjs-time-control");r.liveVideo&&c[0]&&(c[0].style.display="none")}(r,i),function(n,r){var i,l,o,a,u,s;0==(null==r?void 0:r.liveVideo)&&0==(null==r?void 0:r.liveui)&&e.addSkipButton(n,"defaultV2",t.SkipSvgV2());(0==(null==r?void 0:r.liveVideo)&&0==(null==r?void 0:r.liveui)||1==(null==r?void 0:r.liveui))&&e.addRewindButton(n,"defaultV2",t.RewindSvgV2());r.liveVideo||e.addSlowMotion(n);(null==r||null===(i=r.relatedVideos)||void 0===i||null===(l=i.content)||void 0===l?void 0:l.length)>0&&e.addVideoSelector(n,null==r?void 0:r.relatedVideos);(null==r||null===(o=r.streams)||void 0===o?void 0:o.length)>1&&e.addMulticamSelector(n,null==r?void 0:r.streams);(null==r||null===(a=r.playlist)||void 0===a||null===(u=a.content)||void 0===u?void 0:u.length)>0&&e.addPlaylistSelector(n,null==r?void 0:r.playlist);null!=r&&null!==(s=r.series)&&void 0!==s&&s.enable&&e.addSeriesSelectorV2(n,r)}(r,i),function(e,t){var r=n.getPlayer(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),r.el().appendChild(l),r.on("useractive",(function(){l.classList.remove("vjs-fade")})),r.on("userinactive",(function(){r.paused()||l.classList.add("vjs-fade")})),r.on("fullscreenchange",(function(){r.isFullscreen_?l.style.top="3.2rem":l.style.top="1rem"}))}(r,i)};
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./features-3aeac1e6.js"),r=require("./keyboardShortcuts-ac2bfc24.js"),i=require("./icons-515b2da0.js"),n=require("./generic-29557f14.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("video.js"),require("./renditions-2a68e55f.js"),require("./localisation-56e0a999.js"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("axios"),require("js-cookie"),require("ua-parser-js"),require("@babel/runtime/helpers/toConsumableArray"),exports.initialiseSkin=function(t,s){r.initialiseKeyboardEvents(t,s),Promise.resolve().then((function(){return require("./skin-983a2ea7.js")})).then((function(e){var r=document.createElement("style");r.id="def_skin",r.append("".concat(e.default)),document.head.appendChild(r)})),function(r,n){0==n.liveVideo&&0==n.liveui&&e.addSkipButton(r,"default",i.SkipSvg());(0==n.liveVideo&&0==n.liveui||1==n.liveui)&&e.addRewindButton(r,"default",i.RewindSvg())}(t,s),function(r,t){var s=n.getPlayer(r),l=(null==t?void 0:t.sres)||null;s.on("loadeddata",(function(){e.addResolutionModule(r,"default",i.SettingsSvg()),l&&Promise.resolve().then((function(){return require("./nextEpisodeButton-8f9d591f.js")})).then((function(e){e.initaliseFunctionality(t.sres.seasons,n.getCurrentVideo())}))})),s.one("loadedmetadata",(function(){var i;l&&(e.addSeriesModule(r,null==t||null===(i=t.sres)||void 0===i?void 0:i.seasons,t),e.addNextEpisodeButton(t.sres,t.res,r))}))}(t,s),function(e,r){var t,s,l,o,a=n.getPlayer(e),u=document.getElementsByClassName("vjs-current-time")[0],d=document.getElementsByClassName("vjs-duration")[0],c=document.getElementsByClassName("vjs-time-divider")[0];r.liveVideo&&(u&&(u.style.display="none"),d&&(d.style.display="none"),c&&(c.style.display="none"));null===(t=a.controlBar.getChild("FullscreenToggle"))||void 0===t||null===(s=t.el())||void 0===s||s.appendChild(n.createIconMarkup(i.MinimizeSvg(window.controlsColor))),null===(l=a.controlBar.getChild("FullscreenToggle"))||void 0===l||null===(o=l.el())||void 0===o||o.appendChild(n.createIconMarkup(i.MaximizeSvg(window.controlsColor)));var m=a.controlBar.getChild("SubsCapsButton").el();document.getElementById(e).getElementsByClassName("vjs-subs-caps-button")[1].appendChild(n.createIconMarkup(i.NewCaptionsSvg()));var v=document.createElement("div");v.classList.add("caption-header"),m.querySelector(".vjs-menu-content").insertBefore(v,m.querySelector(".vjs-menu-item"))}(t,s)};
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./generic-29557f14.js"),r=require("./features-3aeac1e6.js"),i=require("./renditions-2a68e55f.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("video.js"),require("axios"),require("js-cookie"),require("ua-parser-js"),require("@babel/runtime/helpers/toConsumableArray"),require("@babel/runtime/helpers/classCallCheck"),require("@babel/runtime/helpers/createClass"),require("@babel/runtime/helpers/inherits"),require("@babel/runtime/helpers/possibleConstructorReturn"),require("@babel/runtime/helpers/getPrototypeOf"),require("./localisation-56e0a999.js"),exports.initialiseSkin=function(t,n){Promise.resolve().then((function(){return require("./skin-fc1e7e52.js")})).then((function(e){var r=document.createElement("style");r.id="multiplayer_css",r.append("".concat(e.default)),document.head.appendChild(r)})),function(t,n){e.getPlayer(t).on("loadeddata",(function(){var u;(null===(u=i.getRenditions(t))||void 0===u?void 0:u.length)>0&&r.addSettingsButtonV2(t,n),null!=n&&n.disableCaptions&&e.removeCaptions(t)}))}(t,n),function(i){var t=e.getPlayer(i);t.controls(!1),r.addDBClickFullScreen(i)}(t)};
@@ -0,0 +1 @@
1
+ "use strict";exports.default=".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}";
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./generic-29557f14.js");require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("video.js"),require("axios"),require("js-cookie"),require("ua-parser-js"),require("@babel/runtime/helpers/toConsumableArray");var r=function(r){var i=e.getPlayer(r),t=document.getElementById("".concat(r));t&&t.addEventListener("touchstart",(function(){i.paused()?e.play(r):e.pause(r)}))},i=function(r){var i=e.getPlayer(r);i.requestFullscreen=function(){},i.controlBar.hide()};exports.initaliseSkin=function(e){i(e),r(e)};
@@ -0,0 +1 @@
1
+ "use strict";exports.default=".tvProviderImage{\n position: absolute;\n right: 1rem;\n top: 1rem;\n max-height: 100px;\n max-width: 100px;\n}\n.tvProviderImage>img{\n height: 100%;\n width: 100%;\n}\n.vjs-button>.vjs-icon-placeholder:before {\n font-size: 2.2em;\n line-height: 2.6;\n}\n.vjs-control-bar{\n z-index: 1 !important;\n height: 6em !important;\n background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%) !important;\n}\n\n.vjs-fade>* {\n visibility: hidden !important;\n opacity: 0 !important;\n transition: visibility 1s, opacity 1s !important;\n}\n\n.video-js .vjs-progress-control {\n left: -6px;\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-custom-control-spacer {\n display: block;\n flex: 1 1 auto;\n}\n\n.vjs-remaining-time.vjs-time-control.vjs-control {\n position: absolute;\n right: 0;\n bottom: 18px;\n}\n\n.video-js .vjs-progress-control .vjs-progress-holder {\n margin: 0 41px 0 14px;\n}\n.vjs-remaining-time.vjs-time-control.vjs-control{\n display: none;\n}\n\nbutton.vjs-control.vjs-button.vjs-slowmo-button {\n font-size: 14px;\n font-weight: 500;\n}\n\n.video-js .vjs-progress-control .vjs-progress-holder{\n height: 6px !important;\n}\n\n.video-js .vjs-play-progress:before {\n font-size: 1.9em;\n}\n\n.video-js .vjs-play-progress .vjs-time-tooltip {\n display: none !important;\n}\n\n/* */\n\n.video-js .vjs-mouse-display{\n font-size: 1.6666666667em;\n}\n\n.video-js .vjs-progress-control:hover .vjs-progress-holder { \n font-size: 1em !important; \n} \n\n.video-js .vjs-current-time { display: block; }\n\n.video-js .vjs-current-time {\n display: block;\n position: absolute;\n right: 0em;\n bottom: 1.8em;\n font-size: 12px;\n font-weight: 600;\n}\n\n.video-js .vjs-button{\n width: 6em;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\nbutton.vjs-control.vjs-button.vjs-slowmo-button{\n align-self: center;\n height: min-content;\n padding: 5px 2px;\n border-radius: 8px;\n}\n\n\n.vjs-fullscreen .icon-minimize,\n.icon-maximize {\n display: block;\n height: 32px;\n}\n\n.vjs-fullscreen .icon-maximize,\n.icon-minimize {\n display: none;\n height: 32px;\n}\n\nbutton.vjs-play-control.vjs-control.vjs-button{\n outline: none !important;\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 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.video-js .vjs-volume-panel .vjs-volume-control{\n margin-left: -10px;\n}\n\n.skipbtn:hover{\n cursor: pointer;\n}\n\n.rewindbtn:hover{\n cursor: pointer;\n}\n\n.vjs-live-control{\n position: absolute !important;\n right: 0em !important;\n background-color: none;\n bottom: 1.8em !important;\n font-weight: 700 !important;\n font-size: 11px !important;\n}\n\n.vjs-seek-to-live-control.vjs-control{\n position: absolute !important;\n right: 0em !important;\n background-color: none;\n bottom: 3.2em !important;\n}\n\n.vjs-seek-to-live-control.vjs-control >span.vjs-icon-placeholder{\n display:none;\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 font-size: 6em;\n line-height: 1.3em;\n}\n.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge{\n font-weight: bold;\n}\n\n.vjs-menu > ul.vjs-menu-content{\n bottom: 3.5em !important;\n right: -1em;\n}\n\n.video-js .vjs-chromecast-button .vjs-icon-placeholder {\n width: 17px !important;\n height: 17px !important;\n}\n\n.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button{\n /* display: flex;\n justify-content: center;\n align-items: center; */\n display: none;\n}\n\nbutton.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{\n height: min-content;\n width: min-content;\n}\n.video-js .vjs-volume-panel.vjs-volume-panel-vertical{\n width: 6em;\n}\n\n.video-js .content{\n bottom: 3.4rem !important;\n right: -4rem !important; \n}\n\n.setting-icon > svg{\n height:18px !important;\n}\n\n.output-overlay{\n position: absolute;\n bottom: 0;\n height: 100%;\n width: 100%;\n z-index: 0;\n border: 0;\n pointer-events:none\n}\n\niframe{\n width: 100%;\n height: 100%;\n}\n\n\n@media(max-width:600px){\n .tvProviderImage{\n display: none\n }\n.vjs-fullscreen .icon-minimize,\n .icon-maximize {\n height: 30px !important;\n }\n\n .vjs-fullscreen .icon-maximize,\n .icon-minimize {\n height: 30px !important;\n }\n\n button.vjs-fullscreen-control.vjs-control.vjs-button>span.vjs-icon-placeholder::before {\n height: min-content;\n }\n\n .vjs-seek-to-live-control.vjs-control{\n position: relative !important;\n right: 0em !important;\n bottom: 0 !important;\n }\n\n .video-js .vjs-progress-control{\n top: -0.85em;\n }\n .vjs-live-control{\n right: -1em !important;\n position: relative !important;\n bottom: 0 !important;\n font-size: 12px !important;\n }\n button.vjs-slowmo-button{\n display: none;\n }\n button.vjs-rewind-button{\n display: none;\n }\n button.vjs-rewind-button>svg{\n height: 20px;\n }\n .video-js .vjs-button{\n width: 4.8em;\n }\n .video-js .widget-selection{\n display: none;\n }\n .video-js .container{\n display: none !important;\n }\n .video-js .vjs-control-bar{\n height: 4em !important;\n }\n .video-js .vjs-button>.vjs-icon-placeholder:before{\n font-size: 2.5em;\n line-height: 1.5;\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 z-index: 1;\n}\nbutton.vjs-skip-button>svg{\n height: 20px;\n}\nbutton.vjs-big-play-button {\n width: 50px !important;\n height: 50px !important;\n font-size: 2.1rem !important;\n}\n.vjs-seek-to-live-control.vjs-control >span.vjs-icon-placeholder{\n display: block;\n}\n\n.stream-selector-icon>svg{\n width: 24px;\n height: 24px;\n}\n.video-js.vjs-live .vjs-progress-control .vjs-progress-holder{\n margin: 0 12px 0 21px;\n}\n.vjs-seek-to-live-text{\n font-size: 12px;\n}\n.video-js .vjs-progress-control .vjs-progress-holder {\n margin: 0 40px 0px 21px;\n}\n.video-js .vjs-current-time{\n bottom: 2em !important;\n}\n}";
@@ -0,0 +1 @@
1
+ "use strict";var t=require("./generic-29557f14.js");exports.getVideoDuration=function(e){var n=t.getPlayer(e);return n?n.duration():"Cannot find player with id: '".concat(e,"'")},exports.onTimeUpdate=function(e,n){var a=t.getPlayer(e);a?a.on("timeupdate",(function(){return n(a.currentTime())})):n("Cannot find player with id: '".concat(e,"'"))},exports.onVideoEnded=function(e,n){var a=t.getPlayer(e);a?a.on("ended",(function(){return n(!0)})):n("Cannot find player with id: '".concat(e,"'"))},exports.seekToTimeStamp=function(e,n,a){var r=t.getPlayer(e);r?n>=0&&n<=r.duration()?(a({status:!0,msg:"Successfully seeked to timestamp : ".concat(n)}),r.currentTime(n)):a({status:!1,msg:"Out of bounds, please provide a valid timestamp"}):a("Cannot find player with id: '".concat(e,"'"))},exports.setPlaybackSpeed=function(e,n){var a=t.getPlayer(e);if(!a)return"Cannot find player with id: '".concat(e,"'");try{return a.playbackRate(n),"Playback speed set to ".concat(n,"x")}catch(t){return"Error: ".concat(t)}};
@@ -0,0 +1 @@
1
+ "use strict";var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),n=require("@babel/runtime/helpers/inherits"),o=require("@babel/runtime/helpers/possibleConstructorReturn"),i=require("@babel/runtime/helpers/getPrototypeOf"),r=require("video.js"),a=require("./icons-515b2da0.js"),l=require("./generic-29557f14.js"),d=require("./autoNextVideo-31f6fc5c.js"),s=require("./localisation-56e0a999.js");function c(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(c=function(){return!!e})()}require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("axios"),require("js-cookie"),require("ua-parser-js"),require("@babel/runtime/helpers/toConsumableArray"),require("./util-edad3d26.js");var u=r.getComponent("Component"),v=function(){n(h,u);var v,m,p=(v=h,m=c(),function(){var e,t=i(v);if(m){var n=i(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return o(this,e)});function h(t){var n,o,i,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,h),(i=p.call(this,t,r)).playerId=r.playerId,i.seriesData=r.sres,i.videos=r.related.content,i.cb=(null==r||null===(n=r.related)||void 0===n?void 0:n.cb)||null,i.autoNext=(null==r||null===(o=r.related)||void 0===o?void 0:o.autoNext)||!1,i.currentVideoData=r.res,i.initialiseStructure(),i.loadCSS(),i.autoNext&&(l.setVideoIdx(0),d.autoPlayNext({playerId:i.playerId,content:i.videos,cb:i.cb})),i}return t(h,[{key:"createEl",value:function(){var e=r.dom.createEl("div",{className:"video-selection vjs-control vjs-button"});e.style.position="unset";var t=r.dom.createEl("div",{className:"video-selector-icon",innerHTML:"".concat(a.EpisodesSvg())});return r.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){Promise.resolve().then((function(){return require("./videoSelector-fcdf11eb.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,t=this.el(),n=r.dom.createEl("div",{className:"video-selection-container hidden"});r.dom.$(".video-selector-icon",this.el()).onclick=function(){var o;null!==(o=n.classList)&&void 0!==o&&o.contains("hidden")?(l.closeOpenDrawers(),n.classList.remove("hidden"),t.classList.add("open"),n.style.right="0px",l.setUpdatedElHeight(e.playerId,n)):(n.classList.add("hidden"),t.classList.remove("open"),n.style.right="-350px")};var o=document.getElementById(this.playerId);if(o){var i=window.getComputedStyle(o,null).getPropertyValue("height");n.style.height="".concat(i),r.dom.appendContent(t,n),o.style.overflow="hidden",this.addFunctionality(n),l.detectOrientationChange(this.playerId,n)}}},{key:"toggleOpenClose",value:function(){}},{key:"addFunctionality",value:function(e){var t=this,n=this.el(),o=r.dom.createEl("div",{className:"video-selector-head"}),i=r.dom.createEl("div",{className:"video-selector-cross-icon",innerHTML:"".concat(a.crossIconSvg())});i.onclick=function(){e.classList.add("hidden"),n.classList.remove("open"),e.style.right="-350px"};for(var d=r.dom.createEl("div",{className:"video-selector-title",innerHTML:s.getLocalisation("relatedVideoTitle")||"Recommended"}),c=r.dom.createEl("div",{className:"video-selector-content"}),u=r.dom.createEl("div",{className:"video-container"}),v=function(e){var n,o,i,a,d,s=r.dom.createEl("div",{className:"video -".concat(e)}),v=r.dom.createEl("div",{className:"recommended -".concat(e)});v.setAttribute("video-idx",e),v.onclick=function(){l.setVideoIdx(e+1);for(var n=r.dom.$$(".recommended"),o=0;o<n.length;o++)n[o].style.border="none";l.highlightVideo(e),l.load(t.playerId,t.videos[e].id).then((function(e){t.cb&&t.cb(e)})).catch((function(e){t.cb&&t.cb(e)}))};var m=document.createElement("img");m.className="related-thumbnail-image",m.src="".concat((null==t||null===(n=t.videos)||void 0===n||null===(o=n[e])||void 0===o?void 0:o.img)||(null===(i=window)||void 0===i||null===(a=i.customData)||void 0===a?void 0:a.fallbackImage)),m.alt="No Thumbnail Available",v.append(m);var p=r.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(d=t.videos[e])||void 0===d?void 0:d.title)||"")});r.dom.appendContent(s,v),r.dom.appendContent(s,p),r.dom.appendContent(u,s),r.dom.appendContent(c,u)},m=0;m<this.videos.length;m++)v(m);r.dom.appendContent(o,i),r.dom.appendContent(o,d),r.dom.appendContent(e,o),r.dom.appendContent(e,c),l.handleDrawerResizing(this.playerId,e)}}]),h}();exports.default=v;
@@ -0,0 +1 @@
1
+ import{g as n,q as t,V as i,c as o,W as e,S as a,X as c}from"./generic-3a4a5eee.js";import{a as u}from"./util-89ccc154.js";var s,r=0,f=0,l=function(l){clearTimeout(r);var d=null==l?void 0:l.content;s=null==l?void 0:l.cb;var h=l.playerId;u(h,(function(){var u=n(h);0!==(null==u?void 0:u.currentTime())&&((f=a())>d.length-1||(c(f+1),t(h,d[f].id).then((function(n){i(f),o(n.response),f++,v(n)})).catch((function(n){v(n),i(f),f++,r=setTimeout((function(){e(h)&&m(f,h,d)}),5e3)}))))}))},m=function n(o,e,a,u){f=o,o>a.length-1||(c(f+1),t(e,a[o].id).then((function(n){i(f),f++,v(n)})).catch((function(t){v(t),setTimeout((function(){i(f),f++,n(f,e,a)}),5e3)})))},v=function(n){s&&s(n)};export{l as a,m as s};
package/esm/bundle.css CHANGED
@@ -2,258 +2,140 @@
2
2
 
3
3
 
4
4
 
5
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control {
6
- height: 0.7em;
7
- position: absolute;
8
- top: -0.7em;
9
- width: 100%;
10
- }
11
5
 
12
- .video-js.skin_vlone .vjs-progress-holder.vjs-slider.vjs-slider-horizontal {
13
- height: 100%;
14
- }
15
6
 
16
- .video-js.skin_vlone .vjs-play-progress:before {
17
- display: none !important;
18
- }
19
7
 
20
- .video-js.skin_vlone .vjs-progress-control>.vjs-progress-holder.vjs-slider {
21
- margin: 0 !important;
22
8
 
23
- }
24
9
 
25
10
 
26
- .video-js.skin_vlone .vjs-custom-control-spacer {
27
- display: block;
28
- flex: 1 1 auto;
29
- }
30
11
 
31
12
 
32
- .video-js.skin_vlone .vjs-control-bar {
33
- height: 40px;
34
- }
35
13
 
36
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before,
37
- .vjs-button>.vjs-icon-placeholder:before {
38
- position: relative !important;
39
- }
40
- .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before{
41
- display: flex;
42
- }
43
14
 
44
- .vjs-button>.vjs-icon-placeholder:before {
45
- font-size: 2em !important;
46
- }
47
15
 
48
- .video-js.skin_vlone .vjs-control {
49
- width: 4.3em;
50
- }
51
16
 
52
- .vjs-menu-button-popup .vjs-menu {
53
- bottom: 10px !important;
54
- }
55
17
 
56
18
 
57
- .video-js.skin_vlone .vjs-control-bar .vjs-progress-control.vjs-control:hover {
58
- height: 1.3em;
59
- position: absolute;
60
- top: -1.3em;
61
- transition: height 0.3s, top 0.3s;
19
+ .widget-selection{
20
+ display: flex;
21
+ align-items: center;
22
+ justify-content: center;
62
23
  }
63
24
 
64
-
65
- .video-js.skin_vlone.vjs-live .vjs-time-control{
66
- display: none !important;
25
+ .widget-selector-icon{
26
+ cursor: pointer;
67
27
  }
68
28
 
69
- .video-js.skin_vlone .vjs-time-control {
70
- display: block;
71
- }
72
- .video-js.skin_vlone .vjs-remaining-time {
73
- display: none;
29
+ .widget-container{
30
+ position: absolute;
31
+ /* height: 528px; */
32
+ width: 350px;
33
+ right: -350px;
34
+ bottom: 0px;
35
+ /* background: #626262; */
36
+
37
+ /* background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%) !important; */
38
+ background: #00000080 !important;
39
+ z-index: -1;
40
+ transition: right 300ms ease-out;
74
41
  }
75
42
 
76
- .video-js.skin_vlone .vjs-remaining-time.vjs-time-control.vjs-control>span.vjs-remaining-time-display {
77
- line-height: 3.5em;
78
- font-size: 1.1em;
79
- min-width: 4em;
43
+ .widget-container.hidden{
44
+ visibility: hidden;
80
45
  }
81
46
 
82
- .video-js.skin_vlone .vjs-time-divider > div{
83
- display: flex;
84
- justify-content: center;
47
+ .widget-selection.open{
48
+ background: rgba(255, 255, 255, 0.20) !important;
85
49
  }
86
50
 
87
- .video-js.skin_vlone .vjs-live-control{
51
+ .widget-selector-head{
88
52
  display: flex;
89
- align-items: center;
53
+ align-items: self-start;
54
+ padding-top: 18px;
55
+ padding-left: 20px;
56
+ margin-bottom: 25px;
90
57
  }
91
- .video-js.skin_vlone .vjs-live-display{
92
- height: 2.2em;
58
+ .widget-selector-title-container{
93
59
  display: flex;
94
- align-items: center;
95
- font-family: monospace;
96
- width: 4em;
97
- justify-content: center;
98
- background: red;
99
- margin: 4px 0px 4px 12px;
60
+ padding-bottom: 6px;
61
+ border-bottom: 2px solid #838996;
62
+ margin-left: 25px;
63
+ width: 80%;
64
+ margin-top: -1px;
100
65
  }
101
-
102
- .video-js.skin_vlone .vjs-time-control {
103
- line-height: 3.5em !important;
104
- font-size: 1.1em !important;
105
- width: min-content !important;
106
- padding: 0 !important;
66
+ .widget-selector-title{
67
+ font-size: 14px;
68
+ user-select: none;
107
69
  }
70
+ .widget-selector-title:not(:first-child){
71
+ margin-left: 35px;
72
+ }
73
+
108
74
 
109
- .video-js.skin_vlone .vjs-current-time.vjs-time-control.vjs-control {
110
- margin-left: 20px !important;
75
+ .widget-selector-title:hover{
76
+ cursor: pointer;
111
77
  }
112
78
 
113
- .video-js.skin_vlone .video-js.skin_vlone .vjs-big-play-button .vjs-icon-placeholder:before {
114
- top: 4px;
79
+ .widget-selector-cross-icon{
80
+ cursor: pointer;
81
+ }
82
+ .widget-selector-content{
83
+ height: 74%;
84
+ overflow: scroll;
115
85
  }
116
86
 
117
- /* Big play */
118
- .video-js.skin_vlone.vjs-paused .vjs-big-play-button {
119
- width: 90px;
120
- height: 90px;
121
- display: flex;
122
- justify-content: center;
123
- align-items: center;
124
- border: none;
125
- position: absolute;
126
- top: 0;
127
- left: 0;
128
- right: 0;
129
- bottom: 0;
130
- margin: auto;
131
- font-size: 6em;
132
- line-height: 1.3em;
133
- transform: none !important;
87
+ .widget-selector-content::-webkit-scrollbar {
88
+ display: none;
134
89
  }
135
90
 
136
-
137
- @media(max-width:600px){
138
- .video-js.skin_vlone button.vjs-big-play-button {
139
- width: 50px !important;
140
- height: 50px !important;
141
- font-size: 2.1rem !important;
142
- }
91
+ /* Hide scrollbar for IE, Edge and Firefox */
92
+ .widget-selector-content {
93
+ -ms-overflow-style: none; /* IE and Edge */
94
+ scrollbar-width: none; /* Firefox */
143
95
  }
144
-
145
96
 
146
-
147
- .video-js .tvProviderImage {
148
- position: absolute;
149
- right: 1rem;
150
- top: 1rem;
151
- max-height: 100px;
152
- max-width: 100px;
97
+ .widget-selector-content-video{
98
+ height: 300px;
99
+ margin-bottom: 30px;
100
+ /* background: red; */
153
101
  }
154
102
 
155
- .video-js .tvProviderImage>img {
156
- height: 100%;
157
- width: 100%;
158
- }
159
-
160
-
161
-
162
- @media(max-width:600px) {
163
- .tvProviderImage {
164
- display: none
165
- }
166
- }
167
-
168
-
169
-
170
-
171
-
172
-
173
-
174
-
175
- .video-js .multicamera-parent.default{
176
- height: 345px;
177
- position: absolute;
178
- right: 0;
179
- bottom: 6rem;
180
- width: 200px;
181
- right: 13px;
182
- opacity: 1;
183
- overflow: scroll;
184
- display: grid;
185
- justify-content: center;
186
- flex-direction: column;
187
- align-items: center;
103
+ .selected-tab{
104
+ text-decoration: underline;
105
+ text-underline-offset: 8px;
106
+ text-decoration-thickness: 2px
188
107
  }
189
108
 
190
- .video-js .tile{
191
- height: 103px;
192
- width: 171px;
193
- margin-bottom: 1rem;
194
- background-size: cover !important;
109
+ .highlights{
110
+ height: 175px;
111
+ width: 309px;
112
+ margin: 0 auto !important;
195
113
  background-repeat: no-repeat;
196
- border-radius: 5px;
197
- }
198
-
199
- .video-js .tile:hover{
200
- cursor: pointer;
114
+ background-size: contain;
201
115
  }
202
116
 
203
- .video-js .multicamera-parent:hover{
204
- opacity: 1 !important;
205
- background: none;
117
+ .parent{
206
118
  }
207
119
 
208
-
209
- .video-js .multicamera-parent {
210
- -ms-overflow-style: none; /* Internet Explorer 10+ */
211
- scrollbar-width: none; /* Firefox */
212
- }
213
- .video-js .multicamera-parent::-webkit-scrollbar {
214
- display: none; /* Safari and Chrome */
120
+ .highlights:hover{
121
+ cursor: pointer;
215
122
  }
216
123
 
217
- @media (max-width: 600px) {
218
- .video-js .multicamera-parent.live{
219
- display: none !important;
220
- }
221
- .video-js .multicamera-parent.default{
222
- display: none !important;
223
- }
224
- }
225
-
226
-
227
- @media (min-width:601px) and (max-width:900px) {
228
- .video-js .tile{
229
- height: 85px;
230
- width: 150px;
231
- }
232
- .video-js .multicamera-parent.live{
233
- justify-content: center ;
234
- }
124
+ .info{
125
+ font-size: 15px;
126
+ padding: 7px;
235
127
  }
236
128
 
237
-
238
- .video-js .multicamera-parent.live{
239
- position: absolute;
240
- right: 0;
241
- width: 200px;
242
- right: 13px;
243
- opacity: 1;
244
- overflow: scroll;
245
- display: grid;
246
- flex-direction: column;
129
+ .highlights-container{
130
+ display: flex;
131
+ justify-self: center;
247
132
  align-items: center;
248
- position: relative;
249
- right: 0;
250
- align-content: baseline;
133
+ flex-direction: column;
251
134
  }
252
135
 
253
-
254
-
255
-
256
-
136
+ .widget-selector-content #sr-widget{
137
+ padding: 0 18px;
138
+ }
257
139
  /* nextep */
258
140
  .next-ep-preview{
259
141
  position: absolute;
@@ -346,76 +228,6 @@
346
228
  opacity: 0;
347
229
  }
348
230
 
349
- .video-js.vjs-quality-menu {
350
- display: block;
351
- }
352
- .video-js.vjs-quality-menu .vjs-quality-menu-button {
353
- position: relative;
354
- }
355
- .video-js.vjs-quality-menu .vjs-quality-menu-button li {
356
- text-transform: none;
357
- }
358
- .video-js.vjs-quality-menu .vjs-quality-menu-button.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
359
- max-height: 25em;
360
- width: 10em;
361
- left: 0;
362
- }
363
- .video-js.vjs-quality-menu .vjs-menu-item .vjs-control-text {
364
- position: absolute;
365
- }
366
- .video-js.vjs-quality-menu .vjs-quality-menu-wrapper {
367
- position: relative;
368
- }
369
- .video-js.vjs-quality-menu .vjs-quality-menu-wrapper li {
370
- text-transform: none;
371
- }
372
- .video-js.vjs-quality-menu .vjs-quality-menu-wrapper.vjs-menu-wrapper-popup .vjs-menu .vjs-menu-content {
373
- max-height: 25em;
374
- width: 10em;
375
- left: 0;
376
- }
377
- .video-js.vjs-quality-menu .vjs-quality-menu-item-sub-label {
378
- font-size: 75%;
379
- font-weight: bold;
380
- position: absolute;
381
- right: 0;
382
- text-align: center;
383
- width: 4em;
384
- }
385
- .video-js.vjs-quality-menu .vjs-quality-menu-button-use-resolution .vjs-quality-menu-item-sub-label {
386
- position: absolute;
387
- right: 0;
388
- text-align: center;
389
- width: 4em;
390
- }
391
- .video-js.vjs-quality-menu .vjs-quality-menu-button-4K-flag:after, .video-js.vjs-quality-menu .vjs-quality-menu-button-HD-flag:after {
392
- background-color: #2b333f;
393
- color: inherit;
394
- content: "";
395
- font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
396
- font-size: 0.7em;
397
- font-weight: 300;
398
- height: 2.2em;
399
- line-height: 2.2em;
400
- padding: 0;
401
- position: absolute;
402
- right: 0;
403
- text-align: center;
404
- top: 0.5em;
405
- width: 2.2em;
406
- border-radius: 2em;
407
- letter-spacing: 0.1em;
408
- }
409
- .video-js.vjs-quality-menu .vjs-quality-menu-button-HD-flag:after {
410
- content: "HD";
411
- }
412
- .video-js.vjs-quality-menu .vjs-quality-menu-button-4K-flag:after {
413
- content: "4K";
414
- }
415
- .video-js.vjs-quality-menu .vjs-quality-menu-button-waiting:before {
416
- -webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
417
- animation: vjs-spinner-spin 1.1s cubic-bezier(0.6, 0.2, 0, 0.8) infinite;
418
- }
419
231
  .vjs-poster {
420
232
  display: inline-block;
421
233
  vertical-align: middle;
@@ -439,8 +251,29 @@
439
251
  outline: none;
440
252
  }
441
253
 
442
- .video-js .vjs-loading-spinner{
443
- margin: 0 !important;
254
+ .video-js.vjs-paused .vjs-big-play-button {
255
+ width: 90px;
256
+ height: 90px;
257
+ display: flex;
258
+ justify-content: center;
259
+ align-items: center;
260
+ border-radius: 50%;
261
+ position: absolute;
262
+ top: 0;
263
+ left: 0;
264
+ right: 0;
265
+ bottom: 0;
266
+ margin: auto;
267
+ font-size: 6em;
268
+ line-height: 1.3em;
269
+ }
270
+
271
+ @media(max-width:600px){
272
+ button.vjs-big-play-button {
273
+ width: 50px !important;
274
+ height: 50px !important;
275
+ font-size: 2.1rem !important;
276
+ }
444
277
  }
445
278
 
446
279
  /* Chromecast */
@@ -735,6 +568,25 @@
735
568
  .video-js.vjs-playing .bumpable-ima-ad-container {
736
569
  margin-top: -4em;
737
570
  }
571
+ /* Airplay */
572
+
573
+ .video-js .vjs-airplay-button .vjs-icon-placeholder {
574
+ background: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg') center center no-repeat;
575
+ background-size: contain;
576
+ display: inline-block;
577
+ width: 18px;
578
+ height: 18px;
579
+ }
580
+
581
+ .video-js .vjs-airplay-button:hover {
582
+ cursor: pointer;
583
+ }
584
+
585
+ .video-js .vjs-airplay-button:hover .vjs-icon-placeholder {
586
+ background-image: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg');
587
+ }
588
+
589
+ /* Airplay end */
738
590
  /* Resolution Module */
739
591
 
740
592
  .video-js .container {
@@ -795,7 +647,7 @@
795
647
  }
796
648
  }
797
649
 
798
- .video-js .resolution_hidden {
650
+ .video-js .hidden {
799
651
  opacity: 0;
800
652
  visibility: hidden;
801
653
  transition: visibility 300ms, opacity 300ms;
@@ -895,23 +747,4 @@
895
747
  /* display: none; */
896
748
  }
897
749
 
898
- /* Resolution Module End */
899
- /* Airplay */
900
-
901
- .video-js .vjs-airplay-button .vjs-icon-placeholder {
902
- background: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg') center center no-repeat;
903
- background-size: contain;
904
- display: inline-block;
905
- width: 18px;
906
- height: 18px;
907
- }
908
-
909
- .video-js .vjs-airplay-button:hover {
910
- cursor: pointer;
911
- }
912
-
913
- .video-js .vjs-airplay-button:hover .vjs-icon-placeholder {
914
- background-image: url('https://player.viewlift.com/images/ic_airplay_white_24px.svg');
915
- }
916
-
917
- /* Airplay end */
750
+ /* Resolution Module End */
@@ -0,0 +1 @@
1
+ import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import n from"@babel/runtime/helpers/inherits";import a from"@babel/runtime/helpers/possibleConstructorReturn";import o from"@babel/runtime/helpers/getPrototypeOf";import i from"video.js";import{C as r,e as c}from"./icons-3e9a1686.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import{x as l,w as s,_ as d,$ as p,a0 as m,a1 as u,v}from"./generic-3a4a5eee.js";import"axios";import"js-cookie";import"ua-parser-js";import"@babel/runtime/helpers/toConsumableArray";function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(f=function(){return!!e})()}var h=i.getComponent("Component"),y=function(){n(b,h);var y,g,C=(y=b,g=f(),function(){var e,t=o(y);if(g){var n=o(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return a(this,e)});function b(t){var n,a,o,i,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,b),(i=C.call(this,t,r)).playerId=r.playerId,i.seriesData=r.sres,i.currentVideoData=r.res,i.initialiseStructure(),i.loadCSS(),null===(n=document.getElementsByClassName("vjs-text-track-display-ttml"))||void 0===n||null===(a=n[0])||void 0===a||null===(o=a.style)||void 0===o||o.setProperty("display","none","important"),i}return t(b,[{key:"createEl",value:function(){var e=i.dom.createEl("div",{className:"caption-selection vjs-control vjs-button"});e.style.position="unset";var t=i.dom.createEl("div",{className:"caption-selector-icon",innerHTML:"".concat(r())});return i.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./caption-settings-cb47408f.js").then((function(e){var t=document.createElement("style");t.id="video-captions",t.append("".concat(e.default)),document.head.appendChild(t)}))}},{key:"initialiseStructure",value:function(){var e=this,t=l(this.playerId);null==t||t.map((function(t){return s(e.playerId,t.id)}));var n=this.el(),a=i.dom.createEl("div",{className:"caption-selection-container hidden"});i.dom.$(".caption-selector-icon",this.el()).onclick=function(){var t;null!==(t=a.classList)&&void 0!==t&&t.contains("hidden")?(d(),a.classList.remove("hidden"),n.classList.add("open"),a.style.right="0px",p(e.playerId,a)):(a.classList.add("hidden"),n.classList.remove("open"),a.style.right="-350px")};var o=document.getElementById(this.playerId);if(o){var r=window.getComputedStyle(o,null).getPropertyValue("height");a.style.height="".concat(r),i.dom.appendContent(n,a),o.style.overflow="hidden",this.addFunctionality(a),m(this.playerId,a)}}},{key:"addFunctionality",value:function(e){var t=this.el(),n=i.dom.createEl("div",{className:"caption-selector-head"}),a=i.dom.createEl("div",{className:"caption-selector-cross-icon",innerHTML:"".concat(c())});a.onclick=function(){e.classList.add("hidden"),t.classList.remove("open"),e.style.right="-350px"};var o=i.dom.createEl("div",{className:"caption-selector-title",innerHTML:"Captions"}),r=i.dom.createEl("div",{className:"caption-selector-content"}),l=i.dom.createEl("div",{className:"caption-container"}),s=this.createLanguageContanier();i.dom.appendContent(l,s),i.dom.appendContent(n,a),i.dom.appendContent(n,o),i.dom.appendContent(e,n),i.dom.appendContent(e,r),i.dom.appendContent(r,l),u(this.playerId,e)}},{key:"createLanguageContanier",value:function(){var e=this,t=i.dom.createEl("div",{className:"caption-language-container"}),n=i.dom.createEl("div",{className:"caption-language-container-title",innerHTML:"Language"});i.dom.appendContent(t,n);var a=document.createElement("label");a.setAttribute("for","radio-off"),a.className="caption-language-holder";var o=document.createElement("div");o.className="caption",o.innerHTML="Off";var r=i.dom.createEl("input",{className:"radio - off",id:"radio-off",name:"language-radio",checked:"true"});r.setAttribute("type","radio"),r.onchange=function(t){var n,a,o;document.getElementsByClassName("vjs-text-track-display-ttml")&&(null===(n=document.getElementsByClassName("vjs-text-track-display-ttml"))||void 0===n||null===(a=n[0])||void 0===a||null===(o=a.style)||void 0===o||o.setProperty("display","none","important")),l(e.playerId).map((function(t){return s(e.playerId,t.id)}))},i.dom.appendContent(a,r),i.dom.appendContent(a,o),i.dom.appendContent(t,a);for(var c=l(this.playerId),d=function(n){var a,o=document.createElement("label");o.className="caption-language-holder",o.setAttribute("for","language-radio-".concat(n));var r=document.createElement("div");r.className="caption - ".concat(n),r.textContent=null==c||null===(a=c[n])||void 0===a?void 0:a.label;var l=i.dom.createEl("input",{className:"radio - ".concat(n),id:"language-radio-".concat(n),name:"language-radio"});l.onchange=function(t){v(e.playerId,c[n].id)},l.setAttribute("type","radio"),i.dom.appendContent(o,l),i.dom.appendContent(o,r),i.dom.appendContent(t,o)},p=0;p<c.length;p++)d(p);return t}},{key:"createFontSizeContainer",value:function(){var e=i.dom.createEl("div",{className:"caption-font-container"}),t=i.dom.createEl("div",{className:"caption-font-container-title",innerHTML:"Font Size"});i.dom.appendContent(e,t);for(var n=[{size:14},{size:18},{size:24}],a=0;a<n.length;a++){var o,r=document.createElement("label");r.className="caption-font-holder",r.setAttribute("for","font".concat(a));var c=document.createElement("div");c.className="fontsize - ".concat(a),c.textContent=(null==n||null===(o=n[a])||void 0===o?void 0:o.size)+"pt";var l=i.dom.createEl("input",{className:"radio - ".concat(a),id:"font".concat(a),name:"font-size-radio",size:"".concat(n[a].size),checked:"".concat(a==n.length-1)});l.setAttribute("type","radio"),l.onchange=function(e){var t=e.target.size;if(document.getElementById("caption-size")){document.getElementById("caption-size").textContent=".vjs-text-track-cue{font-size:".concat(t,"px !important}")}else{var n=document.createElement("style");n.textContent=".vjs-text-track-cue{font-size:".concat(t,"px !important}"),n.id="caption-size",document.head.append(n)}},i.dom.appendContent(r,l),i.dom.appendContent(r,c),i.dom.appendContent(e,r)}return e}}]),b}();export{y as default};
@@ -0,0 +1 @@
1
+ var n='.video-js button.vjs-fullscreen-control.vjs-control.vjs-button {\n position: absolute;\n right: 1rem;\n top: 0.6rem;\n width: 1.8rem;\n height: 1.8rem;\n transform: rotate(90deg);\n}\n.video-js button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button{\n outline: none;\n}\n.hideoutsidecontrols{\n visibility: hidden !important; \n opacity: 0 !important;\n transition: visibility 1s, opacity 1s !important;\n }\n.video-js button.vjs-chromecast-button.vjs-control.vjs-button {\n position: absolute;\n top: 0.9rem;\n width: auto;\n right: 4rem;\n height: auto;\n}\n.video-js div.vjs-volume-panel.vjs-control.vjs-volume-panel-vertical{\n cursor: pointer;\n height: 2.5rem;\n font-size: 12px;\n top: 5px;\n left: -4px;\n}\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-fullscreen .icon-maximize,\n.icon-minimize {\n display: none;\n}\n\n.video-js .vjs-fullscreen .icon-minimize,\n.icon-maximize {\n display: block;\n}\n\n.videojs .vjs-load-progress {\n /* color: red; */\n background: red;\n}\n\n.video-js .vjs-play-progress:before {\n font-size: 1.2em;\n position: absolute;\n right: -0.5em;\n top: -0.34em;\n z-index: 1;\n display: none;\n}\n\n.video-js .setting-icon {\n display: flex;\n align-items: center;\n font-size: 14px;\n}\n\n.video-js .vjs-progress-control.vjs-control {\n height: 2rem;\n left: -0.5rem;\n top: 0.45rem;\n}\n\n.video-js .vjs-play-control {\n cursor: pointer;\n height: 2.5rem;\n font-size: 13px;\n top: 4px;\n}\n\n.video-js button.vjs-seek-to-live-control.vjs-control {\n font-size: 11px;\n}\n\n.video-js .container {\n display: flex !important;\n justify-content: center !important;\n align-items: center !important;\n width: max-content !important;\n position: absolute !important;\n z-index: 1;\n top: 2.6rem !important;\n padding: 6px !important;\n left: 9.6rem !important;\n cursor: pointer;\n}\n\n.video-js .content {\n bottom: 2.4rem !important;\n right: -4rem !important;\n border-radius: 5px;\n}\n\n.video-js .vjs-control-bar {\n height: 5rem !important;\n}\n\n\n.video-js .vjs-seek-to-live-control.vjs-control .vjs-icon-placeholder {\n display: none;\n}\n\n\n.video-js button.vjs-seek-to-live-control.vjs-control {\n /* border: 1px solid red; */\n /* border-radius: 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 20px;\n margin-top: 4px;\n left: -2.3rem;\n top: 0.2rem; */\n /* background: red; */\n\n border-radius: 14px;\n /* display: flex; */\n justify-content: center;\n align-items: center;\n height: 20px;\n margin-top: 4px;\n left: -2.3rem;\n top: 0.55rem;\n}\n\n\n.video-js button.vjs-seek-to-live-control.vjs-control.vjs-at-live-edge {\n\n background: red;\n\n\n border-radius: 14px;\n display: flex;\n justify-content: center;\n align-items: center;\n height: 20px;\n margin-top: 4px;\n left: -2.3rem;\n top: 0.55rem;\n}\n\n\n.video-js .vjs-play-progress.vjs-slider-bar {\n background: red;\n}\n\n\n.video-js button.vjs-control.vjs-button.vjs-slowmo-button {\n cursor: pointer;\n top: 2.8rem;\n left: 1.3rem;\n position: absolute;\n height: min-content;\n width: 6rem !important;\n border: 1px solid transparent;\n background: gray;\n font-size: 13px;\n border-radius: 4px;\n padding: 4px;\n width: max-content;\n}\n\n.video-js .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n position: absolute;\n top: 2.5rem;\n left: 16.5rem;\n height: 2rem;\n\n}\n\n.video-js .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n display: flex;\n width: max-content;\n align-items: center;\n}\n\n.video-js button.vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-button {\n width: 2rem;\n height: 2rem;\n margin-top: 0.2rem;\n}\n\n\n\n.video-js button.vjs-subs-caps-button .vjs-icon-placeholder:before {\n content: none;\n}\n\n.video-js .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n font-size: 11px;\n width: 5rem;\n}\n\n.video-js .fs14 {\n font-size: 14px;\n}\n\n.video-js .vjs-subs-caps-button .vjs-menu {\n display: none;\n position: absolute;\n bottom: 0;\n width: 10em;\n left: -1em;\n height: 0;\n margin-bottom: 1.5em;\n border-top-color: rgba(43, 51, 63, .7);\n}\n\n.video-js .renditions {\n font-size: 12px !important;\n}\n\n\n.video-js .icon.icon-captions {\n width: 24px;\n top: 8px;\n /* position: absolute; */\n}\n\n\n.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before {\n content: "";\n content: "";\n height: 17px;\n position: absolute;\n top: 5px;\n left: 7px;\n}\n\n.video-js .vjs-live-control.vjs-control {\n height: 2rem;\n width: 2rem;\n display: flex;\n display: none;\n justify-content: flex-end;\n right: 2.6rem;\n top: 0.6rem;\n}\n\n.video-js .vjs-live-display {\n border-radius: 7px;\n}\n\n.video-js .vjs-remaining-time.vjs-time-control.vjs-control {\n height: 2.5rem;\n left: -1rem;\n top: 0.45rem;\n font-size: 11px;\n}\n\n.video-js ul.vjs-menu-content {\n border-radius: 6px;\n width: 7rem;\n padding: 5px 8px;\n border: 1px solid transparent;\n}\n\n.video-js button.vjs-airplay-button.vjs-control.vjs-button {\n position: absolute;\n top: 0.5rem;\n height: 2rem;\n right: 3.5rem;\n}\n\n\n@media (max-width:600px) {\n .video-js div.vjs-volume-panel.vjs-control.vjs-volume-panel-vertical{\n cursor: pointer;\n height: 2.5rem;\n font-size: 11px;\n top: 8px;\n left: -4px;\n }\n\n .video-js .vjs-progress-control.vjs-control {\n height: 2rem;\n left: -0.5rem;\n top: 0.56rem !important;\n } \n .video-js .vjs-play-control {\n cursor: pointer;\n height: 2.5rem;\n font-size: 13px;\n top: 6px !important;\n }\n .video-js .vjs-remaining-time.vjs-time-control.vjs-control {\n height: 2.5rem;\n left: -1rem;\n top: 0.5rem !important;\n font-size: 11px;\n }\n .video-js button.vjs-control.vjs-button.vjs-slowmo-button {\n height: 1.5rem;\n cursor: pointer;\n font-size: 0px;\n top: 3rem;\n left: 3.5rem;\n left: 1.3rem;\n position: absolute;\n height: -moz-min-content;\n height: 22px;\n width: 4rem !important;\n border: 1px solid transparent;\n background: gray;\n font-size: 9px;\n font-size: 10px;\n border-radius: 4px;\n padding: 4px;\n width: -moz-max-content;\n }\n\n .video-js .container {\n display: none !important\n }\n\n .video-js .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n position: absolute;\n top: 2.6rem;\n left: 6.5rem !important;\n height: 2rem;\n }\n .video-js .vjs-subs-caps-button.vjs-menu-button.vjs-menu-button-popup.vjs-control.vjs-button {\n font-size: 10px;\n width: 5rem;\n }\n .video-js .vjs-live-display {\n background-color: red;\n padding: 0 5px;\n height: 20px;\n top: 1px;\n right: -2rem;\n width: 2rem;\n position: relative;\n }\n\n .video-js .setting-icon {\n display: flex;\n align-items: center;\n font-size: 11px;\n }\n .video-js .fs14 {\n font-size: 11px;\n }\n .video-js .vjs-progress-control.vjs-control {\n left: -0.3rem !important;\n }\n \n}';export{n as default};