@viewlift/player-backup 2.0.209-backup → 2.0.229-backup

package/@viewlift/player/esm/videoSelector-7ec3b7b4.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-37daa6b3.js";import{E as s}from"./generic-769f7ba2.js";import{k as d}from"./currentVideoInfo-a8a254c2.js";import{g as c,s as m,j as p,k as u,l as v}from"./skin-3dcba1b2.js";import{a as h}from"./autoNextVideo-45c813b4.js";import{g as f}from"./localisation-0bf399a1.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"axios";import"./player_instance-34118a5b.js";import"js-cookie";import"./captions-f507e8ee.js";import"@babel/runtime/helpers/typeof";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/slicedToArray";import"@viewlift/comscore/index.js";import"./util-06603bad.js";function b(e){var t=y();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)}}function y(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(y=function(){return!!e})()}var g=a.getComponent("Component"),C=function(n){o(y,g);var i=b(y);function y(t){var o,n,a,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,y),(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&&(d(0),h({playerId:a.playerId,content:a.videos,cb:a.cb})),a}return t(y,[{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,t=this.el(),o=a.dom.createEl("div",{className:"video-selection-container hidden"});a.dom.$(".video-selector-icon",this.el()).onclick=function(){var n;null!==(n=o.classList)&&void 0!==n&&n.contains("hidden")?(c(),o.classList.remove("hidden"),t.classList.add("open"),o.style.right="0px",m(e.playerId,o)):(o.classList.add("hidden"),t.classList.remove("open"),o.style.right="-350px")};var n=document.getElementById(this.playerId);if(n){var i=window.getComputedStyle(n,null).getPropertyValue("height");o.style.height="".concat(i),a.dom.appendContent(t,o),n.style.overflow="hidden",this.addFunctionality(o),p(this.playerId,o)}}},{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:f("relatedVideoTitle")||"Recommended"}),c=a.dom.createEl("div",{className:"video-selector-content"}),m=a.dom.createEl("div",{className:"video-container"}),p=function(e){var o,n,i,r,l,p=a.dom.createEl("div",{className:"video -".concat(e)}),u=a.dom.createEl("div",{className:"recommended -".concat(e)});u.setAttribute("video-idx",e),u.onclick=function(){d(e+1);for(var o=a.dom.$$(".recommended"),n=0;n<o.length;n++)o[n].style.border="none";v(e),s(t.playerId,t.videos[e].id).then((function(e){t.cb&&t.cb(e)})).catch((function(e){t.cb&&t.cb(e)}))};var h=document.createElement("img");h.className="related-thumbnail-image",h.src="".concat((null==t||null===(o=t.videos)||void 0===o||null===(n=o[e])||void 0===n?void 0:n.img)||(null===(i=window)||void 0===i||null===(r=i.customData)||void 0===r?void 0:r.fallbackImage)),h.alt="No Thumbnail Available",u.append(h);var f=a.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(l=t.videos[e])||void 0===l?void 0:l.title)||"")});a.dom.appendContent(p,u),a.dom.appendContent(p,f),a.dom.appendContent(m,p),a.dom.appendContent(c,m)},h=0;h<this.videos.length;h++)p(h);a.dom.appendContent(n,i),a.dom.appendContent(n,r),a.dom.appendContent(e,n),a.dom.appendContent(e,c),u(this.playerId,e)}}]),y}();export{C as default};

