@viewlift/player-backup 2.0.101-backup → 2.0.103-backup

package/esm/series-v2-762980f3.js

@@ -1 +0,0 @@
-import e from"@babel/runtime/helpers/toConsumableArray";import t from"@babel/runtime/helpers/classCallCheck";import s from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/assertThisInitialized";import n from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import l from"@babel/runtime/helpers/getPrototypeOf";import a from"video.js";import{f as r,e as d,B as c}from"./icons-0676e9c7.js";import{j as u,U as m,V as v,H as p,b as h,B as f}from"./generic-76d748e7.js";import{e as b,s as y,p as C,j as g,g as N,i as E}from"./skin-58b9263c.js";import{a as k}from"./autoNextVideo-613b5bf9.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"axios";import"./browser-d4613b36.js";import"js-cookie";import"ua-parser-js";import"./captions-b7fd8308.js";import"./util-80257541.js";function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(S=function(){return!!e})()}var I=a.getComponent("Component"),x=function(){n(w,I);var x,L,B=(x=w,L=S(),function(){var e,t=l(x);if(L){var s=l(this).constructor;e=Reflect.construct(t,arguments,s)}else e=t.apply(this,arguments);return i(this,e)});function w(s){var n,i,l,a,r,d,c=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(t(this,w),(d=B.call(this,s,c)).playerId=c.playerId,d.seriesData=c.sres,d.videos=null==c||null===(n=c.sres)||void 0===n?void 0:n.seasons,d.currentVideoData=c.res,d.initialiseStructure(),d.loadCSS(),d.selectedSeason=0,d.cb=null==c||null===(i=c.series)||void 0===i?void 0:i.cb,d.autoPlayNext=(null==c||null===(l=c.series)||void 0===l?void 0:l.autoPlayNext)||!1,sessionStorage.getItem("token"),d.watchMap=u(),null!==(a=o(d))&&void 0!==a&&a.autoPlayNext&&null!=c&&null!==(r=c.series)&&void 0!==r&&r.enable){var p,h,f,b,y=null==c||null===(p=c.sres)||void 0===p?void 0:p.seasons,C=[];y.map(function(t){C.push.apply(C,e(t.episodes))}),m(C),v(null===(h=d.options_)||void 0===h||null===(f=h.res)||void 0===f||null===(b=f.video)||void 0===b?void 0:b.id),k({playerId:d.playerId,content:C,cb:d.cb,series:null==c?void 0:c.sres})}return d}return s(w,[{key:"createEl",value:function(){var e=a.dom.createEl("div",{className:"series-selection vjs-control vjs-button"});e.style.position="unset";var t=a.dom.createEl("button",{className:"series-selector-icon",title:"series selector",innerHTML:"".concat(r())});return a.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./series-v2-8a8b6f0c.js").then(function(e){var t=document.createElement("style");t.id="series-v2",t.append("".concat(e.default)),document.head.appendChild(t)})}},{key:"toggleOpenClose",value:function(e){var t,s=this.el();null!=e&&null!==(t=e.classList)&&void 0!==t&&t.contains("hidden")?(b(),e.classList.remove("hidden"),s.classList.add("open"),y(this.playerId,e)):(e.classList.add("hidden"),s.classList.remove("open"))}},{key:"handleTabIndexSelector",value:function(){var e,t=document.getElementsByClassName("season-holder");null!==(e=document.getElementsByClassName("series-selector-cross-icon"))&&void 0!==e&&e[0]&&(document.getElementsByClassName("series-selector-cross-icon")[0].tabIndex=0);for(var s=0;s<(null==t?void 0:t.length);s++)t[s].tabIndex=0}},{key:"handleCloseTabIndex",value:function(){var e,t=document.getElementsByClassName("season-holder");null!==(e=document.getElementsByClassName("series-selector-cross-icon"))&&void 0!==e&&e[0]&&(document.getElementsByClassName("series-selector-cross-icon")[0].tabIndex=-1);for(var s=0;s<(null==t?void 0:t.length);s++)t[s]&&(t[s].tabIndex=-1);setTimeout(function(){document.getElementsByClassName("series-selector-icon")[0]&&document.getElementsByClassName("series-selector-icon")[0].focus()},100)}},{key:"initialiseStructure",value:function(){var e=this,t=this.el(),s=a.dom.createEl("div",{className:"series-selection-container hidden",role:"dialog",ariaModal:"false"});s.setAttribute("aria-labelledby","Seasons Dialog"),a.dom.$(".series-selector-icon",this.el()).onclick=function(){e.toggleOpenClose(s),e.handleTabIndexSelector()};var o=document.getElementById(this.playerId);if(o){var n=window.getComputedStyle(o,null).getPropertyValue("height").slice(0,-2);s.style.height="".concat(n,"px"),a.dom.appendContent(t,s),o.style.overflow="hidden",this.addFunctionality(s)}}},{key:"handleSeriesCloseIcon",value:function(e,t,s){if("series-selector-cross-icon"===e.className)t.classList.add("hidden"),s.classList.remove("open"),this.handleCloseTabIndex();else if("series-selector-back-icon"===e.className){var o=a.dom.$(".series-selector-content",this.el());for(a.dom.$(".series-selector-cross-icon",this.el()),e.className="series-selector-cross-icon";null!=o&&o.firstChild;)o.removeChild(o.firstChild);var n=this.createSeasonLister();for(a.dom.appendContent(o,n),a.dom.$(".series-selector-title",this.el()).textContent="Seasons";null!=e&&e.firstChild;)e.removeChild(e.firstChild);var i=C(d());e.appendChild(i)}}},{key:"addFunctionality",value:function(e){var t=this,s=this.el(),o=a.dom.createEl("div",{className:"series-selector-head"}),n=a.dom.createEl("button",{className:"series-selector-cross-icon",ariaLabel:"close season selector",innerHTML:"".concat(d()),tabIndex:-1});n.onclick=function(){t.handleSeriesCloseIcon(n,e,s)},n.onkeydown=function(o){"Enter"===o.key&&t.handleSeriesCloseIcon(n,e,s)};var i=a.dom.createEl("div",{className:"series-selector-title",ariaLabel:"Seasons",innerHTML:"Seasons"}),l=a.dom.createEl("div",{className:"series-selector-content"}),r=this.createSeasonLister();a.dom.appendContent(l,r),a.dom.appendContent(o,n),a.dom.appendContent(o,i),a.dom.appendContent(e,o),a.dom.appendContent(e,l),g(this.playerId,e)}},{key:"createSeasonLister",value:function(){var e=this;N(this.playerId);for(var t=h(),s=a.dom.createEl("div",{className:"season-container"}),o=function(o){var n,i,l,r,d=document.createElement("label");d.className="season-holder",d.ariaLabel=null===(n=t[o])||void 0===n?void 0:n.title,d.role="button",d.type="button",d.setAttribute("aria-LabelledBy",null===(i=t[o])||void 0===i?void 0:i.title),d.setAttribute("for","season-".concat(o));var c=document.createElement("div");c.className="season - ".concat(o),c.textContent=null===(l=t[o])||void 0===l?void 0:l.title,c.id=null===(r=t[o])||void 0===r?void 0:r.title;var u=a.dom.createEl("input",{className:"radio -  ".concat(o),id:"season-".concat(o),name:"season-radio"});u.setAttribute("type","radio"),e.selectedSeason==o&&(u.checked=!0),u.onclick=function(t){f.set(o),e.showSeasonDetails(o)},d.onkeydown=function(t){"Enter"===t.key&&(f.set(o),e.showSeasonDetails(o))},a.dom.appendContent(d,u),a.dom.appendContent(d,c),a.dom.appendContent(s,d)},n=0;n<t.length;n++)o(n);return s}},{key:"loadSeriesAssetById",value:function(e,t){var s,o=this;v(null===(s=e[t])||void 0===s?void 0:s.id),p(this.playerId,e[t].id).then(function(e){null!=o&&o.cb&&o.cb(e)}).catch(function(e){null!=o&&o.cb&&o.cb(e)})}},{key:"getSeasonDetailsContainer",value:function(t,s){var o=this;t=t.map(function(e){var t,s,n,i,l,a,r,d,c;return{id:null==e?void 0:e.id,title:null==e?void 0:e.title,description:null==e||null===(t=e.gist)||void 0===t?void 0:t.description,img:(null==e||null===(s=e.gist)||void 0===s||null===(n=s.imageGist)||void 0===n?void 0:n.r16x9)||(null===(i=window)||void 0===i||null===(l=i.app_data)||void 0===l||null===(a=l.appcmsMain)||void 0===a||null===(r=a.images)||void 0===r?void 0:r.placeholderCover),watchedPercentage:(null==o||null===(d=o.watchMap)||void 0===d||null===(c=d.get(null==e?void 0:e.id))||void 0===c?void 0:c.p)||0}});for(var n=function(n){var i,l,r,d,c,u=a.dom.createEl("div",{className:"series-container",tabIndex:0,role:"button",type:"button"}),m=a.dom.createEl("div",{className:"series-section-data",index:n,innerHTML:"".concat((null===(i=t[n])||void 0===i?void 0:i.title)||"")});a.dom.createEl("div",{className:"series-title",innerHTML:"".concat((null===(l=t[n])||void 0===l?void 0:l.title)||"")}),a.dom.createEl("div",{className:"series-progress-bar",innerHTML:"<div style='width:".concat(t[n].watchedPercentage,"%' class='series-progress-bar-value'></div>")});var v=a.dom.createEl("div",{className:"series-section-image"}),p=(null===(r=t[n])||void 0===r?void 0:r.description)||"";(null===(d=p)||void 0===d?void 0:d.length)>170&&(p=p.substr(0,170)+"..."),a.dom.createEl("div",{className:"series-description",innerHTML:"".concat(p||"")});var h=a.dom.createEl("img",{className:"series-image"});h.src="".concat(E(null===(c=t[n])||void 0===c?void 0:c.img)),h.alt="Episode ".concat(n+1),a.dom.appendContent(v,h),a.dom.appendContent(u,v),a.dom.appendContent(u,m),a.dom.appendContent(s,u),u.onclick=function(e){e.stopPropagation(),o.loadSeriesAssetById(t,n)},u.onkeydown=function(e){"Enter"===e.key&&(e.stopPropagation(),o.loadSeriesAssetById(t,n))},m.onclick=function(t){var s,o,n,i=document.getElementsByClassName("series-selector-content")[0].childNodes,l=(i=e(i))[t.target.index].getElementsByClassName("series-section-expanded")[0];null!=l&&null!==(s=l.classList)&&void 0!==s&&s.contains("hidden")?(u.style.backgroundColor="#0000007d",null==l||null===(o=l.classList)||void 0===o||o.remove("hidden")):(null==l||null===(n=l.classList)||void 0===n||n.add("hidden"),u.style.backgroundColor="unset")}},i=0;i<t.length;i++)n(i);return parent}},{key:"showSeasonDetails",value:function(e){this.selectedSeason=e;for(var t=a.dom.$(".series-selector-content",this.el());null!=t&&t.firstChild;)t.removeChild(t.firstChild);var s=h()[e].episodes;this.getSeasonDetailsContainer(s,t);var o=a.dom.$(".series-selector-cross-icon",this.el());for(o.className="series-selector-back-icon";null!=o&&o.firstChild;)o.removeChild(o.firstChild);var n=C(c());o.appendChild(n),a.dom.$(".series-selector-title",this.el()).textContent="Season ".concat(e+1)}}]),w}();export{x as default};

package/esm/series-v2-8a8b6f0c.js

@@ -1 +0,0 @@
-var e=".video-js .series-selection {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.video-js .series-selection .series-selector-icon {\n    cursor: pointer;\n}\n\n.video-js .series-selection .series-selection-container {\n    position: absolute;\n    width: 250px;\n    bottom: 0px;\n    right: 0px;\n    background: #000000 !important;\n    z-index: 1;\n    transition: right 300ms ease-out;\n}\n.video-js .series-selection .series-selection-container .series-selector-content .series-container:hover{\n    cursor: pointer;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-content .series-container {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: 8px;\n    border-bottom: 1.5px solid gray;\n    margin: 0;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-content .series-container:first-child {\nborder-top: 1.5px solid gray;\n}\n\n.series-selection.open {\n    background: rgba(255, 255, 255, 0.20) !important;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-head {\n    display: flex;\n    align-items: center;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-head .series-selector-title {\n    text-align: left;\n    background: #000;\n    border-bottom: 1px solid #484848;\n    width: 100%;\n    padding: 0 3px 0 30px;\n    font-size: 13px;\n    line-height: 38px;\n}\n\n.video-js .series-selection .series-selector-cross-icon {\n    cursor: pointer;\n    position: absolute;\n    right: 10px;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-head .series-selector-back-icon {\n    cursor: pointer;\n    position: absolute;\n    padding: 10px 8px;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-content {\n    height: 90%;\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: thin;\n    scrollbar-color: #666 #444;\n    width: 100%;\n    overflow: hidden auto;\n}\n\n/* Scroll Bar  */\n/* .video-js .series-selection .series-selection-container .series-selector-content::-webkit-scrollbar { */\n    /* display: none; */\n/* } */\n\n/* Hide scrollbar for IE, Edge and Firefox */\n/* .video-js .series-selection .series-selection-container .series-selector-content { */\n    /* -ms-overflow-style: none; */\n    /* IE and Edge */\n    /* scrollbar-width: none; */\n    /* Firefox */\n/* } */\n\n\n\n\n.video-js .series-selection .series-selection-container .series-selector-content .series-section-data{\n    font-size: 12px;\n    text-align: left;\n    margin-left: 5px;\n    flex: 1;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-content .series-section-image{\n    width: 96px;\n    height: 65px;\n    flex: 1;\n    background-repeat: no-repeat;\n    background-size: contain;\n}\n.video-js .series-selection .series-selection-container .series-selector-content .series-section-image.hidden{\n    visibility: hidden ;\n    max-height: 0;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-content .series-section-data .series-title{\n    font-size: 12px;\n    font-weight: 800;\n    text-align: start;\n    pointer-events: none;\n    width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n}\n\n.video-js .series-selection .series-selection-container .series-selector-content .series-section-data .series-title:hover{\n    cursor: pointer;\n}\n.video-js .series-selection .series-selection-container .series-selector-content .series-section-image .series-image {\n    width: 100%;\n    height: 100%;\n}\n\n\n.video-js .series-selection .series-selection-container .series-selector-content .series-section-expanded:hover{\n    cursor: pointer;\n}\n\n\n.video-js .series-selection .series-selection-container .series-selector-content .season-container {\n    width: 100%;\n    margin-bottom: 30px;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-content .season-container .season-holder {\n    display: flex;\n    width: 90%;\n    height: 2.5rem;\n    padding: 10px 10px;\n    margin-bottom: 10px;\n    margin-left: 6px;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-content .season-container .season-holder>input {\n    margin: 1px 4px;\n    visibility: hidden;\n    display: none;\n}\n\n.video-js .series-selection .series-selection-container .series-selector-content .season-container .season-holder>input[type='radio']:checked {\n    background: black;\n}\n\n.season-selected {\n    background: rgba(255, 255, 255, 0.2);\n}\n\n.video-js .series-selection .series-selection-container .series-selector-content .season-container .season-holder:hover {\n    cursor: pointer;\n}\n.video-js .series-selection .series-selection-container .series-selector-content .season-container .season-holder .season {\n    display: flex;\n    align-items: center;\n    font-size: 13px;\n    margin-left: 14px;\n}\n\n.video-js .series-selection .series-selection-container.hidden{\n    right: -250px;\n}\n\n@media (max-width:600px){\n    .video-js .series-selection{\n        display: none;\n    }\n}\n";export{e as default};