@viewlift/player-backup 2.0.371-backup → 2.0.373-backup

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/cjs/{_commonjsHelpers-b015a800.js → _commonjsHelpers-81c4d214.js} +1 -1
  2. package/cjs/{autoNextVideo-014e59d0.js → autoNextVideo-e2aef4f4.js} +1 -1
  3. package/cjs/browser-ab1ec3ab.js +1 -0
  4. package/cjs/bundle.css +690 -634
  5. package/cjs/caption-settings-e803e4a6.js +1 -0
  6. package/cjs/captions-abd87121.js +1 -0
  7. package/cjs/features-b860b4a0.js +1 -0
  8. package/cjs/generic-d98efd90.js +1 -0
  9. package/cjs/{icons-eb807ef0.js → icons-437e83c9.js} +1 -1
  10. package/cjs/index-03d65bd4.js +1 -0
  11. package/cjs/index-528a714b.js +1 -0
  12. package/cjs/index-62250ea0.js +1 -0
  13. package/cjs/index-96167bc1.js +1 -0
  14. package/cjs/index-9ff76281.js +1 -0
  15. package/cjs/index-be3239a3.js +1 -0
  16. package/cjs/index-d9460e79.js +1 -0
  17. package/cjs/index-eed48b46.js +1 -0
  18. package/cjs/index.js +1 -1
  19. package/cjs/multicamv2-28414f89.js +1 -0
  20. package/cjs/multicamv2-b3e2b43c.js +1 -0
  21. package/cjs/nextEpisodeButton-641799fa.js +1 -0
  22. package/cjs/playerControlEvents-0512f252.js +1 -0
  23. package/cjs/playlist-c899b6c7.js +1 -0
  24. package/cjs/relatedVideosManager-44ec6d59.js +1 -0
  25. package/cjs/renditions-05a85e06.js +1 -0
  26. package/cjs/resolution-059a4468.js +1 -0
  27. package/cjs/series-e2c7642b.js +1 -0
  28. package/cjs/series-v2-5534bfd1.js +1 -0
  29. package/cjs/series-v2-c9fae730.js +1 -0
  30. package/cjs/settings-icon-6c29ce60.js +1 -0
  31. package/cjs/skin-00dfe163.js +1 -0
  32. package/cjs/skin-36a15a22.js +1 -0
  33. package/cjs/skin-39232b6a.js +1 -0
  34. package/cjs/skin-4e30c18e.js +1 -0
  35. package/cjs/skin-55634dc6.js +1 -0
  36. package/cjs/skin-5ba2b35e.js +1 -0
  37. package/cjs/skin-6b90951f.js +1 -0
  38. package/cjs/skin-dcee0c7f.js +1 -0
  39. package/cjs/skin-ddf44511.js +1 -0
  40. package/cjs/skin-eddc5193.js +1 -0
  41. package/cjs/skin-ff73b5ed.js +1 -0
  42. package/cjs/videoSelector-6db112f2.js +1 -0
  43. package/cjs/videoSelector-d4b69ac9.js +1 -0
  44. package/cjs/videojs-dash5.es-0f92604f.js +1 -0
  45. package/esm/{_commonjsHelpers-fa53191c.js → _commonjsHelpers-0307ea52.js} +1 -1
  46. package/esm/{autoNextVideo-44b94df7.js → autoNextVideo-e51f6012.js} +1 -1
  47. package/esm/browser-8ea05bed.js +1 -0
  48. package/esm/bundle.css +690 -634
  49. package/esm/caption-settings-404c4774.js +1 -0
  50. package/esm/captions-8c8e9f2b.js +1 -0
  51. package/esm/features-c49227cc.js +1 -0
  52. package/esm/generic-1ccce6d4.js +1 -0
  53. package/esm/{icons-262bef63.js → icons-f9c8be77.js} +1 -1
  54. package/esm/index-1bb84433.js +1 -0
  55. package/esm/index-23afe568.js +1 -0
  56. package/esm/index-34863c0e.js +1 -0
  57. package/esm/index-6082c9a8.js +1 -0
  58. package/esm/index-8b7ad7a7.js +1 -0
  59. package/esm/index-c268a90e.js +1 -0
  60. package/esm/index-c4656b30.js +1 -0
  61. package/esm/index-f9920e5f.js +1 -0
  62. package/esm/index.js +1 -1
  63. package/esm/multicamv2-285bb079.js +1 -0
  64. package/esm/multicamv2-91b4025e.js +1 -0
  65. package/esm/nextEpisodeButton-528e8121.js +1 -0
  66. package/esm/playerControlEvents-96ef1a5d.js +1 -0
  67. package/esm/playlist-b9259809.js +1 -0
  68. package/esm/relatedVideosManager-93533a90.js +1 -0
  69. package/esm/renditions-28891b91.js +1 -0
  70. package/esm/resolution-ce4463bf.js +1 -0
  71. package/esm/series-5ff245fc.js +1 -0
  72. package/esm/series-v2-abfb5f01.js +1 -0
  73. package/esm/series-v2-d4eaf442.js +1 -0
  74. package/esm/settings-icon-488fc929.js +1 -0
  75. package/esm/skin-099adb43.js +1 -0
  76. package/esm/skin-2a3ee818.js +1 -0
  77. package/esm/skin-3c296826.js +1 -0
  78. package/{cjs/skin-d2065321.js → esm/skin-3c76d765.js} +1 -1
  79. package/esm/skin-9254e975.js +1 -0
  80. package/esm/skin-adeac328.js +1 -0
  81. package/esm/skin-b0de397d.js +1 -0
  82. package/esm/skin-d1d5c12d.js +1 -0
  83. package/esm/skin-d747e80a.js +1 -0
  84. package/esm/skin-f13ab97e.js +1 -0
  85. package/esm/skin-f18f71e8.js +1 -0
  86. package/esm/src/apis/index.d.ts +4 -4
  87. package/esm/src/assets/icons.d.ts +1 -0
  88. package/esm/src/components/vertical-view-btn/index.d.ts +10 -0
  89. package/esm/src/core/util.d.ts +1 -0
  90. package/esm/src/features.d.ts +1 -0
  91. package/esm/src/helpers/playerControlEvents.d.ts +1 -0
  92. package/esm/src/helpers/token.d.ts +1 -1
  93. package/esm/src/index.d.ts +2 -1
  94. package/esm/videoSelector-b5ca4706.js +1 -0
  95. package/esm/videoSelector-c3cc6b69.js +1 -0
  96. package/esm/videojs-dash5.es-cfe95daa.js +1 -0
  97. package/package.json +1 -1
  98. package/cjs/browser-2807cc02.js +0 -1
  99. package/cjs/caption-settings-b180c3d6.js +0 -1
  100. package/cjs/captions-f654ac90.js +0 -1
  101. package/cjs/features-9684e788.js +0 -1
  102. package/cjs/generic-5d5dffe3.js +0 -1
  103. package/cjs/index-4b7b6ddf.js +0 -1
  104. package/cjs/index-58f88daa.js +0 -1
  105. package/cjs/index-6c930113.js +0 -1
  106. package/cjs/index-b8b0e295.js +0 -1
  107. package/cjs/index-e08ada02.js +0 -1
  108. package/cjs/index-ea6cb061.js +0 -1
  109. package/cjs/index-ed90b7d4.js +0 -1
  110. package/cjs/multicamv2-0bc7653e.js +0 -1
  111. package/cjs/multicamv2-e040db2c.js +0 -1
  112. package/cjs/nextEpisodeButton-e428e8e4.js +0 -1
  113. package/cjs/playlist-4b1d2166.js +0 -1
  114. package/cjs/relatedVideosManager-0a220d05.js +0 -1
  115. package/cjs/renditions-627bdfad.js +0 -1
  116. package/cjs/resolution-687b9e26.js +0 -1
  117. package/cjs/series-5d8c2642.js +0 -1
  118. package/cjs/series-v2-a702f0e5.js +0 -1
  119. package/cjs/series-v2-f589d854.js +0 -1
  120. package/cjs/settings-icon-059ca993.js +0 -1
  121. package/cjs/skin-1d8a5306.js +0 -1
  122. package/cjs/skin-66dce245.js +0 -1
  123. package/cjs/skin-7d8552e1.js +0 -1
  124. package/cjs/skin-93430ee6.js +0 -1
  125. package/cjs/skin-a2fe0e3e.js +0 -1
  126. package/cjs/skin-a5b02b9a.js +0 -1
  127. package/cjs/skin-a6e89cf2.js +0 -1
  128. package/cjs/skin-d0deb9ba.js +0 -1
  129. package/cjs/skin-ed65b435.js +0 -1
  130. package/cjs/skin-f33b8a7f.js +0 -1
  131. package/cjs/videoSelector-69bb305c.js +0 -1
  132. package/cjs/videoSelector-f35aff87.js +0 -1
  133. package/cjs/videojs-dash5.es-80bdd597.js +0 -1
  134. package/esm/browser-05efadfa.js +0 -1
  135. package/esm/caption-settings-00db0381.js +0 -1
  136. package/esm/captions-31e9a949.js +0 -1
  137. package/esm/features-22d44665.js +0 -1
  138. package/esm/generic-b27ef2d8.js +0 -1
  139. package/esm/index-0d81cb18.js +0 -1
  140. package/esm/index-0f7da6b9.js +0 -1
  141. package/esm/index-17df9643.js +0 -1
  142. package/esm/index-cf61797b.js +0 -1
  143. package/esm/index-ec92c082.js +0 -1
  144. package/esm/index-ed2ada15.js +0 -1
  145. package/esm/index-f20f3a0f.js +0 -1
  146. package/esm/multicamv2-1dfcd361.js +0 -1
  147. package/esm/multicamv2-9a1f43cb.js +0 -1
  148. package/esm/nextEpisodeButton-ac5a62f9.js +0 -1
  149. package/esm/playlist-a8755fbd.js +0 -1
  150. package/esm/relatedVideosManager-81661348.js +0 -1
  151. package/esm/renditions-620d93b3.js +0 -1
  152. package/esm/resolution-43f91f56.js +0 -1
  153. package/esm/series-137e2b9d.js +0 -1
  154. package/esm/series-v2-97b23caa.js +0 -1
  155. package/esm/series-v2-c1fabd6a.js +0 -1
  156. package/esm/settings-icon-de1c6c28.js +0 -1
  157. package/esm/skin-0f778f17.js +0 -1
  158. package/esm/skin-29678dc2.js +0 -1
  159. package/esm/skin-3653c5b3.js +0 -1
  160. package/esm/skin-3c003f75.js +0 -1
  161. package/esm/skin-42f72fba.js +0 -1
  162. package/esm/skin-8457cf77.js +0 -1
  163. package/esm/skin-8781e3b0.js +0 -1
  164. package/esm/skin-93c64f6c.js +0 -1
  165. package/esm/skin-b0578d05.js +0 -1
  166. package/esm/skin-e2264421.js +0 -1
  167. package/esm/skin-fd20ed70.js +0 -1
  168. package/esm/videoSelector-0f28b105.js +0 -1
  169. package/esm/videoSelector-214b5811.js +0 -1
  170. package/esm/videojs-dash5.es-45c88e15.js +0 -1