package/@viewlift/player/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/@viewlift/player/esm/videoSelector-c49f57b3.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{g as l,e as s}from"./icons-37daa6b3.js";import{E as d}from"./generic-769f7ba2.js";import{k as r}from"./currentVideoInfo-a8a254c2.js";import{g as c,s as m,j as u,h as v,k as p,i as h}from"./skin-3dcba1b2.js";import{a as y}from"./autoNextVideo-45c813b4.js";import{g as b}from"./localisation-0bf399a1.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"axios";import"./player_instance-34118a5b.js";import"js-cookie";import"./captions-f507e8ee.js";import"@babel/runtime/helpers/typeof";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/slicedToArray";import"@viewlift/comscore/index.js";import"./util-06603bad.js";function f(e){var t=C();return function(){var o,a=i(e);if(t){var l=i(this).constructor;o=Reflect.construct(a,arguments,l)}else o=a.apply(this,arguments);return n(this,o)}}function C(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(C=function(){return!!e})()}var g=a.getComponent("Component"),E=function(n){o(C,g);var i=f(C);function C(t){var o,n,a,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,C),(a=i.call(this,t,l)).playerId=l.playerId,a.seriesData=l.sres,a.videos=l.related.content,a.cb=(null==l||null===(o=l.related)||void 0===o?void 0:o.cb)||null,a.autoNext=(null==l||null===(n=l.related)||void 0===n?void 0:n.autoNext)||!1,a.currentVideoData=l.res,a.initialiseStructure(),a.loadCSS(),a.autoNext&&(r(0),y({playerId:a.playerId,content:a.videos,cb:a.cb})),a}return t(C,[{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("button",{className:"video-selector-icon",title:"video selector",innerHTML:"".concat(l())});return a.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./videoSelector-def99d5e.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(),o=a.dom.createEl("div",{className:"video-selection-container hidden"});a.dom.$(".video-selector-icon",this.el()).onclick=function(){var n;e.handleTabIndexSelector(),null!==(n=o.classList)&&void 0!==n&&n.contains("hidden")?(c(),o.classList.remove("hidden"),t.classList.add("open"),m(e.playerId,o)):(o.classList.add("hidden"),t.classList.remove("open"))};var n=document.getElementById(this.playerId);if(n){var i=window.getComputedStyle(n,null).getPropertyValue("height");o.style.height="".concat(i),a.dom.appendContent(t,o),n.style.overflow="hidden",this.addFunctionality(o),u(this.playerId,o)}}},{key:"loadVideoAssetById",value:function(e){var t=this;r(e+1);for(var o=a.dom.$$(".recommended"),n=0;n<o.length;n++)o[n].style.border="none";v(e),d(this.playerId,this.videos[e].id).then((function(e){t.cb&&t.cb(e)})).catch((function(e){t.cb&&t.cb(e)}))}},{key:"handleTabIndexSelector",value:function(){var e,t,o;null!==(e=document.getElementsByClassName("video-selector-cross-icon"))&&void 0!==e&&e[0]&&(document.getElementsByClassName("video-selector-cross-icon")[0].tabIndex=0);for(var n=document.getElementsByClassName("video-accessibility"),i=(null==n||null===(t=n[0])||void 0===t||null===(o=t.children)||void 0===o?void 0:o.length)||0,a=0;a<i;a++)document.getElementsByClassName("recommended -".concat(a))[0]&&(document.getElementsByClassName("recommended -".concat(a))[0].tabIndex=0)}},{key:"handleCloseTabIndex",value:function(){var e,t,o;null!==(e=document.getElementsByClassName("video-selector-cross-icon"))&&void 0!==e&&e[0]&&(document.getElementsByClassName("video-selector-cross-icon")[0].tabIndex=-1);for(var n=document.getElementsByClassName("video-accessibility"),i=(null==n||null===(t=n[0])||void 0===t||null===(o=t.children)||void 0===o?void 0:o.length)||0,a=0;a<i;a++)document.getElementsByClassName("recommended -".concat(a))&&(document.getElementsByClassName("recommended -".concat(a))[0].tabIndex=-1)}},{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",ariaLabel:"close video selector",tabIndex:-1,innerHTML:"".concat(s())});i.onkeydown=function(n){"Enter"===n.key&&(e.classList.add("hidden"),o.classList.remove("open"),t.handleCloseTabIndex())},i.onclick=function(){e.classList.add("hidden"),o.classList.remove("open"),t.handleCloseTabIndex()};for(var l=a.dom.createEl("div",{className:"video-selector-title",innerHTML:b("relatedVideoTitle")||"Recommended"}),d=a.dom.createEl("div",{className:"video-selector-content",tabIndex:-1}),r=a.dom.createEl("div",{className:"video-container video-accessibility"}),c=function(e){var o,n,i,l,s,c,m,u,v=a.dom.createEl("div",{className:"video -".concat(e)}),p=a.dom.createEl("div",{className:"recommended -".concat(e),ariaLabel:"".concat(t.videos[e].title),type:"button",tabIndex:-1});p.setAttribute("video-idx",e),p.onkeydown=function(o){"Enter"===o.key&&t.loadVideoAssetById(e)},p.onclick=function(){t.loadVideoAssetById(e)};var y=document.createElement("img");y.className="related-thumbnail-image",y.src="".concat(h(null==t||null===(o=t.videos)||void 0===o||null===(n=o[e])||void 0===n?void 0:n.img)||h(null===(i=window)||void 0===i||null===(l=i.app_data)||void 0===l||null===(s=l.appcmsMain)||void 0===s||null===(c=s.images)||void 0===c?void 0:c.placeholderCover)),y.alt="".concat((null==t||null===(m=t.videos[e])||void 0===m?void 0:m.title.trim().split(/\s+/).slice(0,2).join(" "))||""),p.append(y);var b=a.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(u=t.videos[e])||void 0===u?void 0:u.title)||"")});a.dom.appendContent(v,p),a.dom.appendContent(v,b),a.dom.appendContent(r,v),a.dom.appendContent(d,r)},m=0;m<this.videos.length;m++)c(m);a.dom.appendContent(n,l),a.dom.appendContent(n,i),a.dom.appendContent(e,n),a.dom.appendContent(e,d),p(this.playerId,e)}}]),C}();export{E as default};

package/@viewlift/player/esm/videoSelector-def99d5e.js

@@ -0,0 +1 @@
+var e=".video-js .video-selection {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n\n.video-js .video-selection.open {\n    background: rgba(255, 255, 255, 0.20) !important;\n}\n\n.video-js .video-selection .video-selector-icon {\n    cursor: pointer;\n}\n\n.video-js .video-selection .video-selection-container {\n    position: absolute;\n    width: 250px;\n    bottom: 0px;\n    right: 0px;\n    visibility: inherit;\n    background: #000000 !important;\n    z-index: 1;\n    transition: right 300ms ease-out;\n}\n\n.video-js .video-selection .video-selection-container.hidden{\n    right: -250px;\n}\n \n.video-js .video-selection .video-selection-container .video-selector-content .video-container{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n}\n\n.video-js .video-selection .video-selection-container .video-selector-head{\n    display: flex;\n    align-items: center;\n}\n\n\n.video-js .video-selection .video-selection-container  .video-selector-head .video-selector-title {\n    text-align: left;\n    background: #000;\n    border-bottom: 1px solid #484848;\n    width: 100%;\n    padding: 0 3px 0 10px;\n    font-size: 13px;\n    line-height: 38px;\n}\n\n.video-js .video-selection .video-selection-container .video-selector-head .video-selector-cross-icon{\n    cursor: pointer;\n    position: absolute;\n    right: 10px;\n}\n\n.video-js .video-selection .video-selection-container .video-selector-content{\n    height: 90%;\n    overflow: scroll; \n    scrollbar-width: thin;\n    scrollbar-color: #666 #444;\n    width: 100%;\n    overflow: hidden auto;\n}\n\n\n/* Scroll Bar */\n/* .video-js .video-selection .video-selection-container .video-selector-content::-webkit-scrollbar{ */\n    /* display: none; */\n/* } */\n\n/* Hide scrollbar for IE, Edge and Firefox */\n/* .video-js .video-selection .video-selection-container .video-selector-content{ */\n    /* -ms-overflow-style: none; */\n    /* IE and Edge */\n    /* scrollbar-width: none; */\n    /* Firefox */\n/* } */\n\n\n.video-js .video-selection .video-selection-container .video-selector-content-video .video-container .video {\n    height: 300px;\n    margin-bottom: 30px;\n}\n\n.video-js .video-selection .video-selection-container .video-selector-content .video-container .video .recommended {\n    width: 96px;\n    height: 65px;\n    flex: 1;\n    background-repeat: no-repeat;\n    background-size: contain;\n\n}\n.video-js .video-selection .video-selection-container .video-selector-content .video-container .video .recommended  .related-thumbnail-image{\n    width: 100%;\n    height: 100%;\n}\n.video-js .video-selection .video-selection-container .video-selector-content .video-container > .video {\n    display: flex;\n    align-items: center;\n    width: 100%;\n    padding: 8px;\n    border-bottom: 1.5px solid gray;\n}\n\n.video-js .video-selection .video-selection-container .video-selector-content .video-container>.video:first-child {\n    border-top: 1.5px solid gray\n}\n\n.video-js .video-selection .video-selection-container .video-selector-content .video-container .video .recommended:hover{\n    cursor: pointer;\n}\n\n\n.video-js .video-selection .video-selection-container .video-selector-content .video-container .video .info {\n    font-size: 12px;\n    text-align: left;\n    margin-left: 5px;\n    flex: 1;\n}\n\n\n\n@media (max-width:600px){\n    .video-js .video-selection .video-selection-container .video-selector-head .video-selector-cross-icon>svg{\n        height: 12px;\n    }\n\n    .video-js .video-selection .video-selection-container  .video-selector-head .video-selector-title {\n        font-size: 14px;\n    }\n\n    .video-js .video-selection .video-selection-container .video-selector-content{\n        height: 80%;\n    }       \n\n    .video-js .video-selection .video-selection-container{\n        width: 200px;\n    }      \n    .video-js .video-selection .video-selection-container .video-selector-content .video-container .video .info{\n        font-size: 9px !important;\n    }\n}\n";export{e as default};