@viewlift/player-backup 2.0.357-backup → 2.0.359-backup

package/cjs/videoSelector-bf5e6adc.js

@@ -0,0 +1 @@
+"use strict";var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),n=require("@babel/runtime/helpers/get"),o=require("@babel/runtime/helpers/inherits"),i=require("@babel/runtime/helpers/possibleConstructorReturn"),l=require("@babel/runtime/helpers/getPrototypeOf"),a=require("video.js"),d=require("./icons-eb807ef0.js"),r=require("./generic-29a1821f.js"),s=require("./skin-66dce245.js"),c=require("./autoNextVideo-e313efcf.js"),u=require("./localisation-56e0a999.js"),v=require("./relatedVideosManager-0a220d05.js");function m(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(m=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-c8b5cc66.js"),require("@babel/runtime/helpers/toConsumableArray"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/slicedToArray"),require("@viewlift/comscore/index.js"),require("./index-a451525b.js");var p=a.getComponent("Component"),h=function(){o(f,p);var h,b,y=(h=f,b=m(),function(){var e,t=l(h);if(b){var n=l(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return i(this,e)});function f(t){var n,o,i,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,f),(i=y.call(this,t,l)).playerId=l.playerId,i.seriesData=l.sres,i.videos=l.related.content,i.cb=(null==l||null===(n=l.related)||void 0===n?void 0:n.cb)||null,i.autoNext=(null==l||null===(o=l.related)||void 0===o?void 0:o.autoNext)||!1,i.currentVideoData=l.res,i.initialiseStructure(),i.loadCSS(),i.autoNext&&(r.setVideoIdx(0),c.autoPlayNext({playerId:i.playerId,content:i.videos,cb:i.cb})),i._unsubRelated=v.relatedVideosManager.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,c.updateContent(i.videos),i._refreshList()}),i}return t(f,[{key:"_buildVideoItem",value:function(e){var t,n,o,i,l,d,r,c,u,v=this,m=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&&v.loadVideoAssetById(e)},p.onclick=function(){v.loadVideoAssetById(e)};var h=document.createElement("img");h.className="related-thumbnail-image",h.src="".concat(s.impolicy16x9(null==this||null===(t=this.videos)||void 0===t||null===(n=t[e])||void 0===n?void 0:n.img)||s.impolicy16x9(null===(o=window)||void 0===o||null===(i=o.app_data)||void 0===i||null===(l=i.appcmsMain)||void 0===l||null===(d=l.images)||void 0===d?void 0:d.placeholderCover)),h.alt="".concat((null==this||null===(r=this.videos[e])||void 0===r||null===(c=r.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(m,p),a.dom.appendContent(m,b),m}},{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,i){var a=n(l(1&i?e.prototype:e),t,o);return 2&i&&"function"==typeof a?function(e){return a.apply(o,e)}:a}(f,"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",innerHTML:"".concat(d.PlaylistIcon())});return a.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){Promise.resolve().then(function(){return require("./videoSelector-b6e03076.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(),n=a.dom.createEl("div",{className:"video-selection-container hidden"});a.dom.$(".video-selector-icon",this.el()).onclick=function(){var o;e.handleTabIndexSelector(),null!==(o=n.classList)&&void 0!==o&&o.contains("hidden")?(s.closeOpenDrawers(),n.classList.remove("hidden"),t.classList.add("open"),s.setUpdatedElHeight(e.playerId,n)):(n.classList.add("hidden"),t.classList.remove("open"))};var o=document.getElementById(this.playerId);if(o){var i=window.getComputedStyle(o,null).getPropertyValue("height");n.style.height="".concat(i),a.dom.appendContent(t,n),o.style.overflow="hidden",this.addFunctionality(n),s.detectOrientationChange(this.playerId,n)}}},{key:"loadVideoAssetById",value:function(e){var t=this;r.setVideoIdx(e+1);for(var n=a.dom.$$(".recommended"),o=0;o<n.length;o++)n[o].style.border="none";s.highlightVideo(e),r.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,n;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"),i=(null==o||null===(t=o[0])||void 0===t||null===(n=t.children)||void 0===n?void 0:n.length)||0,l=0;l<i;l++)document.getElementsByClassName("recommended -".concat(l))[0]&&(document.getElementsByClassName("recommended -".concat(l))[0].tabIndex=0)}},{key:"handleCloseTabIndex",value:function(){var e,t,n;null!==(e=document.getElementsByClassName("video-selector-cross-icon"))&&void 0!==e&&e[0]&&(document.getElementsByClassName("video-selector-cross-icon")[0].tabIndex=-1);for(var o=document.getElementsByClassName("video-accessibility"),i=(null==o||null===(t=o[0])||void 0===t||null===(n=t.children)||void 0===n?void 0:n.length)||0,l=0;l<i;l++)document.getElementsByClassName("recommended -".concat(l))&&(document.getElementsByClassName("recommended -".concat(l))[0].tabIndex=-1)}},{key:"addFunctionality",value:function(e){var t=this,n=this.el(),o=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(d.crossIconSvg())});i.onkeydown=function(o){"Enter"===o.key&&(e.classList.add("hidden"),n.classList.remove("open"),t.handleCloseTabIndex())},i.onclick=function(){e.classList.add("hidden"),n.classList.remove("open"),t.handleCloseTabIndex()};var l=u.getLocalisation("relatedVideoTitle")||"Recommended",r=a.dom.createEl("div",{className:"video-selector-title",innerHTML:l,ariaLabel:l,tabIndex:-1});r.setAttribute("role","heading"),r.setAttribute("aria-level","2"),this.titleEl=r;for(var c=a.dom.createEl("div",{className:"video-selector-content",tabIndex:-1}),v=a.dom.createEl("div",{className:"video-container video-accessibility"}),m=function(e){var n,o,i,l,d,r,u,m,p=a.dom.createEl("div",{className:"video -".concat(e)}),h=a.dom.createEl("div",{className:"recommended -".concat(e),ariaLabel:"".concat(t.videos[e].title),type:"button",tabIndex:-1});h.setAttribute("video-idx",e),h.onkeydown=function(n){"Enter"===n.key&&t.loadVideoAssetById(e)},h.onclick=function(){t.loadVideoAssetById(e)};var b=document.createElement("img");b.className="related-thumbnail-image",b.src="".concat(s.impolicy16x9(null==t||null===(n=t.videos)||void 0===n||null===(o=n[e])||void 0===o?void 0:o.img)||s.impolicy16x9(null===(i=window)||void 0===i||null===(l=i.app_data)||void 0===l||null===(d=l.appcmsMain)||void 0===d||null===(r=d.images)||void 0===r?void 0:r.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(" "))||""),h.append(b);var y=a.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(m=t.videos[e])||void 0===m?void 0:m.title)||"")});a.dom.appendContent(p,h),a.dom.appendContent(p,y),a.dom.appendContent(v,p),a.dom.appendContent(c,v)},p=0;p<this.videos.length;p++)m(p);a.dom.appendContent(o,r),a.dom.appendContent(o,i),a.dom.appendContent(e,o),a.dom.appendContent(e,c),s.handleDrawerResizing(this.playerId,e)}}]),f}();exports.default=h;

