@viewlift/player-backup 2.0.381-backup → 2.0.382-backup

package/esm/videoSelector-aba6942a.js

@@ -0,0 +1 @@
+import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/get";import i from"@babel/runtime/helpers/inherits";import n from"@babel/runtime/helpers/possibleConstructorReturn";import l from"@babel/runtime/helpers/getPrototypeOf";import a from"video.js";import{f as s,g as d}from"./icons-f9c8be77.js";import{Y as r,ad as c}from"./generic-1ddaa591.js";import{i as u,j as m,s as v,k as p,h,l as b}from"./skin-3653c5b3.js";import{a as f,u as y}from"./autoNextVideo-f232cc76.js";import{g}from"./localisation-a4ec8f68.js";import{r as C}from"./relatedVideosManager-81661348.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"axios";import"./manager-71943445.js";import"./browser-02f174cf.js";import"md5";import"js-cookie";import"./captions-1568930c.js";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/typeof";import"./playerControlEvents-a054a667.js";import"@viewlift/comscore/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"./index-94168c40.js";function E(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(E=function(){return!!e})()}var T=a.getComponent("Component"),I=function(){i(x,T);var I,N,k=(I=x,N=E(),function(){var e,t=l(I);if(N){var o=l(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return n(this,e)});function x(t){var o,i,n,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,x),(n=k.call(this,t,l)).playerId=l.playerId,n.seriesData=l.sres,n.videos=l.related.content,n.cb=(null==l||null===(o=l.related)||void 0===o?void 0:o.cb)||null,n.autoNext=(null==l||null===(i=l.related)||void 0===i?void 0:i.autoNext)||!1,n.currentVideoData=l.res,n.initialiseStructure(),n.loadCSS(),n.autoNext&&(c(0),f({playerId:n.playerId,content:n.videos,cb:n.cb})),n._unsubRelated=C.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,y(n.videos),n._refreshList()}),n}return t(x,[{key:"_buildVideoItem",value:function(e){var t,o,i,n,l,s,d,r,c,m=this,v=a.dom.createEl("div",{className:"video -".concat(e)}),p=a.dom.createEl("button",{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(u(null==this||null===(t=this.videos)||void 0===t||null===(o=t[e])||void 0===o?void 0:o.img)||u(null===(i=window)||void 0===i||null===(n=i.app_data)||void 0===n||null===(l=n.appcmsMain)||void 0===l||null===(s=l.images)||void 0===s?void 0:s.placeholderCover)),h.alt="".concat((null==this||null===(d=this.videos[e])||void 0===d||null===(r=d.title)||void 0===r?void 0:r.trim().split(/\s+/).slice(0,2).join(" "))||""),h.setAttribute("aria-hidden","true"),p.append(h);var b=a.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==this||null===(c=this.videos[e])||void 0===c?void 0:c.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,i,n){var a=o(l(1&n?e.prototype:e),t,i);return 2&n&&"function"==typeof a?function(e){return a.apply(i,e)}:a}(x,"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(s())});return a.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./videoSelector-49c794e9.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"});o.setAttribute("aria-hidden","true"),o.hidden=!0;var i=a.dom.$(".video-selector-icon",this.el()),n=function(){e._allowToggle=!0,clearTimeout(e._allowToggleTimer),e._allowToggleTimer=setTimeout(function(){e._allowToggle=!1},700)};i.onpointerdown=n,i.onmousedown=n,i.onkeydown=function(e){"Enter"!==e.key&&" "!==e.key||n()},i.onblur=function(){e._allowToggle=!1,clearTimeout(e._allowToggleTimer)},i.onclick=function(){var n;if(!e._suppressToggleClick){var l,a=null===(n=o.classList)||void 0===n?void 0:n.contains("hidden");if(!a||e._allowToggle)if(e._allowToggle=!1,clearTimeout(e._allowToggleTimer),a)m(),o.classList.remove("hidden"),o.hidden=!1,o.setAttribute("aria-hidden","false"),t.classList.add("open"),v(e.playerId,o),e.handleTabIndexSelector(),null===(l=e.titleEl)||void 0===l||l.focus(),i.setAttribute("aria-expanded",!0);else o.classList.add("hidden"),o.hidden=!0,o.setAttribute("aria-hidden","true"),t.classList.remove("open"),i.setAttribute("aria-expanded",!1),e.handleCloseTabIndex(!1)}};var l=document.getElementById(this.playerId);if(l){var s=window.getComputedStyle(l,null).getPropertyValue("height");o.style.height="".concat(s),a.dom.appendContent(t,o),l.style.overflow="hidden",this.addFunctionality(o),p(this.playerId,o)}}},{key:"loadVideoAssetById",value:function(e){var t=this;c(e+1);for(var o=a.dom.$$(".recommended"),i=0;i<o.length;i++)o[i].style.border="none";h(e),r(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;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 i=document.getElementsByClassName("video-accessibility"),n=(null==i||null===(t=i[0])||void 0===t||null===(o=t.children)||void 0===o?void 0:o.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,o,i,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"),s=(null==a||null===(o=a[0])||void 0===o||null===(i=o.children)||void 0===i?void 0:i.length)||0,d=0;d<s;d++)document.getElementsByClassName("recommended -".concat(d))&&(document.getElementsByClassName("recommended -".concat(d))[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,o=this.el(),i=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())});n.onkeydown=function(i){"Enter"===i.key&&(e.classList.add("hidden"),e.hidden=!0,e.setAttribute("aria-hidden","true"),o.classList.remove("open"),t.handleCloseTabIndex())},n.onclick=function(){e.classList.add("hidden"),e.hidden=!0,e.setAttribute("aria-hidden","true"),o.classList.remove("open"),t.handleCloseTabIndex()};var l=g("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 r=a.dom.createEl("div",{className:"video-selector-content",tabIndex:-1}),c=a.dom.createEl("div",{className:"video-container video-accessibility"}),m=function(e){var o,i,n,l,s,d,m,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(o){"Enter"===o.key&&t.loadVideoAssetById(e)},h.onclick=function(){t.loadVideoAssetById(e)};var b=document.createElement("img");b.className="related-thumbnail-image",b.src="".concat(u(null==t||null===(o=t.videos)||void 0===o||null===(i=o[e])||void 0===i?void 0:i.img)||u(null===(n=window)||void 0===n||null===(l=n.app_data)||void 0===l||null===(s=l.appcmsMain)||void 0===s||null===(d=s.images)||void 0===d?void 0:d.placeholderCover)),b.alt="".concat((null==t||null===(m=t.videos[e])||void 0===m?void 0:m.title.trim().split(/\s+/).slice(0,2).join(" "))||""),b.setAttribute("aria-hidden","true"),h.append(b);var f=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,f),a.dom.appendContent(c,p),a.dom.appendContent(r,c)},v=0;v<this.videos.length;v++)m(v);a.dom.appendContent(i,s),a.dom.appendContent(i,n),a.dom.appendContent(e,i),a.dom.appendContent(e,r),b(this.playerId,e)}}]),x}();export{I as default};

