@viewlift/player-backup 2.0.346-backup → 2.0.348-backup

package/cjs/videoSelector-ae72e979.js

@@ -1 +0,0 @@
-"use strict";exports.default=".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    visibility: hidden;\n    pointer-events: none;\n    display: none;\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    margin: 0;\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    background-color: transparent;\n    border: none;\n    padding: 0;\n    -webkit-appearance: none;\n    appearance: none;\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    background-color: transparent;\n    border: none;\n    padding: 0;\n    -webkit-appearance: none;\n    appearance: none;\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";

package/cjs/videoSelector-c424e120.js

@@ -1 +0,0 @@
-"use strict";var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),i=require("@babel/runtime/helpers/get"),o=require("@babel/runtime/helpers/inherits"),n=require("@babel/runtime/helpers/possibleConstructorReturn"),l=require("@babel/runtime/helpers/getPrototypeOf"),a=require("video.js"),d=require("./icons-eb807ef0.js"),s=require("./generic-3eecf2fb.js"),r=require("./skin-16ae23af.js"),c=require("./autoNextVideo-eee1fb51.js"),u=require("./localisation-56e0a999.js"),m=require("./relatedVideosManager-0a220d05.js");function v(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(v=function(){return!!e})()}require("@babel/runtime/helpers/defineProperty"),require("@babel/runtime/helpers/asyncToGenerator"),require("@babel/runtime/regenerator"),require("axios"),require("./browser-3670a923.js"),require("md5"),require("js-cookie"),require("./captions-ddc5b626.js"),require("@babel/runtime/helpers/toConsumableArray"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/slicedToArray"),require("@viewlift/comscore/index.js"),require("./util-d577d1d0.js");var p=a.getComponent("Component"),h=function(){o(g,p);var h,b,y=(h=g,b=v(),function(){var e,t=l(h);if(b){var i=l(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return n(this,e)});function g(t){var i,o,n,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,g),(n=y.call(this,t,l)).playerId=l.playerId,n.seriesData=l.sres,n.videos=l.related.content,n.cb=(null==l||null===(i=l.related)||void 0===i?void 0:i.cb)||null,n.autoNext=(null==l||null===(o=l.related)||void 0===o?void 0:o.autoNext)||!1,n.currentVideoData=l.res,n.initialiseStructure(),n.loadCSS(),n.autoNext&&(s.setVideoIdx(0),c.autoPlayNext({playerId:n.playerId,content:n.videos,cb:n.cb})),n._unsubRelated=m.relatedVideosManager.subscribe(function(e){var t;n.videos=(null==e?void 0:e.content)||n.videos,n.cb=null!==(t=null==e?void 0:e.cb)&&void 0!==t?t:n.cb,c.updateContent(n.videos),n._refreshList()}),n}return t(g,[{key:"_buildVideoItem",value:function(e){var t,i,o,n,l,d,s,c,u,m=this,v=a.dom.createEl("div",{className:"video -".concat(e)}),p=a.dom.createEl("div",{className:"recommended -".concat(e),ariaLabel:"".concat(this.videos[e].title),type:"button",tabIndex:-1});p.setAttribute("video-idx",e),p.onkeydown=function(t){"Enter"===t.key&&m.loadVideoAssetById(e)},p.onclick=function(){m.loadVideoAssetById(e)};var h=document.createElement("img");h.className="related-thumbnail-image",h.src="".concat(r.impolicy16x9(null==this||null===(t=this.videos)||void 0===t||null===(i=t[e])||void 0===i?void 0:i.img)||r.impolicy16x9(null===(o=window)||void 0===o||null===(n=o.app_data)||void 0===n||null===(l=n.appcmsMain)||void 0===l||null===(d=l.images)||void 0===d?void 0:d.placeholderCover)),h.alt="".concat((null==this||null===(s=this.videos[e])||void 0===s||null===(c=s.title)||void 0===c?void 0:c.trim().split(/\s+/).slice(0,2).join(" "))||""),p.append(h);var b=a.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==this||null===(u=this.videos[e])||void 0===u?void 0:u.title)||"")});return a.dom.appendContent(v,p),a.dom.appendContent(v,b),v}},{key:"_refreshList",value:function(){var e=this.el().querySelector(".video-container");if(e){a.dom.emptyEl(e);for(var t=0;t<this.videos.length;t++)a.dom.appendContent(e,this._buildVideoItem(t))}}},{key:"dispose",value:function(){this._unsubRelated&&this._unsubRelated(),function(e,t,o,n){var a=i(l(1&n?e.prototype:e),t,o);return 2&n&&"function"==typeof a?function(e){return a.apply(o,e)}:a}(g,"dispose",this,3)([])}},{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",ariaExpanded:!1,innerHTML:"".concat(d.PlaylistIcon())});return a.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){Promise.resolve().then(function(){return require("./videoSelector-ae72e979.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(),i=a.dom.createEl("div",{className:"video-selection-container hidden"});i.setAttribute("aria-hidden","true"),i.hidden=!0;var o=a.dom.$(".video-selector-icon",this.el()),n=function(){e._allowToggle=!0,clearTimeout(e._allowToggleTimer),e._allowToggleTimer=setTimeout(function(){e._allowToggle=!1},700)};o.onpointerdown=n,o.onmousedown=n,o.onkeydown=function(e){"Enter"!==e.key&&" "!==e.key||n()},o.onblur=function(){e._allowToggle=!1,clearTimeout(e._allowToggleTimer)},o.onclick=function(){var n;if(!e._suppressToggleClick){var l,a=null===(n=i.classList)||void 0===n?void 0:n.contains("hidden");if(!a||e._allowToggle)if(e._allowToggle=!1,clearTimeout(e._allowToggleTimer),a)r.closeOpenDrawers(),i.classList.remove("hidden"),i.hidden=!1,i.setAttribute("aria-hidden","false"),t.classList.add("open"),r.setUpdatedElHeight(e.playerId,i),o.setAttribute("aria-expanded",!0),e.handleTabIndexSelector(),null===(l=e.titleEl)||void 0===l||l.focus();else i.classList.add("hidden"),i.hidden=!0,i.setAttribute("aria-hidden","true"),t.classList.remove("open"),o.setAttribute("aria-expanded",!1),e.handleCloseTabIndex(!1)}};var l=document.getElementById(this.playerId);if(l){var d=window.getComputedStyle(l,null).getPropertyValue("height");i.style.height="".concat(d),a.dom.appendContent(t,i),l.style.overflow="hidden",this.addFunctionality(i),r.detectOrientationChange(this.playerId,i)}}},{key:"loadVideoAssetById",value:function(e){var t=this;s.setVideoIdx(e+1);for(var i=a.dom.$$(".recommended"),o=0;o<i.length;o++)i[o].style.border="none";r.highlightVideo(e),s.load(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,i;this.titleEl&&(this.titleEl.tabIndex=0),null!==(e=document.getElementsByClassName("video-selector-cross-icon"))&&void 0!==e&&e[0]&&(document.getElementsByClassName("video-selector-cross-icon")[0].tabIndex=0);for(var o=document.getElementsByClassName("video-accessibility"),n=(null==o||null===(t=o[0])||void 0===t||null===(i=t.children)||void 0===i?void 0:i.length)||0,l=0;l<n;l++)document.getElementsByClassName("recommended -".concat(l))[0]&&(document.getElementsByClassName("recommended -".concat(l))[0].tabIndex=0)}},{key:"handleCloseTabIndex",value:function(){var e,t,i,o,n=this,l=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];this.titleEl&&(this.titleEl.tabIndex=-1),null!==(e=document.getElementsByClassName("video-selector-cross-icon"))&&void 0!==e&&e[0]&&(document.getElementsByClassName("video-selector-cross-icon")[0].tabIndex=-1),null!==(t=document.getElementsByClassName("video-selector-icon"))&&void 0!==t&&t[0]&&document.getElementsByClassName("video-selector-icon")[0].setAttribute("aria-expanded",!1);for(var a=document.getElementsByClassName("video-accessibility"),d=(null==a||null===(i=a[0])||void 0===i||null===(o=i.children)||void 0===o?void 0:o.length)||0,s=0;s<d;s++)document.getElementsByClassName("recommended -".concat(s))&&(document.getElementsByClassName("recommended -".concat(s))[0].tabIndex=-1);l&&(this._suppressToggleClick=!0,setTimeout(function(){document.getElementsByClassName("video-selector-icon")[0]&&document.getElementsByClassName("video-selector-icon")[0].focus({preventScroll:!0}),setTimeout(function(){n._suppressToggleClick=!1},300)},100))}},{key:"addFunctionality",value:function(e){var t=this,i=this.el(),o=a.dom.createEl("div",{className:"video-selector-head"}),n=a.dom.createEl("button",{className:"video-selector-cross-icon",ariaLabel:"close video selector",type:"button",tabIndex:-1,innerHTML:"".concat(d.crossIconSvg())});n.onkeydown=function(o){"Enter"===o.key&&(e.classList.add("hidden"),e.hidden=!0,e.setAttribute("aria-hidden","true"),i.classList.remove("open"),t.handleCloseTabIndex())},n.onclick=function(){e.classList.add("hidden"),e.hidden=!0,e.setAttribute("aria-hidden","true"),i.classList.remove("open"),t.handleCloseTabIndex()};var l=u.getLocalisation("relatedVideoTitle")||"Recommended",s=a.dom.createEl("div",{className:"video-selector-title",innerHTML:l,ariaLabel:l,tabIndex:-1});s.setAttribute("role","heading"),s.setAttribute("aria-level","2"),this.titleEl=s;for(var c=a.dom.createEl("div",{className:"video-selector-content",tabIndex:-1}),m=a.dom.createEl("div",{className:"video-container video-accessibility"}),v=function(e){var i,o,n,l,d,s,u,v,p=a.dom.createEl("div",{className:"video -".concat(e)}),h=a.dom.createEl("button",{className:"recommended -".concat(e),ariaLabel:"".concat(t.videos[e].title),type:"button",tabIndex:-1});h.setAttribute("video-idx",e),h.onkeydown=function(i){"Enter"===i.key&&t.loadVideoAssetById(e)},h.onclick=function(){t.loadVideoAssetById(e)};var b=document.createElement("img");b.className="related-thumbnail-image",b.src="".concat(r.impolicy16x9(null==t||null===(i=t.videos)||void 0===i||null===(o=i[e])||void 0===o?void 0:o.img)||r.impolicy16x9(null===(n=window)||void 0===n||null===(l=n.app_data)||void 0===l||null===(d=l.appcmsMain)||void 0===d||null===(s=d.images)||void 0===s?void 0:s.placeholderCover)),b.alt="".concat((null==t||null===(u=t.videos[e])||void 0===u?void 0:u.title.trim().split(/\s+/).slice(0,2).join(" "))||""),b.setAttribute("aria-hidden","true"),h.append(b);var y=a.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(v=t.videos[e])||void 0===v?void 0:v.title)||"")});a.dom.appendContent(p,h),a.dom.appendContent(p,y),a.dom.appendContent(m,p),a.dom.appendContent(c,m)},p=0;p<this.videos.length;p++)v(p);a.dom.appendContent(o,s),a.dom.appendContent(o,n),a.dom.appendContent(e,o),a.dom.appendContent(e,c),r.handleDrawerResizing(this.playerId,e)}}]),g}();exports.default=h;