package/cjs/videoSelector-c45c25d6.js

@@ -0,0 +1 @@
+"use strict";var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),i=require("@babel/runtime/helpers/get"),n=require("@babel/runtime/helpers/inherits"),o=require("@babel/runtime/helpers/possibleConstructorReturn"),r=require("@babel/runtime/helpers/getPrototypeOf"),a=require("video.js"),l=require("./icons-eb807ef0.js"),d=require("./generic-29a1821f.js"),s=require("./skin-66dce245.js"),c=require("./autoNextVideo-e313efcf.js"),u=require("./localisation-56e0a999.js"),v=require("./relatedVideosManager-0a220d05.js");function m(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(m=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-c8b5cc66.js"),require("@babel/runtime/helpers/toConsumableArray"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/slicedToArray"),require("@viewlift/comscore/index.js"),require("./index-a451525b.js");var p=a.getComponent("Component"),h=function(){n(y,p);var h,b,f=(h=y,b=m(),function(){var e,t=r(h);if(b){var i=r(this).constructor;e=Reflect.construct(t,arguments,i)}else e=t.apply(this,arguments);return o(this,e)});function y(t){var i,n,o,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,y),(o=f.call(this,t,r)).playerId=r.playerId,o.seriesData=r.sres,o.videos=r.related.content,o.cb=(null==r||null===(i=r.related)||void 0===i?void 0:i.cb)||null,o.autoNext=(null==r||null===(n=r.related)||void 0===n?void 0:n.autoNext)||!1,o.currentVideoData=r.res,o.initialiseStructure(),o.loadCSS(),o.autoNext&&(d.setVideoIdx(0),c.autoPlayNext({playerId:o.playerId,content:o.videos,cb:o.cb})),o._unsubRelated=v.relatedVideosManager.subscribe(function(e){var t;o.videos=(null==e?void 0:e.content)||o.videos,o.cb=null!==(t=null==e?void 0:e.cb)&&void 0!==t?t:o.cb,c.updateContent(o.videos),o._refreshList()}),o}return t(y,[{key:"_buildVideoItem",value:function(e){var t,i,n,o,r,l=this,c=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.setVideoIdx(e+1);for(var t=a.dom.$$(".recommended"),i=0;i<t.length;i++)t[i].style.border="none";s.highlightVideo_DEFAULTV2_TEMP(e),d.load(l.playerId,l.videos[e].id).then(function(e){l.cb&&l.cb(e)}).catch(function(e){l.cb&&l.cb(e)})};var v=document.createElement("img");v.className="related-thumbnail-image",v.src="".concat((null==this||null===(t=this.videos)||void 0===t||null===(i=t[e])||void 0===i?void 0:i.img)||(null===(n=window)||void 0===n||null===(o=n.customData)||void 0===o?void 0:o.fallbackImage)),v.alt="No Thumbnail Available",u.append(v);var m=a.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==this||null===(r=this.videos[e])||void 0===r?void 0:r.title)||"")});return a.dom.appendContent(c,u),a.dom.appendContent(c,m),c}},{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,n,o){var a=i(r(1&o?e.prototype:e),t,n);return 2&o&&"function"==typeof a?function(e){return a.apply(n,e)}:a}(y,"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("div",{className:"video-selector-icon",innerHTML:"".concat(l.EpisodesSvg())});return a.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){Promise.resolve().then(function(){return require("./videoSelector-fcdf11eb.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"});a.dom.$(".video-selector-icon",this.el()).onclick=function(){var n;null!==(n=i.classList)&&void 0!==n&&n.contains("hidden")?(s.closeOpenDrawers(),i.classList.remove("hidden"),t.classList.add("open"),i.style.right="0px",s.setUpdatedElHeight(e.playerId,i)):(i.classList.add("hidden"),t.classList.remove("open"),i.style.right="-350px")};var n=document.getElementById(this.playerId);if(n){var o=window.getComputedStyle(n,null).getPropertyValue("height");i.style.height="".concat(o),a.dom.appendContent(t,i),n.style.overflow="hidden",this.addFunctionality(i),s.detectOrientationChange(this.playerId,i)}}},{key:"toggleOpenClose",value:function(){}},{key:"addFunctionality",value:function(e){var t=this,i=this.el(),n=a.dom.createEl("div",{className:"video-selector-head"}),o=a.dom.createEl("div",{className:"video-selector-cross-icon",innerHTML:"".concat(l.crossIconSvg())});o.onclick=function(){e.classList.add("hidden"),i.classList.remove("open"),e.style.right="-350px"};for(var r=a.dom.createEl("div",{className:"video-selector-title",innerHTML:u.getLocalisation("relatedVideoTitle")||"Recommended"}),c=a.dom.createEl("div",{className:"video-selector-content"}),v=a.dom.createEl("div",{className:"video-container"}),m=function(e){var i,n,o,r,l,u=a.dom.createEl("div",{className:"video -".concat(e)}),m=a.dom.createEl("div",{className:"recommended -".concat(e)});m.setAttribute("video-idx",e),m.onclick=function(){d.setVideoIdx(e+1);for(var i=a.dom.$$(".recommended"),n=0;n<i.length;n++)i[n].style.border="none";s.highlightVideo_DEFAULTV2_TEMP(e),d.load(t.playerId,t.videos[e].id).then(function(e){t.cb&&t.cb(e)}).catch(function(e){t.cb&&t.cb(e)})};var p=document.createElement("img");p.className="related-thumbnail-image",p.src="".concat((null==t||null===(i=t.videos)||void 0===i||null===(n=i[e])||void 0===n?void 0:n.img)||(null===(o=window)||void 0===o||null===(r=o.customData)||void 0===r?void 0:r.fallbackImage)),p.alt="No Thumbnail Available",m.append(p);var h=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(u,m),a.dom.appendContent(u,h),a.dom.appendContent(v,u),a.dom.appendContent(c,v)},p=0;p<this.videos.length;p++)m(p);a.dom.appendContent(n,o),a.dom.appendContent(n,r),a.dom.appendContent(e,n),a.dom.appendContent(e,c),s.handleDrawerResizing(this.playerId,e)}}]),y}();exports.default=h;

package/cjs/videoSelector-d46d8440.js

@@ -0,0 +1 @@
+"use strict";var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),n=require("@babel/runtime/helpers/get"),i=require("@babel/runtime/helpers/inherits"),o=require("@babel/runtime/helpers/possibleConstructorReturn"),l=require("@babel/runtime/helpers/getPrototypeOf"),a=require("video.js"),d=require("./icons-eb807ef0.js"),s=require("./generic-0e04dc4c.js"),r=require("./skin-66dce245.js"),c=require("./autoNextVideo-5acd50bf.js"),u=require("./localisation-56e0a999.js"),v=require("./relatedVideosManager-0a220d05.js");function m(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(m=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-4dfe293a.js"),require("@babel/runtime/helpers/toConsumableArray"),require("@babel/runtime/helpers/typeof"),require("@babel/runtime/helpers/slicedToArray"),require("@viewlift/comscore/index.js"),require("./index-cad52287.js");var p=a.getComponent("Component"),h=function(){i(f,p);var h,b,y=(h=f,b=m(),function(){var e,t=l(h);if(b){var n=l(this).constructor;e=Reflect.construct(t,arguments,n)}else e=t.apply(this,arguments);return o(this,e)});function f(t){var n,i,o,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,f),(o=y.call(this,t,l)).playerId=l.playerId,o.seriesData=l.sres,o.videos=l.related.content,o.cb=(null==l||null===(n=l.related)||void 0===n?void 0:n.cb)||null,o.autoNext=(null==l||null===(i=l.related)||void 0===i?void 0:i.autoNext)||!1,o.currentVideoData=l.res,o.initialiseStructure(),o.loadCSS(),o.autoNext&&(s.setVideoIdx(0),c.autoPlayNext({playerId:o.playerId,content:o.videos,cb:o.cb})),o._unsubRelated=v.relatedVideosManager.subscribe(function(e){var t;o.videos=(null==e?void 0:e.content)||o.videos,o.cb=null!==(t=null==e?void 0:e.cb)&&void 0!==t?t:o.cb,c.updateContent(o.videos),o._refreshList()}),o}return t(f,[{key:"_buildVideoItem",value:function(e){var t,n,i,o,l,d,s,c,u,v=this,m=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&&v.loadVideoAssetById(e)},p.onclick=function(){v.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===(n=t[e])||void 0===n?void 0:n.img)||r.impolicy16x9(null===(i=window)||void 0===i||null===(o=i.app_data)||void 0===o||null===(l=o.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(m,p),a.dom.appendContent(m,b),m}},{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,o){var a=n(l(1&o?e.prototype:e),t,i);return 2&o&&"function"==typeof a?function(e){return a.apply(i,e)}:a}(f,"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-b90fe564.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(),n=a.dom.createEl("div",{className:"video-selection-container hidden"}),i=a.dom.$(".video-selector-icon",this.el());i.onclick=function(){var o,l;null!==(o=n.classList)&&void 0!==o&&o.contains("hidden")?(r.closeOpenDrawers(),n.classList.remove("hidden"),t.classList.add("open"),r.setUpdatedElHeight(e.playerId,n),e.handleTabIndexSelector(),null===(l=e.titleEl)||void 0===l||l.focus(),i.setAttribute("aria-expanded",!0)):(n.classList.add("hidden"),t.classList.remove("open"),i.setAttribute("aria-expanded",!1))};var o=document.getElementById(this.playerId);if(o){var l=window.getComputedStyle(o,null).getPropertyValue("height");n.style.height="".concat(l),a.dom.appendContent(t,n),o.style.overflow="hidden",this.addFunctionality(n),r.detectOrientationChange(this.playerId,n)}}},{key:"loadVideoAssetById",value:function(e){var t=this;s.setVideoIdx(e+1);for(var n=a.dom.$$(".recommended"),i=0;i<n.length;i++)n[i].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,n;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"),o=(null==i||null===(t=i[0])||void 0===t||null===(n=t.children)||void 0===n?void 0:n.length)||0,l=0;l<o;l++)document.getElementsByClassName("recommended -".concat(l))[0]&&(document.getElementsByClassName("recommended -".concat(l))[0].tabIndex=0)}},{key:"handleCloseTabIndex",value:function(){var e,t,n,i;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 o=document.getElementsByClassName("video-accessibility"),l=(null==o||null===(n=o[0])||void 0===n||null===(i=n.children)||void 0===i?void 0:i.length)||0,a=0;a<l;a++)document.getElementsByClassName("recommended -".concat(a))&&(document.getElementsByClassName("recommended -".concat(a))[0].tabIndex=-1)}},{key:"addFunctionality",value:function(e){var t=this,n=this.el(),i=a.dom.createEl("div",{className:"video-selector-head"}),o=a.dom.createEl("button",{className:"video-selector-cross-icon",ariaLabel:"close video selector",type:"button",tabIndex:-1,innerHTML:"".concat(d.crossIconSvg())});o.onkeydown=function(i){"Enter"===i.key&&(e.classList.add("hidden"),n.classList.remove("open"),t.handleCloseTabIndex())},o.onclick=function(){e.classList.add("hidden"),n.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}),v=a.dom.createEl("div",{className:"video-container video-accessibility"}),m=function(e){var n,i,o,l,d,s,u,m,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(n){"Enter"===n.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===(n=t.videos)||void 0===n||null===(i=n[e])||void 0===i?void 0:i.img)||r.impolicy16x9(null===(o=window)||void 0===o||null===(l=o.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===(m=t.videos[e])||void 0===m?void 0:m.title)||"")});a.dom.appendContent(p,h),a.dom.appendContent(p,y),a.dom.appendContent(v,p),a.dom.appendContent(c,v)},p=0;p<this.videos.length;p++)m(p);a.dom.appendContent(i,s),a.dom.appendContent(i,o),a.dom.appendContent(e,i),a.dom.appendContent(e,c),r.handleDrawerResizing(this.playerId,e)}}]),f}();exports.default=h;