@@ -30,7 +30,7 @@ declare function VLPlayerCore(): {
30
30
  getVolume: (playerId: any) => string;
31
31
  disableControls: (playerId: any) => void;
32
32
  setPlaybackSpeed: (playerId: any, speed: any) => string;
33
- getEntitlementData: (id: any, token: any, url: any, locationData: any) => Promise<import("axios").AxiosResponse<any, any, {}>>;
33
+ getEntitlementData: (id: any, token: any, url: any, locationData: any) => Promise<import("axios").AxiosResponse<any, any, {}, any>>;
34
34
  getSsaiEvents: typeof getSsaiEvents;
35
35
  getPlayerControlEvents: typeof getPlayerControlEvents;
36
36
  playerEvents: typeof playerEvents;
@@ -46,6 +46,7 @@ declare function VLPlayerCore(): {
46
46
  clearChapters: typeof clearChapters;
47
47
  seekToChapter: typeof seekToChapter;
48
48
  getChapterEvents: typeof getChapterEvents;
49
+ onWatchInVerticalView: (playerId: any, cb: any) => void;
49
50
  };
50
51
  import { getSsaiEvents } from "./helpers/ssaiEventHandler";
51
52
  import { getPlayerControlEvents } from "./helpers/playerControlEvents";
@@ -0,0 +1 @@
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 l from"video.js";import{E as r,g as d}from"./icons-f9c8be77.js";import{V as s,a8 as c}from"./generic-1ccce6d4.js";import{m,j as u,s as v,k as p,l as h}from"./skin-2a3ee818.js";import{a as f,u as b}from"./autoNextVideo-e51f6012.js";import{g as y}from"./localisation-0bf399a1.js";import{r as g}from"./relatedVideosManager-93533a90.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"axios";import"./browser-8ea05bed.js";import"md5";import"js-cookie";import"./captions-8c8e9f2b.js";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/typeof";import"@babel/runtime/helpers/slicedToArray";import"@viewlift/comscore/index.js";import"./playerControlEvents-96ef1a5d.js";import"./index-c268a90e.js";function C(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(C=function(){return!!e})()}var E=l.getComponent("Component"),N=function(){n(I,E);var N,k,j=(N=I,k=C(),function(){var e,t=a(N);if(k){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=j.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,r=this,d=l.dom.createEl("div",{className:"video -".concat(e)}),u=l.dom.createEl("div",{className:"recommended -".concat(e)});u.setAttribute("video-idx",e),u.onclick=function(){c(e+1);for(var t=l.dom.$$(".recommended"),o=0;o<t.length;o++)t[o].style.border="none";m(e),s(r.playerId,r.videos[e].id).then((function(e){r.cb&&r.cb(e)})).catch((function(e){r.cb&&r.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===(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)),v.alt="No Thumbnail Available",u.append(v);var p=l.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==this||null===(a=this.videos[e])||void 0===a?void 0:a.title)||"")});return l.dom.appendContent(d,u),l.dom.appendContent(d,p),d}},{key:"_refreshList",value:function(){var e=this.el().querySelector(".video-container");if(e){l.dom.emptyEl(e);for(var t=0;t<this.videos.length;t++)l.dom.appendContent(e,this._buildVideoItem(t))}}},{key:"dispose",value:function(){this._unsubRelated&&this._unsubRelated(),function(e,t,n,i){var l=o(a(1&i?e.prototype:e),t,n);return 2&i&&"function"==typeof l?function(e){return l.apply(n,e)}:l}(I,"dispose",this,3)([])}},{key:"createEl",value:function(){var e=l.dom.createEl("div",{className:"video-selection vjs-control vjs-button"});e.style.position="unset";var t=l.dom.createEl("div",{className:"video-selector-icon",innerHTML:"".concat(r())});return l.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=l.dom.createEl("div",{className:"video-selection-container hidden"});l.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",v(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),l.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=l.dom.createEl("div",{className:"video-selector-head"}),i=l.dom.createEl("div",{className:"video-selector-cross-icon",innerHTML:"".concat(d())});i.onclick=function(){e.classList.add("hidden"),o.classList.remove("open"),e.style.right="-350px"};for(var a=l.dom.createEl("div",{className:"video-selector-title",innerHTML:y("relatedVideoTitle")||"Recommended"}),r=l.dom.createEl("div",{className:"video-selector-content"}),u=l.dom.createEl("div",{className:"video-container"}),v=function(e){var o,n,i,a,d,v=l.dom.createEl("div",{className:"video -".concat(e)}),p=l.dom.createEl("div",{className:"recommended -".concat(e)});p.setAttribute("video-idx",e),p.onclick=function(){c(e+1);for(var o=l.dom.$$(".recommended"),n=0;n<o.length;n++)o[n].style.border="none";m(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===(a=i.customData)||void 0===a?void 0:a.fallbackImage)),h.alt="No Thumbnail Available",p.append(h);var f=l.dom.createEl("div",{className:"info -".concat(e),innerHTML:"".concat((null==t||null===(d=t.videos[e])||void 0===d?void 0:d.title)||"")});l.dom.appendContent(v,p),l.dom.appendContent(v,f),l.dom.appendContent(u,v),l.dom.appendContent(r,u)},p=0;p<this.videos.length;p++)v(p);l.dom.appendContent(n,i),l.dom.appendContent(n,a),l.dom.appendContent(e,n),l.dom.appendContent(e,r),h(this.playerId,e)}}]),I}();export{N as default};
@@ -0,0 +1 @@
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 l from"@babel/runtime/helpers/getPrototypeOf";import a from"video.js";import{f as d,g as s}from"./icons-f9c8be77.js";import{V as r,a8 as c}from"./generic-1ccce6d4.js";import{i as m,j as u,s as v,k as p,h,l as b}from"./skin-2a3ee818.js";import{a as y,u as f}from"./autoNextVideo-e51f6012.js";import{g as E}from"./localisation-0bf399a1.js";import{r as C}from"./relatedVideosManager-93533a90.js";import"@babel/runtime/helpers/defineProperty";import"@babel/runtime/helpers/asyncToGenerator";import"@babel/runtime/regenerator";import"axios";import"./browser-8ea05bed.js";import"md5";import"js-cookie";import"./captions-8c8e9f2b.js";import"@babel/runtime/helpers/toConsumableArray";import"@babel/runtime/helpers/typeof";import"@babel/runtime/helpers/slicedToArray";import"@viewlift/comscore/index.js";import"./playerControlEvents-96ef1a5d.js";import"./index-c268a90e.js";function g(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(g=function(){return!!e})()}var I=a.getComponent("Component"),N=function(){n(B,I);var N,x,k=(N=B,x=g(),function(){var e,t=l(N);if(x){var o=l(this).constructor;e=Reflect.construct(t,arguments,o)}else e=t.apply(this,arguments);return i(this,e)});function B(t){var o,n,i,l=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return e(this,B),(i=k.call(this,t,l)).playerId=l.playerId,i.seriesData=l.sres,i.videos=l.related.content,i.cb=(null==l||null===(o=l.related)||void 0===o?void 0:o.cb)||null,i.autoNext=(null==l||null===(n=l.related)||void 0===n?void 0:n.autoNext)||!1,i.currentVideoData=l.res,i.initialiseStructure(),i.loadCSS(),i.autoNext&&(c(0),y({playerId:i.playerId,content:i.videos,cb:i.cb})),i._unsubRelated=C.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,f(i.videos),i._refreshList()})),i}return t(B,[{key:"_buildVideoItem",value:function(e){var t,o,n,i,l,d,s,r,c,u=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&&u.loadVideoAssetById(e)},p.onclick=function(){u.loadVideoAssetById(e)};var h=document.createElement("img");h.className="related-thumbnail-image",h.src="".concat(m(null==this||null===(t=this.videos)||void 0===t||null===(o=t[e])||void 0===o?void 0:o.img)||m(null===(n=window)||void 0===n||null===(i=n.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===(s=this.videos[e])||void 0===s||null===(r=s.title)||void 0===r?void 0:r.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===(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,n,i){var a=o(l(1&i?e.prototype:e),t,n);return 2&i&&"function"==typeof a?function(e){return a.apply(n,e)}:a}(B,"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())});return a.dom.appendContent(e,t),e}},{key:"loadCSS",value:function(){import("./videoSelector-89c7f4d2.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"}),n=a.dom.$(".video-selector-icon",this.el());n.onclick=function(){var i,l;null!==(i=o.classList)&&void 0!==i&&i.contains("hidden")?(u(),o.classList.remove("hidden"),t.classList.add("open"),v(e.playerId,o),e.handleTabIndexSelector(),null===(l=e.titleEl)||void 0===l||l.focus(),n.setAttribute("aria-expanded",!0)):(o.classList.add("hidden"),t.classList.remove("open"),n.setAttribute("aria-expanded",!1))};var i=document.getElementById(this.playerId);if(i){var l=window.getComputedStyle(i,null).getPropertyValue("height");o.style.height="".concat(l),a.dom.appendContent(t,o),i.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"),n=0;n<o.length;n++)o[n].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 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,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,o,n;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 i=document.getElementsByClassName("video-accessibility"),l=(null==i||null===(o=i[0])||void 0===o||null===(n=o.children)||void 0===n?void 0:n.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,o=this.el(),n=a.dom.createEl("div",{className:"video-selector-head"}),i=a.dom.createEl("button",{className:"video-selector-cross-icon",ariaLabel:"close video selector",type:"button",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()};var l=E("relatedVideoTitle")||"Recommended",d=a.dom.createEl("div",{className:"video-selector-title",innerHTML:l,ariaLabel:l,tabIndex:-1});d.setAttribute("role","heading"),d.setAttribute("aria-level","2"),this.titleEl=d;for(var r=a.dom.createEl("div",{className:"video-selector-content",tabIndex:-1}),c=a.dom.createEl("div",{className:"video-container video-accessibility"}),u=function(e){var o,n,i,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(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(m(null==t||null===(o=t.videos)||void 0===o||null===(n=o[e])||void 0===n?void 0:n.img)||m(null===(i=window)||void 0===i||null===(l=i.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(c,p),a.dom.appendContent(r,c)},v=0;v<this.videos.length;v++)u(v);a.dom.appendContent(n,d),a.dom.appendContent(n,i),a.dom.appendContent(e,n),a.dom.appendContent(e,r),b(this.playerId,e)}}]),B}();export{N as default};