@viewlift/player-backup 2.0.317-backup → 2.0.318-backup

package/esm/skin-c182cabd.js

@@ -0,0 +1 @@
+import{g as e,p as t,e as o}from"./skin-932f3764.js";import{i}from"./index-32db0990.js";import{C as n}from"./generic-f765c6f0.js";import{e as l}from"./features-99081d09.js";import{g as r}from"./localisation-1ebd418b.js";import"video.js";import"video.js/dist/video-js.min.css";import"./index-894852f9.js";import"./captions-6426f98a.js";import"./renditions-38f26c3d.js";import"./resolution-41f5c799.js";import"@babel/runtime/helpers/defineProperty";import"./browser-766b903b.js";import"@viewlift/comscore/index.js";import"@viewlift/sse";import"./relatedVideosManager-6e242502.js";import"axios";import"md5";import"js-cookie";const s='<svg xmlns="http://www.w3.org/2000/svg" style="display:none">\n  <defs>\n    <symbol id="vjs-icon-pause" viewBox="0 0 17 16">\n      <path d="M6.00138 15.4894C6.02138 15.7494 5.82138 15.9694 5.56138 15.9894C5.54138 15.9894 5.52138 15.9894 5.50138 15.9894H2.50138C2.24138 16.0094 2.02138 15.8094 2.00138 15.5494C2.00138 15.5294 2.00138 15.5094 2.00138 15.4894V0.499411C1.98138 0.239411 2.18138 0.0194107 2.44138 -0.000589337C2.46138 -0.000589337 2.48138 -0.000589337 2.50138 -0.000589337H5.50138C5.76138 -0.0205893 5.98138 0.179411 6.00138 0.439411C6.00138 0.459411 6.00138 0.479411 6.00138 0.499411V15.4894ZM14.0014 0.509411C14.0214 0.249411 13.8214 0.0294105 13.5614 0.00941051C13.5414 0.00941051 13.5214 0.00941051 13.5014 0.00941051H10.5014C10.2414 -0.0105895 10.0214 0.189411 10.0014 0.449411C10.0014 0.469411 10.0014 0.489411 10.0014 0.509411V15.4994C9.98138 15.7594 10.1814 15.9794 10.4414 15.9994C10.4614 15.9994 10.4814 15.9994 10.5014 15.9994H13.5014C13.7614 16.0194 13.9814 15.8194 14.0014 15.5594C14.0014 15.5394 14.0014 15.5194 14.0014 15.4994V0.509411Z" fill="white"/>\n    </symbol>\n    <symbol id="vjs-icon-play" viewBox="0 0 17 16">\n      <path d="M0.38279 15.9526C0.28279 16.0326 0.142791 16.0126 0.0527906 15.9126C0.0127906 15.8626 -0.00720943 15.8026 0.00279057 15.7326V0.262601C-0.0172094 0.132601 0.0727907 0.0226013 0.192791 0.00260128C0.262791 -0.00739872 0.32279 0.0126014 0.38279 0.0426014L15.8528 7.8126C16.0628 7.9226 16.0628 8.0926 15.8528 8.1926L0.38279 15.9526Z" fill="white"/>\n    </symbol>\n    <symbol id="vjs-icon-fullscreen" viewBox="0 0 24 24">\n      <path d="M7 14H5V19H10V17H7V14ZM5 10H7V7H10V5H5V10ZM17 17H14V19H19V14H17V17ZM14 5V7H17V10H19V5H14Z" fill="white"/>\n    </symbol>\n    <symbol id="vjs-icon-fullscreen-back" viewBox="0 0 24 24">\n      <path d="M10.92 13.49L10.08 18.5C10.04 18.77 9.84001 18.83 9.64001 18.64L8.20001 17.2L5.41001 19.99L3.99001 18.57L6.78001 15.78L5.34001 14.34C5.15001 14.15 5.21001 13.95 5.48001 13.9L10.49 13.06C10.67 13.01 10.85 13.12 10.9 13.3C10.94 13.37 10.94 13.43 10.92 13.49ZM17.21 8.21L20 5.42L18.58 4L15.79 6.79L14.35 5.35C14.16 5.16 13.96 5.22 13.91 5.49L13.07 10.5C13.02 10.68 13.13 10.86 13.31 10.91C13.36 10.93 13.43 10.93 13.48 10.91L18.49 10.07C18.76 10.03 18.82 9.83 18.63 9.63L17.21 8.21Z" fill="#EBEBEB"/>\n    </symbol>\n    <symbol id="vjs-icon-volume" viewBox="0 0 24 24">\n      <path d="M3 9.00047V15.0005H7L12 20.0005V4.00047L7 9.00047H3ZM16.5 12.0005C16.5 10.2305 15.48 8.71047 14 7.97047V16.0205C15.48 15.2905 16.5 13.7705 16.5 12.0005ZM14 3.23047V5.29047C16.89 6.15047 19 8.83047 19 12.0005C19 15.1705 16.89 17.8505 14 18.7105V20.7705C18.01 19.8605 21 16.2805 21 12.0005C21 7.72047 18.01 4.14047 14 3.23047Z" fill="white"/>\n    </symbol>\n    <symbol id="vjs-icon-mute" viewBox="0 0 24 24">\n      <path d="M11.65 4.28V19.72C11.65 20 11.48 20.08 11.27 19.89L5.86 15.09H2.9C2.62 15.09 2.38 14.86 2.38 14.57V9.43C2.38 9.15 2.61 8.91 2.9 8.91H5.86L11.27 4.11C11.48 3.92 11.65 3.99 11.65 4.28Z" fill="#EBEBEB"/>\n      <path d="M19.0909 12.5238L21.2626 14.6955L19.8146 16.1436L17.6429 13.9718L15.4711 16.1436L14.0231 14.6955L16.1948 12.5238L14.0231 10.352L15.4711 8.904L17.6429 11.0757L19.8146 8.904L21.2626 10.352L19.0909 12.5238Z" fill="white"/>\n    </symbol>\n    <symbol id="vjs-icon-pip" viewBox="0 0 24 24">\n      <path d="M19 7H11V13H19V7ZM21 3H3C1.9 3 1 3.9 1 5V19C1 20.1 1.9 20.98 3 20.98H21C22.1 20.98 23 20.1 23 19V5C23 3.9 22.1 3 21 3ZM21 19.01H3V4.98H21V19.01Z" fill="white"/>\n    </symbol>\n    <symbol id="vjs-icon-captions" viewBox="0 0 18 16">\n      <path d="M16.5 1.5V14.5H1.5V1.5H16.5ZM16 0H2C0.89 0 0 0.9 0 2V14C0 15.1 0.89 16 2 16H16C17.1 16 18 15.1 18 14V2C18 0.9 17.1 0 16 0ZM8 7H6.5V6.5H4.5V9.5H6.5V9H8V10C8 10.55 7.55 11 7 11H4C3.45 11 3 10.55 3 10V6C3 5.45 3.45 5 4 5H7C7.55 5 8 5.45 8 6V7ZM15 7H13.5V6.5H11.5V9.5H13.5V9H15V10C15 10.55 14.55 11 14 11H11C10.45 11 10 10.55 10 10V6C10 5.45 10.45 5 11 5H14C14.55 5 15 5.45 15 6V7Z" fill="white"/>\n    </symbol>\n  </defs>\n</svg>',c='<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">\n<path d="M11.99 5V1L6.98999 6L11.99 11V7C15.3 7 17.99 9.69 17.99 13C17.99 16.31 15.3 19 11.99 19C8.67999 19 5.98999 16.31 5.98999 13H3.98999C3.98999 17.42 7.56999 21 11.99 21C16.41 21 19.99 17.42 19.99 13C19.99 8.58 16.41 5 11.99 5Z" fill="white"/>\n<path d="M10.89 16H10.04V12.74L9.03003 13.05V12.36L10.8 11.73H10.89V16Z" fill="white"/>\n<path d="M15.17 14.24C15.17 14.56 15.14 14.84 15.07 15.06C15 15.28 14.9 15.48 14.78 15.63C14.66 15.78 14.5 15.89 14.33 15.96C14.16 16.03 13.96 16.06 13.74 16.06C13.52 16.06 13.33 16.03 13.15 15.96C12.97 15.89 12.82 15.78 12.69 15.63C12.56 15.48 12.46 15.29 12.39 15.06C12.32 14.83 12.28 14.56 12.28 14.24V13.5C12.28 13.18 12.31 12.9 12.38 12.68C12.45 12.46 12.55 12.26 12.67 12.11C12.79 11.96 12.95 11.85 13.12 11.78C13.29 11.71 13.49 11.68 13.71 11.68C13.93 11.68 14.12 11.71 14.3 11.78C14.48 11.85 14.63 11.96 14.76 12.11C14.89 12.26 14.99 12.45 15.06 12.68C15.13 12.91 15.17 13.18 15.17 13.5V14.24ZM14.32 13.38C14.32 13.19 14.31 13.03 14.28 12.9C14.25 12.77 14.21 12.67 14.16 12.59C14.11 12.51 14.05 12.45 13.97 12.42C13.89 12.39 13.81 12.37 13.72 12.37C13.63 12.37 13.54 12.39 13.47 12.42C13.4 12.45 13.33 12.51 13.28 12.59C13.23 12.67 13.19 12.77 13.16 12.9C13.13 13.03 13.12 13.19 13.12 13.38V14.35C13.12 14.54 13.13 14.7 13.16 14.83C13.19 14.96 13.23 15.07 13.28 15.15C13.33 15.23 13.39 15.29 13.47 15.32C13.55 15.35 13.63 15.37 13.72 15.37C13.81 15.37 13.9 15.35 13.97 15.32C14.04 15.29 14.11 15.23 14.16 15.15C14.21 15.07 14.25 14.96 14.27 14.83C14.29 14.7 14.31 14.54 14.31 14.35V13.38H14.32Z" fill="white"/>\n</svg>';function a(a,C){e(a).addClass("skin_cn_news"),function(i,n){const l=e(i);if(!l)return;if(l.el().insertBefore(t(s),l.el().firstChild??null),l.controlBar?.removeChild("VolumePanel"),l.controlBar?.addChild("VolumePanel",{inline:!0},1),!l.controlBar?.getChild("PictureInPictureToggle")){const e=l.controlBar?.getChild("FullscreenToggle"),t=e?l.controlBar.children().indexOf(e):void 0;l.controlBar?.addChild("PictureInPictureToggle",{},t)}(function(e){const t=e?.controlBar?.getChild("PlayToggle")?.el()?.firstChild||null;if(!t)return;const i=o(t,e.paused()?"#vjs-icon-play":"#vjs-icon-pause");e.on("play",()=>i.setAttributeNS(null,"href","#vjs-icon-pause")),e.on("pause",()=>i.setAttributeNS(null,"href","#vjs-icon-play"))})(l),function(e){const t=e?.controlBar?.getChild("VolumePanel")?.el()||null,i=t?.querySelector(".vjs-mute-control .vjs-icon-placeholder");if(!i)return;const n=o(i,e.muted()?"#vjs-icon-mute":"#vjs-icon-volume");e.on("volumechange",()=>{const t=e.muted()||0===e.volume();n.setAttributeNS(null,"href",t?"#vjs-icon-mute":"#vjs-icon-volume")})}(l),function(e){const t=e?.controlBar?.getChild("PictureInPictureToggle")?.el()?.querySelector(".vjs-icon-placeholder")||null;if(!t)return;o(t,"#vjs-icon-pip")}(l),function(e){const t=e?.controlBar?.getChild("SubsCapsButton")?.el()||null,i=t?.querySelector(".vjs-icon-placeholder");if(!i)return;o(i,"#vjs-icon-captions");const n=()=>{const o=e.textTracks();let i=!1;for(let e=0;e<o.length;e++){const t=o[e];if(("captions"===t.kind||"subtitles"===t.kind)&&"showing"===t.mode){i=!0;break}}t.classList.toggle("vjs-cc-on",i)};n(),e.textTracks().on("change",n)}(l),function(e){const t=e?.controlBar?.getChild("FullscreenToggle")?.el()?.firstChild||null;if(!t)return;const i=o(t,"#vjs-icon-fullscreen");e.on("fullscreenchange",()=>{i?.setAttributeNS(null,"href",e.isFullscreen()?"#vjs-icon-fullscreen-back":"#vjs-icon-fullscreen")})}(l),function(e,t){const o=e?.controlBar?.getChild("SeekToLive");if(o){const t=o.el().querySelector(".vjs-seek-to-live-text"),i=r("liveText")||"LIVE",n=r("goLiveText")||"GO LIVE",l=()=>{t&&(t.textContent=e.liveTracker?.atLiveEdge?.()?i:n)};l(),e.on("timeupdate",l),e.liveTracker?.on?.("liveedgechange",l),o.on("click",()=>{if(e.paused())try{e.play()}catch(e){}})}if(t?.liveVideo&&t?.liveui&&e.liveTracker){const t=()=>function(e){const t=e?.controlBar?.remainingTimeDisplay?.el();if(!t)return;const o=t.querySelector(".vjs-remaining-time-display");e.liveTracker?.atLiveEdge?.()?t.style.display="none":(t.style.display="flex",o&&(o.innerText=function(e){const t=Math.floor(e/3600),o=Math.floor(e%3600/60),i=Math.floor(e%60),n=e=>String(e).padStart(2,"0");return 0===t?`${n(o)}:${n(i)}`:`${n(t)}:${n(o)}:${n(i)}`}(function(e){const t=e.seekable();return t&&t.length>0?Math.max(0,t.end(0)-e.currentTime()):0}(e))))}(e);e.liveTracker.on("liveedgechange",t),e.on("timeupdate",t)}}(l,n)}(a,C),function(t,o){const r=o?.liveVideo||!1,s=o?.res?.contentType||"video",a=o?.res?.[s]?.liveDetails?.isDvrEnabled||!1,C=r&&a?"livedvr":"vod";(o?.liveui||a)&&l(t,"CN_NEWS",c);const u=n.getConfig();(u?.chaptersConfig?.enable||u?.chapters?.length)&&(!function(t,o){const i=e(t)?.el();if(!i||!o)return;const n=(e,t)=>{null!=t&&""!==t&&i.style.setProperty(e,t)};n("--vl-chapter-color",o.markerColor),n("--vl-chapter-active",o.markerActiveColor),n("--vl-chapter-hover",o.markerHoverColor),n("--vl-chapter-size",null!=o.markerSize?`${o.markerSize}px`:null),n("--vl-chapter-opacity",null!=o.markerOpacity?String(o.markerOpacity):null),n("--vl-chapter-tooltip",o.tooltipColor)}(t,u?.chaptersConfig?.style),i(t,{chapters:u?.chapters||[],timeMode:C,res:o?.res,chaptersConfig:u?.chaptersConfig||{}}))}(a,C)}export{a as initialiseSkin};

