@viewlift/player-backup 1.0.3-lighteningjs → 1.0.3

package/esm/skin-93e320fc.js

@@ -0,0 +1 @@
+var n=".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-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}\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\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}\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";export{n as default};

package/esm/skin-b939c35e.js

@@ -0,0 +1 @@
+import{b as e,e as t,f as s,g as o,h as n}from"./features-f86404ce.js";import{i}from"./keyboardShortcuts-c06f3c7b.js";import{S as r,M as a,a as l,N as d,b as m,R as u}from"./icons-c18c70b7.js";import{g as p,a as c}from"./generic-7c43020f.js";import{c as f}from"./skin-665ec17e.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"./renditions-97276745.js";import"axios";import"js-cookie";import"ua-parser-js";import"@babel/runtime/helpers/toConsumableArray";function v(v,b){i(v,b),import("./skin-cd537931.js").then((function(e){var t=document.createElement("style");t.id="def_skin",t.append("".concat(e.default)),document.head.appendChild(t)})),function(e,t){0==t.liveVideo&&0==t.liveui&&o(e,"default",m());(0==t.liveVideo&&0==t.liveui||1==t.liveui)&&n(e,"default",u())}(v,b),function(o,n){var i=p(o),a=(null==n?void 0:n.sres)||null;i.on("loadeddata",(function(){e(o,"default",r()),a&&import("./nextEpisodeButton-2ea69b56.js").then((function(e){e.initaliseFunctionality(n.sres.seasons,c())}))})),i.one("loadedmetadata",(function(){var e;a&&(t(o,null==n||null===(e=n.sres)||void 0===e?void 0:e.seasons,n),s(n.sres,n.res,o))}))}(v,b),function(e,t){var s=p(e),o=document.getElementsByClassName("vjs-current-time")[0],n=document.getElementsByClassName("vjs-duration")[0],i=document.getElementsByClassName("vjs-time-divider")[0];t.liveVideo&&(o&&(o.style.display="none"),n&&(n.style.display="none"),i&&(i.style.display="none"));s.controlBar.getChild("FullscreenToggle").el().appendChild(f(a(window.controlsColor))),s.controlBar.getChild("FullscreenToggle").el().appendChild(f(l(window.controlsColor)));var r=s.controlBar.getChild("SubsCapsButton").el();document.getElementById(e).getElementsByClassName("vjs-subs-caps-button")[1].appendChild(f(d()));var m=document.createElement("div");m.classList.add("caption-header"),r.querySelector(".vjs-menu-content").insertBefore(m,r.querySelector(".vjs-menu-item"))}(v,b)}export{v as initialiseSkin};

package/esm/skin-cd537931.js

@@ -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};

package/esm/skin-d5510f70.js

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

package/esm/util-d9f5a7be.js

@@ -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};

package/esm/videoSelector-8889c58e.js

@@ -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};

package/esm/videoSelector-8e258d45.js

@@ -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};

package/package.json

@@ -1,37 +1,17 @@
 {
-  "name": "@viewlift/player-backup",
-  "version": "1.0.3-lighteningjs",
-  "description": "A LightningJS video player component for Smart TV apps.",
-  "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "build": "rollup -c",
-    "dev": "rollup -c -w",
-    "test": "echo \"No tests specified\" && exit 0"
-  },
-  "author": "ViewLift",
-  "license": "ISC",
-  "keywords": [
-    "LightningJS",
-    "SmartTV",
-    "video-player"
-  ],
-  "devDependencies": {
-    "@babel/core": "^7.24.4",
-    "@babel/preset-env": "^7.24.4",
-    "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.0.2",
-    "@rollup/plugin-terser": "^0.4.4",
-    "@rollup/plugin-typescript": "^11.1.6",
-    "@rollup/plugin-url": "^8.0.2",
-    "rollup": "^4.16.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "tslib": "^2.6.2",
-    "typescript": "^5.4.5"
-  },
-  "dependencies": {
-    "@viewlift/player-backup": "^2.0.37-smarttv"
-  }
+    "name": "@viewlift/player-backup",
+    "version": "1.0.3",
+    "main": "dist/bundle.cjs.js",
+    "amdName": "_playerCore",
+    "dependencies": {
+        "@silvermine/videojs-airplay": "^1.2.0",
+        "@silvermine/videojs-chromecast": "^1.4.1",
+        "axios": "^1.2.3",
+        "js-cookie": "^3.0.5",
+        "video.js": "^7.20.3",
+        "videojs-contrib-ads": "^6.9.0",
+        "videojs-contrib-dash": "^5.1.1",
+        "videojs-contrib-eme": "^3.11.0",
+        "videojs-ima": "^2.1.0"
+    }
 }