package/esm/videoSelector-f6a8da8f.js

@@ -0,0 +1 @@
+import e from"@babel/runtime/helpers/classCallCheck";import t from"@babel/runtime/helpers/createClass";import o from"@babel/runtime/helpers/get";import n from"@babel/runtime/helpers/inherits";import i from"@babel/runtime/helpers/possibleConstructorReturn";import a from"@babel/runtime/helpers/getPrototypeOf";import r from"video.js";import{E as l,g as s}from"./icons-f9c8be77.js";import{Y as d,ad as c}from"./generic-1ddaa591.js";import{m,j as u,s as p,k as v,l as h}from"./skin-3653c5b3.js";import{a as f,u as b}from"./autoNextVideo-f232cc76.js";import{g as y}from"./localisation-a4ec8f68.js";import{r as g}from"./relatedVideosManager-81661348.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"axios";import"./manager-71943445.js";import"./browser-02f174cf.js";import"md5";import"js-cookie";import"./captions-1568930c.js";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/slicedToArray";import"@babel/runtime/helpers/typeof";import"./playerControlEvents-a054a667.js";import"@viewlift/comscore/index.js";import"@babel/runtime/helpers/objectWithoutProperties";import"./index-94168c40.js";function C(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(C=function(){return!!e})()}var E=r.getComponent("Component"),N=function(){n(I,E);var N,j,k=(N=I,j=C(),function(){var e,t=a(N);if(j){var o=a(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return i(this,e)});function I(t){var o,n,i,a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,I),(i=k.call(this,t,a)).playerId=a.playerId,i.seriesData=a.sres,i.videos=a.related.content,i.cb=(null==a||null===(o=a.related)||void 0===o?void 0:o.cb)||null,i.autoNext=(null==a||null===(n=a.related)||void 0===n?void 0:n.autoNext)||!1,i.currentVideoData=a.res,i.initialiseStructure(),i.loadCSS(),i.autoNext&&(c(0),f({playerId:i.playerId,content:i.videos,cb:i.cb})),i._unsubRelated=g.subscribe(function(e){var t;i.videos=(null==e?void 0:e.content)||i.videos,i.cb=null!==(t=null==e?void 0:e.cb)&&void 0!==t?t:i.cb,b(i.videos),i._refreshList()}),i}return t(I,[{key:"_buildVideoItem",value:function(e){var t,o,n,i,a,l=this,s=r.dom.createEl("div",{className:"video -".concat(e)}),u=r.dom.createEl("div",{className:"recommended -".concat(e)});u.setAttribute("video-idx",e),u.onclick=function(){c(e+1);for(var t=r.dom.$$(".recommended"),o=0;o<t.length;o++)t[o].style.border="none";m(e),d(l.playerId,l.videos[e].id).then(function(e){l.cb&&l.cb(e)}).catch(function(e){l.cb&&l.cb(e)})};var p=document.createElement("img");p.className="related-thumbnail-image",p.src="".concat((null==this||null===(t=this.videos)||void 0===t||null===(o=t[e])||void 0===o?void 0:o.img)||(null===(n=window)||void 0===n||null===(i=n.customData)||void 0===i?void 0:i.fallbackImage)),p.alt="No Thumbnail Available",u.append(p);var v=r.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==this||null===(a=this.videos[e])||void 0===a?void 0:a.title)||"")});return r.dom.appendContent(s,u),r.dom.appendContent(s,v),s}},{key:"_refreshList",value:function(){var e=this.el().querySelector(".video-container");if(e){r.dom.emptyEl(e);for(var t=0;t<this.videos.length;t++)r.dom.appendContent(e,this._buildVideoItem(t))}}},{key:"dispose",value:function(){this._unsubRelated&&this._unsubRelated(),function(e,t,n,i){var r=o(a(1&i?e.prototype:e),t,n);return 2&i&&"function"==typeof r?function(e){return r.apply(n,e)}:r}(I,"dispose",this,3)([])}},{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(l())});return r.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=r.dom.createEl("div",{className:"video-selection-container hidden"});r.dom.$(".video-selector-icon",this.el()).onclick=function(){var n;null!==(n=o.classList)&&void 0!==n&&n.contains("hidden")?(u(),o.classList.remove("hidden"),t.classList.add("open"),o.style.right="0px",p(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),r.dom.appendContent(t,o),n.style.overflow="hidden",this.addFunctionality(o),v(this.playerId,o)}}},{key:"toggleOpenClose",value:function(){}},{key:"addFunctionality",value:function(e){var t=this,o=this.el(),n=r.dom.createEl("div",{className:"video-selector-head"}),i=r.dom.createEl("div",{className:"video-selector-cross-icon",innerHTML:"".concat(s())});i.onclick=function(){e.classList.add("hidden"),o.classList.remove("open"),e.style.right="-350px"};for(var a=r.dom.createEl("div",{className:"video-selector-title",innerHTML:y("relatedVideoTitle")||"Recommended"}),l=r.dom.createEl("div",{className:"video-selector-content"}),u=r.dom.createEl("div",{className:"video-container"}),p=function(e){var o,n,i,a,s,p=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(){c(e+1);for(var o=r.dom.$$(".recommended"),n=0;n<o.length;n++)o[n].style.border="none";m(e),d(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===(a=i.customData)||void 0===a?void 0:a.fallbackImage)),h.alt="No Thumbnail Available",v.append(h);var f=r.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(s=t.videos[e])||void 0===s?void 0:s.title)||"")});r.dom.appendContent(p,v),r.dom.appendContent(p,f),r.dom.appendContent(u,p),r.dom.appendContent(l,u)},v=0;v<this.videos.length;v++)p(v);r.dom.appendContent(n,i),r.dom.appendContent(n,a),r.dom.appendContent(e,n),r.dom.appendContent(e,l),h(this.playerId,e)}}]),I}();export{N as default};