package/esm/skin-e63ece28.js

@@ -0,0 +1 @@
+import{a as e,b as s,c as t,d as o,e as i}from"./features-99081d09.js";import{e as n,a3 as a}from"./generic-f765c6f0.js";import{S as l,M as d,a as r,N as m,b as c,R as p}from"./icons-b8ca9c4a.js";import{g as u,b as j}from"./skin-932f3764.js";import"video.js";import"./renditions-38f26c3d.js";import"./localisation-1ebd418b.js";import"axios";import"./browser-766b903b.js";import"md5";import"js-cookie";import"./captions-6426f98a.js";import"@viewlift/comscore/index.js";function f(f,v){u(f).addClass("skin_default"),a(f,v),import("./skin-71be210e.js").then(e=>{let s=document.createElement("style");s.id="def_skin",s.append(`${e.default}`),document.head.appendChild(s)}),function(e,s){0==s.liveVideo&&0==s.liveui&&o(e,"default",c());(0==s.liveVideo&&0==s.liveui||1==s.liveui)&&i(e,"default",p())}(f,v),function(o,i){let a=u(o),d=i?.sres||null;a.on("loadeddata",()=>{e(o,"default",l()),d&&import("./nextEpisodeButton-6ceba54e.js").then(e=>{e.initaliseFunctionality(i.sres.seasons,n())})}),a.one("loadedmetadata",()=>{d&&(s(o,i?.sres?.seasons,i),t(i.sres,i.res,o))})}(f,v),function(e,s){let t=u(e),o=document.getElementsByClassName("vjs-current-time")[0],i=document.getElementsByClassName("vjs-duration")[0],n=document.getElementsByClassName("vjs-time-divider")[0];s.liveVideo&&(o&&(o.style.display="none"),i&&(i.style.display="none"),n&&(n.style.display="none"));t.controlBar.getChild("FullscreenToggle")?.el()?.appendChild(j(d(window.controlsColor))),t.controlBar.getChild("FullscreenToggle")?.el()?.appendChild(j(r(window.controlsColor)));const a=t.controlBar.getChild("SubsCapsButton").el();document.getElementById(e).getElementsByClassName("vjs-subs-caps-button")[1].appendChild(j(m()));const l=document.createElement("div");l.classList.add("caption-header"),a.querySelector(".vjs-menu-content").insertBefore(l,a.querySelector(".vjs-menu-item"))}(f,v)}export{f as initialiseSkin};