package/.babelrc

@@ -1,8 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", {
-      "targets": { "ie": "11" },
-      "modules": false
-    }]
-  ]
-}

package/.browserslistrc

@@ -1,2 +0,0 @@
-IE 11
-last 2 versions

package/README.md

@@ -1,29 +0,0 @@
-# @viewlift/ligheningjs-video-player
-
-A LightningJS video player component for Smart TV app development.
-
-## Features
-- Video player component for LightningJS
-- TypeScript support
-- Easy to use in LightningJS-based projects
-
-## Installation
-```bash
-npm install @viewlift/ligheningjs-video-player
-```
-
-## Usage
-```ts
-import { LightningVideoPlayer } from '@viewlift/ligheningjs-video-player';
-
-const player = new LightningVideoPlayer();
-player.play();
-```
-
-## Build
-```bash
-npm run build
-```
-
-## License
-ISC

package/babel.config.json

@@ -1,8 +0,0 @@
-{
-  "presets": [
-    ["@babel/preset-env", {
-      "targets": { "ie": "11" },
-      "modules": false
-    }]
-  ]
-}

package/dist/index.cjs.css

@@ -1,2 +0,0 @@
-body{background-color:#000;box-sizing:border-box;margin:0;padding:0}.vl-player-container .seekbar-container{background:#444;border-radius:6px;bottom:50px;cursor:pointer;height:12px;left:50%;margin:0;position:absolute;transform:translateX(-50%);user-select:none;width:90%;z-index:20}.vl-player-container .seekbar-buffer{background:#888;border-radius:6px;height:100%;position:absolute;width:0;z-index:1}.vl-player-container .seekbar-progress{background:rgba(254,253,255,.7);border-radius:6px;height:100%;position:absolute;transition:width .1s linear;width:0;z-index:2}.vl-player-container .seekbar-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);cursor:pointer;height:16px;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .2s;width:16px;z-index:3}.vl-player-container .seekbar-thumb:hover{background:#ffeaea}.vl-player-container .seekbar-tooltip{background:#222;border-radius:4px;bottom:24px;color:#fff;font-size:12px;left:0;padding:2px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.vl-player-container .seekbar-duration-label,.vl-player-container .seekbar-time-label{color:#eee;font-size:13px;margin-right:4px;position:relative;top:18px;z-index:5}.vl-player-container .play-pause-btn{background:hsla(0,0%,100%,.5);border-radius:50%;cursor:pointer;height:70px;left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%);width:70px;z-index:20}.vl-player-container .play-pause-btn img{height:50px;left:50%;position:absolute!important;top:50%;transform:translate(-50%,-50%)}.vl-player-container .left-side-container{bottom:77px;display:flex;left:5%;position:absolute!important}.vl-player-container .right-side-container{bottom:77px;display:flex;position:absolute!important;right:5%}.vl-player-container .settings-btn{background:hsla(0,0%,100%,.5);border-radius:5px;bottom:100px;cursor:pointer;height:40px;margin:0 5px;padding:5px;width:50px;z-index:20}.vl-player-container .settings-btn img{height:100%}.vl-player-container .restart-btn{border:2px solid #fff;border-radius:8px;bottom:100px;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-size:20px;font-weight:700;justify-content:center;margin:0 5px;padding:5px;right:2%;z-index:20}.vl-player-container .default-option-wrapper{align-items:center;background:#525760;border-radius:2px;box-shadow:0 10px 15px rgba(0,0,0,.1);color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;height:50px;justify-content:space-between;margin:20px 0;padding:5px 10px;text-transform:capitalize;width:95%}.vl-player-container .default-option-wrapper span{height:40px}.vl-player-container .default-option-wrapper span>img{height:100%}.vl-player-container .default-sidebar{background-color:rgba(30,30,30,.75);color:#fff;display:flex;flex-direction:column;height:100%;min-height:720px;padding:50px 20px 0;position:absolute;right:0;top:0;width:400px;z-index:30}.vl-player-container .focused{outline:2px solid #fff}
-/*# sourceMappingURL=index.cjs.css.map */

package/dist/index.cjs.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["index.css"],"names":[],"mappings":"AACE,KAIE,qBAAsB,CADtB,qBAAsB,CAFtB,QAAS,CACT,SAGF,CACF,wCAMI,eAAgB,CAGhB,iBAAkB,CALlB,WAAY,CAIZ,cAAe,CAHf,WAAY,CAHZ,QAAS,CAQT,QAAS,CATT,iBAAkB,CAElB,0BAA2B,CAQ3B,gBAAiB,CAJjB,SAAU,CAKV,UACF,CAEF,qCAGI,eAAgB,CAEhB,iBAAkB,CAHlB,WAAY,CADZ,iBAAkB,CAGlB,OAAQ,CAER,SACF,CAEF,uCAGI,+BAAoC,CAEpC,iBAAkB,CAHlB,WAAY,CADZ,iBAAkB,CAMlB,2BAA6B,CAH7B,OAAQ,CAER,SAEF,CAEF,oCAMI,eAAgB,CAChB,iBAAkB,CAGlB,mCAAqC,CACrC,cAAe,CANf,WAAY,CAJZ,iBAAkB,CAClB,OAAQ,CACR,8BAAgC,CAShC,yBAA2B,CAR3B,UAAW,CAKX,SAIF,CACD,0CACG,kBACF,CAED,sCAKG,eAAgB,CAGhB,iBAAkB,CANlB,WAAY,CAIZ,UAAW,CAGX,cAAe,CANf,MAAO,CAIP,eAAgB,CAIhB,mBAAoB,CAVpB,iBAAkB,CAGlB,0BAA2B,CAM3B,kBAAmB,CAEnB,UACF,CAEF,sFAII,UAAW,CADX,cAAe,CAEf,gBAAiB,CAJjB,iBAAkB,CAClB,QAAS,CAIT,SACF,CAOF,qCASE,6BAAiC,CADjC,iBAAkB,CAElB,cAAe,CAHf,WAAY,CALZ,QAAS,CADT,2BAA6B,CAE7B,OAAQ,CACR,8BAAgC,CAEhC,UAAW,CADX,UAMF,CAEA,yCAKE,WAAY,CAHZ,QAAS,CADT,2BAA6B,CAE7B,OAAQ,CACR,8BAEF,CAGA,0CAIE,WAAY,CAFZ,YAAa,CACb,OAAQ,CAFR,2BAIF,CAEA,2CAIE,WAAY,CAFZ,YAAa,CADb,2BAA6B,CAE7B,QAEF,CAEA,mCAOE,6BAAkC,CANlC,iBAAkB,CAElB,YAAa,CAKb,cAAe,CAHf,WAAY,CACZ,YAAa,CAJb,WAAY,CAEZ,UAAW,CAKX,UACF,CAEA,uCACE,WACF,CAEA,kCAKE,qBAAsB,CAHtB,iBAAkB,CAElB,YAAa,CAEb,UAAW,CAOX,cAAe,CAJf,YAAa,CACb,qBAAsB,CAHtB,cAAe,CACf,eAAgB,CAGhB,sBAAuB,CACvB,YAAa,CATb,WAAY,CAFZ,QAAS,CAaT,UACF,CAIA,6CAGE,kBAAmB,CAGnB,kBAAmB,CAKnB,iBAAkB,CAClB,qCAAyC,CALzC,UAAW,CAQX,cAAe,CAdf,YAAa,CASb,cAAe,CADf,eAAgB,CAJhB,WAAY,CAHZ,6BAA8B,CAW9B,aAAgB,CALhB,gBAAiB,CAMjB,yBAA0B,CAV1B,SAYF,CACA,kDACE,WACF,CAEA,sDACE,WACF,CAGA,sCAME,mCAAuC,CAHvC,UAAW,CACX,YAAa,CACb,qBAAsB,CAEtB,WAAY,CACZ,gBAAiB,CAEjB,mBAAyB,CATzB,iBAAkB,CAUlB,OAAU,CATV,KAAM,CAON,WAAY,CAGZ,UAEF,CAEA,8BACI,sBACJ","file":"index.cjs.css","sourcesContent":["/*************** playerSeekbar.css ***************/\n  body {\n    margin: 0;\n    padding: 0;\n    box-sizing: border-box;\n    background-color: #000;\n  }\n.vl-player-container .seekbar-container {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    bottom: 50px;\n    height: 12px;\n    background: #444;\n    width: 90%;\n    cursor: pointer;\n    border-radius: 6px;\n    margin: 0;\n    user-select: none;\n    z-index: 20;\n  }\n  \n.vl-player-container .seekbar-buffer {\n    position: absolute;\n    height: 100%;\n    background: #888;\n    width: 0;\n    border-radius: 6px;\n    z-index: 1;\n  }\n  \n.vl-player-container  .seekbar-progress {\n    position: absolute;\n    height: 100%;\n    background: rgba(254, 253, 255, 0.7);\n    width: 0;\n    border-radius: 6px;\n    z-index: 2;\n    transition: width 0.1s linear;\n  }\n  \n.vl-player-container .seekbar-thumb {\n    position: absolute;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: 16px;\n    height: 16px;\n    background: #fff;\n    border-radius: 50%;\n    /* border: 2px solid #4169E1; */\n    z-index: 3;\n    box-shadow: 0 2px 8px rgba(0,0,0,0.2);\n    cursor: pointer;\n    transition: background 0.2s;\n  }\n .vl-player-container .seekbar-thumb:hover {\n    background: #ffeaea;\n  }\n  \n .vl-player-container .seekbar-tooltip {\n    position: absolute;\n    bottom: 24px;\n    left: 0;\n    transform: translateX(-50%);\n    background: #222;\n    color: #fff;\n    padding: 2px 8px;\n    border-radius: 4px;\n    font-size: 12px;\n    white-space: nowrap;\n    pointer-events: none;\n    z-index: 10;\n  }\n  \n.vl-player-container  .seekbar-time-label, .vl-player-container .seekbar-duration-label {\n    position: relative;\n    top: 18px;\n    font-size: 13px;\n    color: #eee;\n    margin-right: 4px;\n    z-index: 5;\n  }\n  \n\n\n\n/*************** playerButtons.css ***************/\n\n.vl-player-container .play-pause-btn {\n  position: absolute !important;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 20;\n  width: 70px;\n  height: 70px;\n  border-radius: 50%;\n  background: rgba(255,255,255, .5);\n  cursor: pointer;\n} \n\n.vl-player-container .play-pause-btn img {\n  position: absolute !important;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  height: 50px;\n}\n\n\n.vl-player-container .left-side-container {\n  position: absolute !important;\n  display: flex;\n  left: 5%;\n  bottom: 77px;\n}\n\n.vl-player-container .right-side-container {\n  position: absolute !important;\n  display: flex;\n  right: 5%;\n  bottom: 77px;\n}\n\n.vl-player-container .settings-btn {\n  border-radius: 5px;\n  padding: 5px;\n  bottom: 100px;\n  width: 50px;\n  height: 40px;\n  margin: 0 5px;\n  background: rgba(255,255,255, 0.5);\n  cursor: pointer;\n  z-index: 20;\n}\n\n.vl-player-container .settings-btn img{\n  height: 100%;\n}\n\n.vl-player-container .restart-btn {\n  right: 2%;\n  border-radius: 8px;\n  padding: 5px;\n  bottom: 100px;\n  border: 2px solid #fff;\n  color: #fff;\n  font-size: 20px;\n  font-weight: 700;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  margin: 0 5px;\n  cursor: pointer;\n  z-index: 20;\n}\n\n\n/*************** player-setting-option-wrapper ***************/\n.vl-player-container .default-option-wrapper {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  width: 95%;\n  height: 50px;\n  background: #525760;\n  color: #fff;\n  padding: 5px 10px;\n  font-weight: 700;\n  font-size: 18px;\n  border-radius: 2px;\n  box-shadow: 0 10px 15px rgba(0, 0, 0, .1);\n  margin: 20px 0px;\n  text-transform: capitalize;\n  cursor: pointer;\n}\n.vl-player-container .default-option-wrapper span {\n  height: 40px;\n}\n\n.vl-player-container .default-option-wrapper span > img{\n  height: 100%;\n}\n\n\n.vl-player-container .default-sidebar {\n  position: absolute;\n  top: 0;\n  color: #fff;\n  display: flex;\n  flex-direction: column;\n  background-color: rgba(30, 30, 30, .75);\n  height: 100%;\n  min-height: 720px;\n  width: 400px;\n  padding: 50px 20px 0 20px;\n  right: 0px;\n  z-index: 30;\n  /* right: -450px; */\n}\n\n.vl-player-container .focused{\n    outline: 2px solid #ffffff;\n}"]}