package/esm/skin-f3c11ee9.js

@@ -0,0 +1 @@
+import{P as e,Q as t}from"./generic-f765c6f0.js";import{g as o}from"./skin-932f3764.js";import"video.js";import"axios";import"./browser-766b903b.js";import"md5";import"js-cookie";import"./captions-6426f98a.js";import"@viewlift/comscore/index.js";function i(i){import("./skin-2c638dc1.js").then(e=>{let t=document.createElement("style");t.id="carousel_homepage",t.append(`${e.default}`),document.head.appendChild(t)}),s(),function(i){let s=document.getElementById(`${i}`),n=o(i);s&&s.addEventListener("touchstart",()=>{n.paused()?e(i):t(i)})}(i)}const s=()=>{let e=document.getElementsByClassName("vjs-control-bar")[0];e&&(e.style.visibility="hidden")};export{i as initaliseSkin};

package/esm/skin-ffe5b1ec.js

@@ -0,0 +1 @@
+import{h as e,d as o,e as t,o as i,p as s,q as a}from"./features-99081d09.js";import{g as r}from"./skin-932f3764.js";import{a as n,b as l}from"./index-aba78d94.js";import{i as c}from"./index-97684837.js";import{a as d}from"./browser-766b903b.js";import"videojs-contrib-quality-menu";import{r as p}from"./relatedVideosManager-6e242502.js";import m from"video.js";import{f as u,a3 as g,a7 as v,a8 as y,e as f,a9 as b,m as j}from"./generic-f765c6f0.js";import{c as w,d as h}from"./icons-b8ca9c4a.js";import"./renditions-38f26c3d.js";import"./localisation-1ebd418b.js";import"./autoNextVideo-d5b82444.js";import"./index-894852f9.js";import"axios";import"md5";import"js-cookie";import"./captions-6426f98a.js";import"@viewlift/comscore/index.js";function k(o,t){let i=r(o);const s=t?.res?.siteId||"";i&&(i.on("loadeddata",()=>{(e=>{const o=r(e);o&&o.qualityMenu({useResolutionLabels:!0})})(o);const e=p.get()?.content?.length>0;if((t?.series?.enable||window?.app_data?.appcmsMain?.features?.auto_play||e)&&!t?.liveVideo)n(o,t);else if(!t?.liveVideo&&!t?.series?.enable){let e;e=p.subscribe(i=>{i?.content?.length>0&&(n(o,t),e&&e())})}t?.liveVideo||d()||"b13633d9-f778-40c6-a5ea-c330617cdf55"===s||c(o)}),i.one("play",()=>{window?.customData?.iframeOverlayUrl&&e(o,window?.customData?.iframeOverlayUrl)}))}function B(e,n){r(e).addClass("skin_vlone"),k(e,n),function(e,n){const c=r(e),d=n?.liveVideo||!1,m=n?.res?.contentType||"video",k=n?.res?.[m]?.isSSAIEnabled||!1;u(n?.res,e);const B=n?.skin_settings||{},C=n?.customData?.ads||{};if(d&&!n?.liveui){const e=c?.controlBar?.getChild("LiveDisplay")?.el()||null;e&&(e.onclick=()=>{try{c?.liveTracker?.seekToLiveEdge()}catch(e){console.log(e,"Cannot seek to LE")}})}B?.skipBtn&&0==n?.liveVideo&&0==n?.liveui&&o(e,"VL_ONE",w());(B?.rewindBtn&&0==n?.liveVideo&&0==n?.liveui||1==n?.liveui)&&t(e,"VL_ONE",h());const T=p.get();T?.content?.length>0&&i(e,T);let V;V=p.subscribe(o=>{const t=r(e);!t?.controlBar?.getChild("videoSelector")&&o?.content?.length>0&&(i(e,o),V&&V())}),n?.series?.enable&&s(e,n);n?.streams?.length>1&&a(e,n?.streams);l(e,n),g(e,n);if(k&&d&&"TRANSMIT"==C?.liveAdSticherProvider&&C?.liveAdClientSideTracking)v(e,n);else if("MEDIA_TAILOR"==C?.vodAdSticherProvider&&C?.vodAdClientSideTracking&&k)if(d)y(e);else{let o=null;if(n?.series?.enable){let e=f()?.video?.gist?.id,t=j(),{t:i,p:s}=t?.get(e)||{t:0,p:0};"function"==typeof window?.watchHistory?.cb&&window.watchHistory.cb({watchedTime:i}),s<95&&(o=i)}else{const{watchHistoryResumeTime:e,watchedPercentage:t}=n;t<95&&(o=e)}b(e,o)}}(e,n),C(e,n)}const C=(e,o)=>{const t=r(e),i=o?.theme||{},s=m.dom.$(".vjs-play-progress"),a=m.dom.$(".video-js .vjs-big-play-button .vjs-icon-placeholder");a&&(a.style.color=`${window?.app_data?.appcmsMain?.brand?.cta?.primary?.backgroundColor}`),s&&(s.style.background=`${window?.app_data?.appcmsMain?.brand?.cta?.primary?.backgroundColor}`);const n=t.getChild("BigPlayButton")||null;i?.progressBarColor&&s&&(s.style.background=i.progressBarColor),i?.playButtonBackgroundColor&&n&&(n.el().style.background=i.playButtonBackgroundColor),i?.playButtonColor&&a&&(a.style.color=i.playButtonColor),i?.playButtonType&&(n.el().style.borderRadius="square"==i?.playButtonType?".3em":"1.3em")};export{B as initialiseSkin};

package/esm/utilities/relatedVideosManager.d.ts

@@ -0,0 +1,11 @@
+export namespace relatedVideosManager {
+    export { set };
+    export { get };
+    export { reset };
+    export { subscribe };
+}
+declare function set(videos: any): void;
+declare function get(): any;
+declare function reset(): void;
+declare function subscribe(fn: any): () => void;
+export {};

package/esm/videoSelector-ba26c654.js

@@ -0,0 +1 @@
+import e from"video.js";import{E as t,g as i}from"./icons-b8ca9c4a.js";import{T as s,a6 as o}from"./generic-f765c6f0.js";import{m as d,j as a,s as l,k as n,l as r}from"./skin-932f3764.js";import{a as c,u as m}from"./autoNextVideo-d5b82444.js";import{g as h}from"./localisation-1ebd418b.js";import{r as p}from"./relatedVideosManager-6e242502.js";import"axios";import"./browser-766b903b.js";import"md5";import"js-cookie";import"./captions-6426f98a.js";import"@viewlift/comscore/index.js";import"./index-894852f9.js";const v=e.getComponent("Component");class u extends v{constructor(e,t={}){super(e,t),this.playerId=t.playerId,this.seriesData=t.sres,this.videos=t.related.content,this.cb=t?.related?.cb||null,this.autoNext=t?.related?.autoNext||!1,this.currentVideoData=t.res,this.initialiseStructure(),this.loadCSS(),this.autoNext&&(o(0),c({playerId:this.playerId,content:this.videos,cb:this.cb})),this._unsubRelated=p.subscribe(e=>{this.videos=e?.content||this.videos,this.cb=e?.cb??this.cb,m(this.videos),this._refreshList()})}_buildVideoItem(t){let i=e.dom.createEl("div",{className:`video -${t}`}),a=e.dom.createEl("div",{className:`recommended -${t}`});a.setAttribute("video-idx",t),a.onclick=()=>{o(t+1);let i=e.dom.$$(".recommended");for(let e=0;e<i.length;e++)i[e].style.border="none";d(t),s(this.playerId,this.videos[t].id).then(e=>{this.cb&&this.cb(e)}).catch(e=>{this.cb&&this.cb(e)})};let l=document.createElement("img");l.className="related-thumbnail-image",l.src=`${this?.videos?.[t]?.img||window?.customData?.fallbackImage}`,l.alt="No Thumbnail Available",a.append(l);let n=e.dom.createEl("div",{className:`info -${t}`,innerHTML:`${this?.videos[t]?.title||""}`});return e.dom.appendContent(i,a),e.dom.appendContent(i,n),i}_refreshList(){const t=this.el().querySelector(".video-container");if(t){e.dom.emptyEl(t);for(let i=0;i<this.videos.length;i++)e.dom.appendContent(t,this._buildVideoItem(i))}}dispose(){this._unsubRelated&&this._unsubRelated(),super.dispose()}createEl(){let i=e.dom.createEl("div",{className:"video-selection vjs-control vjs-button"});i.style.position="unset";let s=e.dom.createEl("div",{className:"video-selector-icon",innerHTML:`${t()}`});return e.dom.appendContent(i,s),i}loadCSS(){import("./videoSelector-8e258d45.js").then(e=>{let t=document.createElement("style");t.id="video-selection",t.append(`${e.default}`),document.head.appendChild(t)})}initialiseStructure(){let t=this.el(),i=e.dom.createEl("div",{className:"video-selection-container hidden"});e.dom.$(".video-selector-icon",this.el()).onclick=()=>{i.classList?.contains("hidden")?(a(),i.classList.remove("hidden"),t.classList.add("open"),i.style.right="0px",l(this.playerId,i)):(i.classList.add("hidden"),t.classList.remove("open"),i.style.right="-350px")};let s=document.getElementById(this.playerId);if(s){let o=window.getComputedStyle(s,null).getPropertyValue("height");i.style.height=`${o}`,e.dom.appendContent(t,i),s.style.overflow="hidden",this.addFunctionality(i),n(this.playerId,i)}}toggleOpenClose(){}addFunctionality(t){let a=this.el(),l=e.dom.createEl("div",{className:"video-selector-head"}),n=e.dom.createEl("div",{className:"video-selector-cross-icon",innerHTML:`${i()}`});n.onclick=()=>{t.classList.add("hidden"),a.classList.remove("open"),t.style.right="-350px"};let c=e.dom.createEl("div",{className:"video-selector-title",innerHTML:h("relatedVideoTitle")||"Recommended"}),m=e.dom.createEl("div",{className:"video-selector-content"}),p=e.dom.createEl("div",{className:"video-container"});for(let t=0;t<this.videos.length;t++){let i=e.dom.createEl("div",{className:`video -${t}`}),a=e.dom.createEl("div",{className:`recommended -${t}`});a.setAttribute("video-idx",t),a.onclick=()=>{o(t+1);let i=e.dom.$$(".recommended");for(let e=0;e<i.length;e++)i[e].style.border="none";d(t),s(this.playerId,this.videos[t].id).then(e=>{this.cb&&this.cb(e)}).catch(e=>{this.cb&&this.cb(e)})};let l=document.createElement("img");l.className="related-thumbnail-image",l.src=`${this?.videos?.[t]?.img||window?.customData?.fallbackImage}`,l.alt="No Thumbnail Available",a.append(l);let n=e.dom.createEl("div",{className:`info -${t}`,innerHTML:`${this?.videos[t]?.title||""}`});e.dom.appendContent(i,a),e.dom.appendContent(i,n),e.dom.appendContent(p,i),e.dom.appendContent(m,p)}e.dom.appendContent(l,n),e.dom.appendContent(l,c),e.dom.appendContent(t,l),e.dom.appendContent(t,m),r(this.playerId,t)}}export{u as default};

package/esm/videoSelector-fc8de3a6.js

@@ -0,0 +1 @@
+import e from"video.js";import{f as t,g as s}from"./icons-b8ca9c4a.js";import{T as i,a6 as o}from"./generic-f765c6f0.js";import{i as d,j as a,s as n,k as l,h as c,l as r}from"./skin-932f3764.js";import{a as m,u as h}from"./autoNextVideo-d5b82444.js";import{g as p}from"./localisation-1ebd418b.js";import{r as v}from"./relatedVideosManager-6e242502.js";import"axios";import"./browser-766b903b.js";import"md5";import"js-cookie";import"./captions-6426f98a.js";import"@viewlift/comscore/index.js";import"./index-894852f9.js";const u=e.getComponent("Component");class b extends u{constructor(e,t={}){super(e,t),this.playerId=t.playerId,this.seriesData=t.sres,this.videos=t.related.content,this.cb=t?.related?.cb||null,this.autoNext=t?.related?.autoNext||!1,this.currentVideoData=t.res,this.initialiseStructure(),this.loadCSS(),this.autoNext&&(o(0),m({playerId:this.playerId,content:this.videos,cb:this.cb})),this._unsubRelated=v.subscribe(e=>{this.videos=e?.content||this.videos,this.cb=e?.cb??this.cb,h(this.videos),this._refreshList()})}_buildVideoItem(t){let s=e.dom.createEl("div",{className:`video -${t}`}),i=e.dom.createEl("div",{className:`recommended -${t}`,ariaLabel:`${this.videos[t].title}`,type:"button",tabIndex:-1});i.setAttribute("video-idx",t),i.onkeydown=e=>{"Enter"===e.key&&this.loadVideoAssetById(t)},i.onclick=()=>{this.loadVideoAssetById(t)};let o=document.createElement("img");o.className="related-thumbnail-image",o.src=`${d(this?.videos?.[t]?.img)||d(window?.app_data?.appcmsMain?.images?.placeholderCover)}`,o.alt=`${this?.videos[t]?.title?.trim().split(/\s+/).slice(0,2).join(" ")||""}`,i.append(o);let a=e.dom.createEl("div",{className:`info -${t}`,innerHTML:`${this?.videos[t]?.title||""}`});return e.dom.appendContent(s,i),e.dom.appendContent(s,a),s}_refreshList(){const t=this.el().querySelector(".video-container");if(t){e.dom.emptyEl(t);for(let s=0;s<this.videos.length;s++)e.dom.appendContent(t,this._buildVideoItem(s))}}dispose(){this._unsubRelated&&this._unsubRelated(),super.dispose()}createEl(){let s=e.dom.createEl("div",{className:"video-selection vjs-control vjs-button"});s.style.position="unset";let i=e.dom.createEl("button",{className:"video-selector-icon",title:"video selector",innerHTML:`${t()}`});return e.dom.appendContent(s,i),s}loadCSS(){import("./videoSelector-def99d5e.js").then(e=>{let t=document.createElement("style");t.id="video-selection",t.append(`${e.default}`),document.head.appendChild(t)})}initialiseStructure(){let t=this.el(),s=e.dom.createEl("div",{className:"video-selection-container hidden"});e.dom.$(".video-selector-icon",this.el()).onclick=()=>{this.handleTabIndexSelector(),s.classList?.contains("hidden")?(a(),s.classList.remove("hidden"),t.classList.add("open"),n(this.playerId,s)):(s.classList.add("hidden"),t.classList.remove("open"))};let i=document.getElementById(this.playerId);if(i){let o=window.getComputedStyle(i,null).getPropertyValue("height");s.style.height=`${o}`,e.dom.appendContent(t,s),i.style.overflow="hidden",this.addFunctionality(s),l(this.playerId,s)}}loadVideoAssetById(t){o(t+1);let s=e.dom.$$(".recommended");for(let e=0;e<s.length;e++)s[e].style.border="none";c(t),i(this.playerId,this.videos[t].id).then(e=>{this.cb&&this.cb(e)}).catch(e=>{this.cb&&this.cb(e)})}handleTabIndexSelector(){document.getElementsByClassName("video-selector-cross-icon")?.[0]&&(document.getElementsByClassName("video-selector-cross-icon")[0].tabIndex=0);const e=document.getElementsByClassName("video-accessibility"),t=e?.[0]?.children?.length||0;for(let e=0;e<t;e++)document.getElementsByClassName(`recommended -${e}`)[0]&&(document.getElementsByClassName(`recommended -${e}`)[0].tabIndex=0)}handleCloseTabIndex(){document.getElementsByClassName("video-selector-cross-icon")?.[0]&&(document.getElementsByClassName("video-selector-cross-icon")[0].tabIndex=-1);const e=document.getElementsByClassName("video-accessibility"),t=e?.[0]?.children?.length||0;for(let e=0;e<t;e++)document.getElementsByClassName(`recommended -${e}`)&&(document.getElementsByClassName(`recommended -${e}`)[0].tabIndex=-1)}addFunctionality(t){let i=this.el(),o=e.dom.createEl("div",{className:"video-selector-head"}),a=e.dom.createEl("div",{className:"video-selector-cross-icon",ariaLabel:"close video selector",tabIndex:-1,innerHTML:`${s()}`});a.onkeydown=e=>{"Enter"===e.key&&(t.classList.add("hidden"),i.classList.remove("open"),this.handleCloseTabIndex())},a.onclick=()=>{t.classList.add("hidden"),i.classList.remove("open"),this.handleCloseTabIndex()};const n=p("relatedVideoTitle")||"Recommended";let l=e.dom.createEl("div",{className:"video-selector-title",innerHTML:n,ariaLabel:n,tabIndex:-1});l.setAttribute("role","heading"),l.setAttribute("aria-level","2"),this.titleEl=l;let c=e.dom.createEl("div",{className:"video-selector-content",tabIndex:-1}),m=e.dom.createEl("div",{className:"video-container video-accessibility"});for(let t=0;t<this.videos.length;t++){let s=e.dom.createEl("div",{className:`video -${t}`}),i=e.dom.createEl("div",{className:`recommended -${t}`,ariaLabel:`${this.videos[t].title}`,type:"button",tabIndex:-1});i.setAttribute("video-idx",t),i.onkeydown=e=>{"Enter"===e.key&&this.loadVideoAssetById(t)},i.onclick=()=>{this.loadVideoAssetById(t)};let o=document.createElement("img");o.className="related-thumbnail-image",o.src=`${d(this?.videos?.[t]?.img)||d(window?.app_data?.appcmsMain?.images?.placeholderCover)}`,o.alt=`${this?.videos[t]?.title.trim().split(/\s+/).slice(0,2).join(" ")||""}`,i.append(o);let a=e.dom.createEl("div",{className:`info -${t}`,innerHTML:`${this?.videos[t]?.title||""}`});e.dom.appendContent(s,i),e.dom.appendContent(s,a),e.dom.appendContent(m,s),e.dom.appendContent(c,m)}e.dom.appendContent(o,l),e.dom.appendContent(o,a),e.dom.appendContent(t,o),e.dom.appendContent(t,c),r(this.playerId,t)}}export{b as default};