@vkontakte/videoplayer-interactive 1.0.13-dev.e654cf31.0 → 1.0.14-dev.25eb2840.0
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.
- package/es2015.cjs.js +7 -7
- package/es2015.esm.js +6 -6
- package/es2018.cjs.js +6 -6
- package/es2018.esm.js +6 -6
- package/esnext.cjs.js +7 -7
- package/esnext.esm.js +6 -6
- package/evergreen.esm.js +6 -6
- package/package.json +3 -3
- package/types/index.d.ts +1 -1
- package/types/modules/Interactives/Interactives.d.ts +1 -1
- package/types/modules/Interactives/utils/gameUtils.d.ts +0 -1
- package/types/modules/Interactives/utils/getInteractiveRanges.d.ts +7 -0
- package/types/movika.core/manifest/index.d.ts +3 -2
package/esnext.cjs.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/**
|
|
2
|
-
* @vkontakte/videoplayer-interactive v1.0.
|
|
3
|
-
*
|
|
4
|
-
* https://st.mycdn.me/static/vkontakte-videoplayer/1-0-
|
|
2
|
+
* @vkontakte/videoplayer-interactive v1.0.14-dev.25eb2840.0
|
|
3
|
+
* Tue, 06 Aug 2024 14:01:34 GMT
|
|
4
|
+
* https://st.mycdn.me/static/vkontakte-videoplayer/1-0-14/doc/
|
|
5
5
|
*/
|
|
6
|
-
"use strict";var li=Object.create;var mt=Object.defineProperty;var hi=Object.getOwnPropertyDescriptor;var di=Object.getOwnPropertyNames;var pi=Object.getPrototypeOf,ui=Object.prototype.hasOwnProperty;var fi=(i,t)=>{for(var e in t)mt(i,e,{get:t[e],enumerable:!0})},ye=(i,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of di(t))!ui.call(i,r)&&r!==e&&mt(i,r,{get:()=>t[r],enumerable:!(n=hi(t,r))||n.enumerable});return i};var mi=(i,t,e)=>(e=i!=null?li(pi(i)):{},ye(t||!i||!i.__esModule?mt(e,"default",{value:i,enumerable:!0}):e,i)),yi=i=>ye(mt({},"__esModule",{value:!0}),i);var Ui={};fi(Ui,{CustomError:()=>v,EVENT_NAMES:()=>p,INTERACTIVE_CLICK_ACTIONS:()=>_t,Interactives:()=>dt,ManifestController:()=>W,SDKInfo:()=>Gi,chapterIdsToVKVideoIds:()=>Ot,compareVersions:()=>$,getChapterIdByVkVideoId:()=>ri,getVKVideoIdByMedia:()=>pe,getVideoRawIdByMedia:()=>ii,graphEventTypes:()=>Y,hasEndTemplate:()=>ot,interactivesEventTypes:()=>b,isLastChapter:()=>j,isSupportedManifest:()=>rt,isVKVariantItem:()=>ni,utils:()=>ai,vkVideoIdsToChapterIds:()=>ue});module.exports=yi(Ui);var ge="1.0.13-dev.e654cf31.0";function Ht(i,t=1){let e="0",n="0",r="0";return i.length===4?(e="0x"+i[1]+i[1],n="0x"+i[2]+i[2],r="0x"+i[3]+i[3]):i.length===7&&(e="0x"+i[1]+i[2],n="0x"+i[3]+i[4],r="0x"+i[5]+i[6]),`rgba(${+e},${+n},${+r},${t})`}var _="SDK_NAME",gi="SDK_NAME-controls-container",yt=()=>document.querySelector(`.${gi}`),Ee=.4,N={textColor:"#000",textSize:.4,textContent:"",roundCorners:0,borderWidth:0,borderColor:"#000",borderAlpha:1,backgroundColor:"#fff",backgroundAlpha:1,innerSizesDependOn:"self",angle:0},ve={top:"flex-start",bottom:"flex-end",center:"center"},be={start:"flex-start",end:"flex-end",center:"center"},Ce={start:"left",end:"right",center:"center"},gt=({target:i,props:t})=>{i.style.alignItems=ve[t?.text?.gravityVertical]??ve.center,i.style.justifyContent=be[t?.text?.gravityHorizontal]??be.center,i.style.textAlign=Ce[t?.text?.alignment]??Ce.start},vt=({target:i,props:t,fallback:e,dependsOn:n})=>{i.style.color=t?.text?.color??e.textColor,i.style.fontSize=`calc(${n.height} * ${t?.text?.size??e.textSize})`,i.textContent=t?.text?.value??e.textContent},bt=({target:i,props:t,fallback:e})=>{i.style.backgroundColor=Ht(t?.background?.color??e.backgroundColor,t?.background?.alpha??e.backgroundAlpha)},Ct=({target:i,props:t,fallback:e,dependsOn:n})=>{i.style.border=`calc(${n.height} * ${t?.shape?.border?.width??e.borderWidth}) solid ${Ht(t?.shape?.border?.color??e.borderColor,t?.shape?.border?.alpha??e.borderAlpha)}`,i.style.borderRadius=`calc(${n.height} * ${t?.shape?.roundCorners??e.roundCorners})`},K=({target:i,layoutParams:t,fallback:e})=>{i.style.transform=`rotate(${-t.angle}rad)`};var Gt="int",X={AREA:`${Gt}_area`,TEXT:`${Gt}_text`,BUTTON:`${Gt}_bttn`};var F=class{constructor(t){this.control=t}createView(t){let e=document.createElement("div");e.classList.add(`${_}-control-container-${this.control.id}`),t(e,this.control.layoutParams);let n=(this.control.layoutParams.innerSizesDependOn??N.innerSizesDependOn)==="self"?{height:e.style.height,width:e.style.width}:{height:"var(--interactive-content-height)",width:"var(--interactive-content-width)"};return{controlContainerEl:e,dependsOn:n}}setEvents(t,e){t&&this.control.events.forEach(n=>{switch(n.type.trim().toLowerCase()){case"onclick":t.addEventListener("click",s=>{s.stopPropagation(),e&&e({action:n.action,controlId:this.control.id,controlType:this.control.type})});break;default:break}})}getElement(){return document.querySelector(`.${_}-control-container-${this.control.id}`)}};var Et=i=>{if(i.type.trim().toLowerCase()==="area")return new Ut(i)},Ut=class extends F{constructor(t){super(t)}createView({parent:t,layoutFn:e}){let{dependsOn:n,controlContainerEl:r}=super.createView(e),s=document.createElement("button");return s.classList.add(`${_}-${this.control.id}`),s.setAttribute("data-testid",X.AREA),s.style.display="flex",s.style.width="100%",s.style.height="100%",s.style.cursor="pointer",s.type="button",bt({target:s,props:this.control.props,fallback:{...N,backgroundColor:"transparent"}}),Ct({target:s,props:this.control.props,fallback:{...N,borderAlpha:0},dependsOn:n}),K({target:s,layoutParams:this.control.layoutParams,fallback:N}),r.append(s),t.append(r),this.controlEl=s,r}disable(){this.controlEl&&(this.controlEl.style.cursor="default")}enable(){this.controlEl&&(this.controlEl.style.cursor="pointer")}getElement(){return document.querySelector(`.${_}-${this.control.id}`)}};var It=()=>{let i=document.createElement("span");return i.style.display="inline-block",i.style.whiteSpace="pre",i.style.overflow="hidden",i.style.textOverflow="ellipsis",i.style.maxWidth="100%",i.style.maxHeight="100%",i};var xt=i=>{if(i.type.trim().toLowerCase()==="button")return new zt(i)},zt=class extends F{constructor(t){super(t)}createView({parent:t,layoutFn:e}){let{dependsOn:n,controlContainerEl:r}=super.createView(e),s=document.createElement("button");s.type="button",s.classList.add(`${_}-${this.control.id}`),s.setAttribute("data-testid",X.BUTTON),s.style.display="flex",s.style.width="100%",s.style.height="100%",s.style.cursor="pointer",s.style.fontFamily="inherit";let a=It();return K({target:s,layoutParams:this.control.layoutParams,fallback:N}),bt({target:s,props:this.control.props,fallback:N}),Ct({target:s,props:this.control.props,fallback:N,dependsOn:n}),gt({target:s,props:this.control.props}),vt({target:a,props:this.control.props,fallback:N,dependsOn:n}),s.append(a),r.append(s),t.append(r),this.controlEl=s,r}disable(){this.controlEl&&(this.controlEl.style.cursor="default")}enable(){this.controlEl&&(this.controlEl.style.cursor="pointer")}getElement(){return document.querySelector(`.${_}-${this.control.id}`)}};var Ie=i=>{if(i.type.trim().toLowerCase()==="text")return new Wt(i)},Wt=class extends F{constructor(t){super(t)}createView({parent:t,layoutFn:e}){let{dependsOn:n,controlContainerEl:r}=super.createView(e),s=document.createElement("div");s.classList.add(`${_}-${this.control.id}`),s.setAttribute("data-testid",X.TEXT),s.style.display="flex",s.style.width="100%",s.style.height="100%",s.style.fontFamily="inherit";let a=It();return K({target:s,layoutParams:this.control.layoutParams,fallback:N}),gt({target:s,props:this.control.props}),vt({target:a,props:this.control.props,fallback:N,dependsOn:n}),s.append(a),r.append(s),t.append(r),this.controlEl=s,r}disable(){}enable(){}getElement(){return document.querySelector(`.${_}-${this.control.id}`)}};var Qt=class{constructor(t){this.layout=t}},xe=i=>{if(i.type.trim().toLowerCase()==="relative")return new J(i)},J=class extends Qt{constructor(t){super(t)}setContainerLayout(t){t.style.position="relative"}setControlLayout(t,e){t.style.position="absolute",t.style.width=`calc(var(--interactive-content-width) * ${e.width})`,t.style.height=`calc(var(--interactive-content-height) * ${e.height})`,t.style.left=`calc(var(--interactive-content-width) * ${e.x} + ((var(--interactive-width) - var(--interactive-content-width)) / 2))`,t.style.top=`calc(var(--interactive-content-height) * ${e.y} + ((var(--interactive-height) - var(--interactive-content-height)) / 2))`}};var q=class{constructor(t){this.container=t,this.factories=new Map,this.#s()}addControlFactory(t,e){this.factories.set(t.trim().toLowerCase(),e),this.#s()}removeControlFactory(t){this.factories.delete(t.trim().toLowerCase()),this.#s()}#s(){this.controls=this.#n()}#n(){return this.container.controls?.reduce((t,e)=>{let n=e.type.trim().toLowerCase(),r=this.factories.get(n);return r?[...t,r(e)]:[...t]},[])}};var St=(i,t)=>{if(i.type.trim().toLowerCase()==="choice")return new Kt(i,t)},Kt=class extends q{constructor(t,e){super(t),this.rootElement=e??yt(),this.layout=new J(this.container.layout),this.isRemoved=!1,this.isDisabled=!1,this.addControlFactory("button",xt),this.addControlFactory("text",Ie),this.addControlFactory("area",Et)}createView(t){let e=document.createElement("div");return e.classList.add(`${_}-${this.container.id}`),this.layout.setContainerLayout(e),this.controls.forEach(n=>{let r=n.createView({parent:e,layoutFn:this.layout.setControlLayout});n.setEvents(r,t)}),this.rootElement.append(e),this.isRemoved=!1,e}hide(){let t=this.getElement();t&&(t.style.visibility="hidden")}show(){let t=this.getElement();t&&(t.style.visibility="visible")}enable(){let t=this.getElement();t&&(this.controls.forEach(e=>e.enable()),t.style.opacity=1,this.isDisabled=!1)}disable(){let t=this.getElement();t&&(this.controls.forEach(e=>e.disable()),t.style.opacity=Ee,this.isDisabled=!0)}removeView(){this.isRemoved||(this.getElement()?.remove(),this.isRemoved=!0)}getElement(){return this.rootElement.querySelector(`.${_}-${this.container.id}`)}};var I=require("@vkontakte/videoplayer-shared");var Re=require("@vkontakte/videoplayer-shared");function Tt(i,t){let e;return(...n)=>{clearTimeout(e),e=setTimeout(()=>i(...n),t)}}var tt={Object:"Object",String:"String",Array:"Array",Number:"Number",Function:"Function",Boolean:"Boolean"},G=(i,t)=>Object.prototype.toString.call(i)===`[object ${t}]`,et=i=>G(i,tt.Object),wt=i=>G(i,tt.String),Vt=i=>G(i,tt.Array),Rt=i=>G(i,tt.Number),Se=i=>G(i,tt.Function);var Xt=i=>Rt(i)&&!isNaN(i);var U=i=>et(i)&&Object.keys(i).length===0,qt=i=>Vt(i)&&!i.length;var it=(i,t)=>wt(i)&&(t?i.trim():i).length;var Zt=window.navigator.userAgent.toLowerCase(),Ln=/ipad|iphone|ipod/.test(Zt),Te=/mobi/i.test(Zt),Nn=Zt.indexOf("android")>-1&&Te,vi=!Te,kn=window.safari!==void 0&&vi;var we="video_interactive",Ve="videoint";var bi=250,nt=class{constructor(t){this.init(t)}init({root:t,onOpenPreviewClick:e,onError:n,lang:r,visitedChapters:s=[]}){this.isHidden=!0,this.currentManifestId=void 0,this.currentChapterId=void 0,this.visitedChapterIds=new Set(s),this.onOpenPreviewClick=e,this.onError=n,this.lang=r??"ru",this.zoom=.7,this.isReady=!1,this.lastZoomInfo=void 0,this.ngEditorSize=void 0,this.ngEditor=void 0,this.graphWrapperElement=Ci(t),this.resizeObserver=new ResizeObserver(Tt(this.onResize,bi)),this.resizeObserver.observe(this.graphWrapperElement)}onResize=t=>{this.isReady&&(!t[0].contentRect.width||!t[0].contentRect.height||(this.lastZoomInfo&&this.ngEditor.zoomTo(this.getNextPoint()),this.ngEditorSize={width:t[0].contentRect.width,height:t[0].contentRect.height}))};getNextPoint(t=this.ngEditorSize){return[(this.lastZoomInfo.x-t.width/2)/this.lastZoomInfo.value*-1,(this.lastZoomInfo.y-t.height/2)/this.lastZoomInfo.value*-1]}handleChapterChange=t=>{if(this.isReady){if(this.isHidden||this.hide(),!t?.id){this.onError?.("Id is not found"),console.error("Id is not found");return}this.visitedChapterIds.add(t.id),this.ngEditor.selectChapter(t.id),this.ngEditor.setVisitedChapters(Array.from(this.visitedChapterIds)),this.currentChapterId=t.id,this.lastZoomInfo=void 0}};handleManifestChange=async(t,e=[])=>{if(!Rt(t.graph.edit.chapters[0].x)){this.isReady=!1,this.onError?.("Can't show graph"),console.error("Can't show graph");return}if(this.lastZoomInfo=void 0,!this.ngEditor){let n;try{n=await(0,Re.loadVKLangPack)(this.lang,we,Ve)}catch{console.log("Unable to load graph language pack")}let{GraphEditor:r}=await import("@interactiveplatform/movika-graph-editor");this.ngEditor=new r(this.graphWrapperElement,{mode:"read",lang:this.lang,translation:n}),this.ngEditor.on("control",({name:s,chapterId:a})=>{s==="openPreview"&&this.onOpenPreviewClick(a)}),this.ngEditor.on("zoomEnd",s=>{this.lastZoomInfo={...s}})}this.visitedChapterIds=new Set(e),t.metadata.id!==this.currentManifestId?(this.ngEditor.update(t),this.currentManifestId=t.metadata.id):this.ngEditor.setVisitedChapters(Array.from(this.visitedChapterIds)),this.isReady=!0};setVisitedChapters(t){this.visitedChapterIds=new Set([...this.visitedChapterIds,...t]),this.ngEditor.setVisitedChapters(Array.from(this.visitedChapterIds))}updateVideosInfo(t){this.ngEditor.updateVideosInfo(t)}show(){!this.ngEditor||!this.isReady||(this.graphWrapperElement.style.display="block",this.lastZoomInfo||this.ngEditor.focusChapter(this.currentChapterId),this.isHidden=!1)}hide(){this.graphWrapperElement.style.display="none",this.isHidden=!0}destroy(){this.hide(),this.resizeObserver.disconnect(),this.ngEditor?.setVisitedChapters([]),this.onOpenPreviewClick=void 0,this.ngEditor?.dispose(),this.graphWrapperElement.remove(),this.isReady=!1}};function Ci(i){let t=document.createElement("div");return t.style.position="absolute",t.style.top="0",t.style.left="0",t.style.height="100%",t.style.width="100%",t.style.display="none",i.append(t),t}var Yt=()=>{let i=[],t=null;return{setPlayer:a=>{t=a},setContainers:a=>{i=a},deleteContainer:a=>{i=i.filter(o=>o.id!==a)},getNextInteractiveTime:(a=3e3)=>{if(!i.length||t===null)return null;let o=-1,l=!1,h=Math.round(t.info.position$.getValue()*1e3);for(let g of i){let y=g.startTime-a;if(y<=h&&(h<=g.endTime||g.endTime===null)){l=!0;break}h<y&&(o=o===-1?y:Math.min(o,y))}return!l&&o!==-1?o:null}}};var $=(i="",t="")=>{i=i.split("."),t=t.split(".");let e=0;for(let n=0;n<Math.max(i.length,t.length)&&!e;n++)i[n]>t[n]?e=1:i[n]<t[n]?e=-1:e=0;return e};var Me=require("uuid"),Ei="3.1",_e={default:"setNextBranch",random:"setRandomBranch",weightlessRandom:"setWeightlessRandomBranch",max:"setMaxWeightBranch",min:"setMinWeightBranch"},Ii={type:"onSuspense",action:{type:"continuePlayback",args:{shouldOpenNow:!0,isDetachContainer:!0}}},Ae=i=>{let t=[];for(let e of i.chapters){let n,r=[];for(let{isDefault:o,...l}of e.branches)o&&(n=l.id),r.push(l);let s=[],a=[];for(let{fallbackStrategy:o,...l}of e.containers){let h=!!l.endTime,g=[Ii];switch(o){case"await":h?g=[]:s=[];break;case"default":{let y={type:"onSuspense",action:{type:_e.default,args:{branchId:n,shouldOpenNow:!h,isDetachContainer:!0}}};h?g=[y]:s=[y];break}case"random":case"weightlessRandom":case"max":case"min":{let y={type:"onSuspense",action:{type:_e[o],args:{}}};h?g=[y]:s=[y];break}}for(let y of l.controls)a.push({...l,controls:[{...y}],id:(0,Me.v4)(),events:g})}t.push({...e,containers:a,events:s,branches:r})}return i.metadata.version=Ei,i.metadata.updated=new Date().toISOString(),{...i,chapters:t}};var xi="3.2",Le=i=>{if(!i.media){let{media:t,...e}=i.metadata;return{...i,metadata:{...e,version:xi},media:t}}return i};var Si="3.3",Ti=(i=[])=>({edit:{chapters:i},view:{}}),Ne={type:"onSuspense",action:{type:"expect",args:{shouldOpenNow:!0,isDetachContainer:!0}}},ke=i=>{let t=[],e=[];for(let n of i.chapters){let{id:r,x:s,y:a,...o}=n,l=o.containers.map(h=>({...h,controls:h.controls.map(({subtype:g,type:y,...S})=>({...S,type:g??y})),events:h.events?.length?h.events:[Ne]}));t.push({id:r,...o,containers:l,events:o.events?.length?o.events:[Ne]}),e.push({id:r,x:s,y:a})}return{...i,chapters:t,graph:Ti(e),metadata:{...i.metadata,version:Si}}};var wi=[{version:"3.0",migrate:Ae},{version:"3.1",migrate:Le},{version:"3.2",migrate:ke}],Jt=i=>wi.reduce((t,e)=>$(t.metadata.version,e.version)?t:e.migrate(t),i);var nr=Object.freeze({Choice:"Choice",TextInput:"TextInput"}),je=Object.freeze({Button:"Button",Area:"Area",Text:"Text"}),rr=Object.freeze({onClick:"onClick",onSuspense:"onSuspense"}),C=Object.freeze({openURI:"openURI",setNextBranch:"setNextBranch",setWeightlessRandomBranch:"setWeightlessRandomBranch",setRandomBranch:"setRandomBranch",setMaxWeightBranch:"setMaxWeightBranch",setMinWeightBranch:"setMinWeightBranch",setDefaultBranch:"setDefaultBranch",continuePlayback:"continuePlayback",expect:"expect"}),_t=(s=>(s.GO_NEXT_BUTTON="GO_NEXT_BUTTON",s.GO_NEXT_AREA="GO_NEXT_AREA",s.WATCH_AGAIN="WATCH_AGAIN",s.OPEN_GRAPH="OPEN_GRAPH",s.CLOSE_GRAPH="CLOSE_GRAPH",s))(_t||{});var Pe={metadata:"Object",chapters:"Array"},Vi="3.0.0",Ri="3.3.0",rt=i=>{let t=$(i,Vi);return t===-1?!1:t===0?!0:$(i,Ri)!==1},Oe=i=>{if(!et(i))return!1;for(let t in Pe)if(!i[t]||!G(i[t],Pe[t]))return!1;return rt(i.metadata.version)},te=i=>i.type===je.Text;var v=class{constructor(t,e,...n){this.severity=t,this.category=e,this.data=n}toString(){return`SDK_NAME ERROR ${JSON.stringify(this,null," ")}`}static Severity={RECOVERABLE:1,CRITICAL:2};static Category={VIDEO:0,INTERACTIVES:1,GRAPH:2,MANIFEST:3,LOADERS:4,HISTORY:5,SEAMLESS:6}};var Z=class{listeners={};addListener(t,e){return this.listeners[t]=this.listeners[t]||[],this.listeners[t].push(e),this}on(t,e){return this.addListener(t,e)}once(t,e){this.listeners[t]=this.listeners[t]||[];let n=()=>{e(),this.off(t,n)};return this.listeners[t].push(n),this}off(t,e){return this.removeListener(t,e)}reset(){this.listeners={}}removeListener(t,e){let n=this.listeners[t];if(!n)return this;for(let r=n.length;r>0;r--)if(n[r]===e){n.splice(r,1);break}return this}emit(t,...e){let n=this.listeners[t];return n?(n.forEach(r=>{r(...e)}),!0):!1}listenerCount(t){return(this.listeners[t]||[]).length}rawListeners(t){return this.listeners[t]}};var Mt=class{constructor(t){this.raf,this.fn,this.fns=[],this.addFn(t)}addFn=(t,e=!1)=>{Se(t)&&(this.fns.push(t),e&&this.updateFn())};removeFn=(t,e=!1)=>{this.fns=this.fns.filter(n=>n!==t),e&&this.updateFn()};updateFn=()=>{this.fn=()=>{this.fns.forEach(t=>t()),this.raf&&this.forceRequestAnimation()}};forceRequestAnimation=()=>{this.fn&&(this.raf=requestAnimationFrame(this.fn))};requestAnimation=()=>{this.raf||this.forceRequestAnimation()};cancelAnimation=()=>{cancelAnimationFrame(this.raf),this.raf=void 0};release(){this.cancelAnimation(),this.fn=void 0,this.fns=[]}};var Ge=require("@vkontakte/videoplayer-shared");var At=class{constructor(t){this.loaders={chapterLoaders:t?.chapterLoaders??[],manifestLoaders:t?.manifestLoaders??[]}}async exec(t,e){return _i(...this.loaders[t])(e)}};function _i(...i){return async function(e){let n=[...i];for(;n.length>0;)e=await n.shift()(e);return e}}function st(i,t,e){return i?{...i,[t]:i[t]?[e,...i[t]]:[e]}:{[t]:[e]}}function Lt({actions:i,errors:t,chapterId:e,...n}){if(e){let r=i.getManifest(),s=i.getChapter(r.chapters,e);if(s){let a=i.getMedia(r.media,s.videoId),o=i.getGraph(r.graph,s.id);return a?{...n,actions:i,errors:t,result:{chapter:s,media:a,graph:o}}:{...n,errors:st(t,Lt.name,"Could not find media"),actions:i}}}return{...n,errors:st(t,Lt.name,"Could not find chapter"),actions:i}}var Mi=async i=>{try{let t,e;if(et(i))t=i;else if(wt(i)){e=new URL(i).href;let r=await fetch(e);if(!r.ok)return{};t=await r.json()}else return{};if(!Oe(t))return{};let n=t.metadata.media;if(wt(n)&&!t.media)try{let r;e?r=new URL(n,e).href:(r=new URL(n).href,e=r);let s=await fetch(r);if(!s.ok)throw new Error;t.metadata.media=await s.json()}catch{return Ni(t.metadata.version)?{manifest:t}:{}}return{manifest:t,manifestURL:e}}catch{return{}}};async function $e(i){let{manifest:t,manifestURL:e}=await Mi(i),n=Jt(t);return n.media=Ai(n.media,e),delete n.metadata.media,n}function Nt(i,t){return i.find(e=>e.id===t)}function ee(i,t){return i.edit?.chapters?i.edit.chapters.find(e=>e.id===t):i.view?.chapters?i.view.chapters.find(e=>e.id===t):void 0}function ie(i,t){return i.videos.find(e=>e.id===t)}function Ai(i,t){return{...i,videos:i.videos.map(e=>({...e,variants:e.variants.map(n=>{let r=Li(n.url,t);return{...n,url:r||n.url}})}))}}function Li(i,t){try{return new URL(i,t).href}catch{return""}}function Ni(i){return $(i,"3.2.0")>=0}var V=Object.freeze({nothing:0,beforeInteractive:1,interactive:2,afterInteractive:3,end:4,removed:5,destroyed:6}),ne=i=>Vt(i)&&!qt(i),j=i=>i.order==="end",ot=i=>Vt(i.containers)&&!qt(i.containers)&&j(i),Be=(i,t)=>{let e=i*1e3;return ne(t.controls)&&e<(t.startTime??0)},re=(i,t)=>{let e=i*1e3;return ne(t.controls)&&e>=(t.startTime??0)&&e<=(t.endTime??1/0)};var z=i=>i.some(t=>t.action.type==="expect"),se=i=>i.find(t=>t.action.type==="expect"),ki=i=>i?.length===1,kt=i=>ki(i)&&te(i[0]);var Fe=({fn:i,type:t=1},...e)=>(...n)=>t?i(...n,...e):i({...n[t],...e[t]}),De=(i=[])=>i.reduce((t,e,n)=>{let r=(e?.controls??[]).filter(s=>!te(s));if(ne(r)){let s=[e.startTime??0,e.endTime??1/0],a=e.id;if(!n)t.push({subjects:[a],range:s});else{let o=[],l=-1/0,h=1/0,g=[],y=[];for(let S=0;S<t.length;S++){let x=t[S];if(y.push(...x.subjects),x.range[0]<h&&(h=x.range[0]),x.range[1]>l&&(l=x.range[1]),x.range[0]<=s[0]&&x.range[1]>=s[1])return t[S].subjects.push(a),t;s[0]>=x.range[0]&&s[0]<=x.range[1]&&(o.push(S),g=g.concat(x.subjects),s[0]=x.range[0]),s[1]>=x.range[0]&&s[1]<=x.range[1]&&(o.push(S),g=g.concat(x.subjects),s[1]=x.range[1])}if(y.push(a),s[0]<=h&&s[1]>=l)return[{subjects:y,range:s}];o.length&&o.reverse().forEach(S=>{t.splice(S,1)}),t.push({subjects:g.concat([a]),range:s})}}return t},[]).sort((t,e)=>t.range[0]-e.range[0]),He=(i,t)=>z(i.events)?!1:t.some(({container:e})=>e.container.id!==i.id&&z(e.container.events)&&e.container.endTime===i.endTime&&!e.isRemoved);var W=class extends At{constructor(t,e){super(t),this.onError=e,this.prevChapter$=new Ge.ValueSubject(null),this.release()}release(){return this.manifest=null,this.chapter=null,this.media=null,this.graph=null,this.prevChapter$.next(null),this}async setManifest(t){this.release();let e=await this.exec("manifestLoaders",{actions:{addErrorMessage:st},result:null,errors:null,source:t});e.errors&&this.errorHandler(e.errors);let n=await $e(e.result??t);return this.manifest=n,this}async setInitial(){return this.setNext()}async setNext(t=this.manifest.metadata.initChapterId){this.prevChapter$.next(this.chapter);let e=await this.exec("chapterLoaders",Lt({actions:{getManifest:()=>this.manifest,getCurrent:this.getCurrent,getGraph:ee,getChapter:Nt,getMedia:ie,getByBranches:this.getByBranches.bind(this),addErrorMessage:st},result:null,errors:null,chapterId:t}));return e.errors&&this.errorHandler(e.errors),this.chapter=e.result.chapter,this.media=e.result.media,this.graph=e.result.graph,this}errorHandler(t){this.onError(t),console.error("Something went wrong with loaders",{errors:t})}getInitial(){return this.getByChapterId(this.manifest.metadata.initChapterId)||null}getByChapterId(t=this.manifest.metadata.initChapterId){let e=Nt(this.manifest.chapters,t);if(e){let n=ie(this.manifest.media,e.videoId),r=ee(this.manifest.graph,e.id);if(n)return{chapter:e,media:n,graph:r}}return null}getBranches(t=this.chapter.id){if(t===this.chapter.id)return this.getByBranches(this.chapter.branches);{let e=Nt(this.manifest.chapters,t);return this.getByBranches(e?.branches)}}getByBranches(t=[]){return t.reduce((e,n)=>{let r=this.getByChapterId(n.chapterId);return r&&e.push(r),e},[])}getCurrent(){return{chapter:this.chapter,media:this.media,graph:this.graph}}isInitialChapter(){return this.chapter.id===this.manifest.metadata.initChapterId}isEndChapter(){return j(this.chapter)}};var ze=require("@vkontakte/videoplayer-core"),We=require("@vkontakte/videoplayer-shared");var Ue=i=>{let t=i.variants.find(e=>e.payload?.type==="vk");if(t&&"payload"in t){let[e,n]=t.payload.id.split("_");return[e,n]}return[]};var p={graph:"graph",interactives:"interactives",chapterChanged:"chapter-changed",playerChanged:"player-changed",manifestChanged:"manifest-changed",errors:"errors",eachTick:"eachTick",historyInited:"history-inited",historyDestroyed:"history-destroyed"},Y={visibility:"visibility",watchAgainClicked:"watchAgainClicked"},b={actionChoiceCanceled:"action-choice-canceled",actionChoice:"action-choice",actionExecution:"action-execution",visibility:"visibility",containerRemoved:"container-removed",rangeEnded:"range-ended"};function oe(){let i=new Map;function t({listId:r=Math.random().toString(),itemId:s=Math.random().toString(),...a}){let o=i.get(r),l={...a};return o?o[s]=l:i.set(r,{[s]:l}),{listId:r,itemId:s,...a}}function e(r,s){let a=i.get(r);if(a){if(s)return a[s]?.player.destroy(),a[s]?.container.remove(),a[s]?.subscription.unsubscribe(),delete a[s],Object.keys(a).length||i.delete(r),!0;for(let o of Object.values(a))o.player.destroy(),o.container.remove();return i.delete(r),!0}else throw Error("Can't remove. Not find.")}function n(){for(let r of i)e(r[0])}return{createPlayer:t,removePlayer:e,map:i,removeAll:n}}function ae(i,t=[]){let e={},n,r=!t.length;for(let s of i.variants)if(!n&&"cover"in s&&(n=s.cover),"url"in s)switch(s.type.toLowerCase()){case"mp4":(r||t.includes("mp4"))&&(e.MPEG={...e.MPEG,[s.standard??"Invariant quality"]:s.url});break;case"mpeg":(r||t.includes("mpeg"))&&(e.MPEG={...e.MPEG,[s.standard??"Invariant quality"]:s.url});break;case"hls":(r||t.includes("hls"))&&(e={...e,HLS:{type:"url",url:s.url}});break;case"dash":(r||t.includes("dash"))&&(e={...e,DASH_SEP:{compatibilityMode:!0,type:"url",url:s.url}});break;default:break}return{sources:e,thumbUrl:n,title:i.title??""}}var at=(i,t)=>{let e=i.info.currentQuality$.getValue(),n=i.info.availableQualities$.getValue();e!==t&&n.includes(t)&&(i.setQuality(t),i.setAutoQuality(!1))};var ct={activePlayerChanged:"sc-active-player-changed",initiated:"sc-initiated",playerCreated:"sc-player-created"},ji=2;function ce(i){let t=oe(),e,n,r=new Z,s={},a=!1,o=null,l=!1,h;i&&g(i);function g(c){o=c}function y(c,d,m){if(!o)throw Error("need to set interactive controller");if(!o.options)return;let T=(t.map.get(c)??{})[d];if(T){s={chapterId:m,listId:c,itemId:d,...T};let w=s.player;n=w.info.currentQuality$.subscribe(R=>{if(!(!R||!w.info.position$.getValue())){e=R;for(let E of t.map)Object.values(E[1]).forEach(({player:A})=>{w.info.isAutoQualityEnabled$.getValue()||at(A,R)})}}),T.container.remove(),a=!1,o.setPlayer(T.player),l||(o.init(),l=!0),r.emit(ct.activePlayerChanged,{player:s.player,config:s.config});return}throw Error("Can't set. Not find.")}async function S(c,d,m){if(!o)throw Error("need to set interactive controller");if(U(s)||c!==s.itemId)return;if(m>=0&&!a){let T=o.getChapterBranches();a=!0;let w=new Set;for(let R of T)w.has(R.media.id)||(await M({media:R.media,chapterId:R.chapter.id,setAsActive:!1,title:R.chapter.label}),w.add(R.media.id))}}async function x({chapter:{id:c},media:d}){if(U(s))return;n?.unsubscribe();let m=s.player.info.muted$.getValue(),f=s.player.info.currentQuality$.getValue(),T=s.player.info.isAutoQualityEnabled$.getValue(),w=s.player.info.volume$.getValue(),R=s.player.info.currentPlaybackRate$.getValue(),E=!T,A=!1;for(let L of t.map)if(L[0]===d.id){let O=Object.keys(L[1]);for(let k of O)k===s.itemId?(O.length<ji||(A=!0),t.removePlayer(L[0],k)):(A=!0,y(L[0],k,c),E?at(s.player,f):s.player.setAutoQuality(!0),s.player.setVolume(w),s.player.setMuted(m),s.player.setPlaybackRate(R))}else t.removePlayer(L[0]);A||(await M({media:d,chapterId:c,setAsActive:!0,playbackRate:R}),E?at(s.player,f):s.player.setAutoQuality(!0),s.player.setVolume(w),s.player.setMuted(m))}async function M({media:c,chapterId:d,prefetch:m=!0,setAsActive:f=!0,autoplay:T=!1,preferredExt:w,title:R,playbackRate:E}){let A=Math.random().toString(),L=document.createElement("div");h.append(L);let O=s?.player?.info.isAutoQualityEnabled$.getValue(),k;if(o?.options?.vkVideoLoader){let ft=Ue(c);ft.length&&(k=await o.options.vkVideoLoader(...ft))}let ut=o?.options?.coreConfig||{},ci={...ut,configName:[...ut.configName??[],"interactive"]},fe={container:L,...k?.videos?.[0]||{sources:ae(c,w).sources},title:R,failoverHosts:k?.failoverHosts||[]},H=new ze.Player(ci);H.initVideo(fe);let me=new We.Subscription;me.add(H.info.position$.subscribe(function(ft){S(A,H.info.duration$.getValue(),ft)})).add(H.events.canplay$.subscribe(function(){O||at(H,e),E&&H.setPlaybackRate(E)}));let Q=t.createPlayer({listId:c.id,itemId:A,player:H,container:L,sources:ae(c,w).sources,config:fe,subscription:me});return f&&y(c.id,Q.itemId,d),T&&Q.player.play(),m&&!T&&Q.player.prepare(),r.emit(ct.playerCreated,Q.player),{player:Q.player,config:Q.config}}function pt(){P(),o=null}function P(){o?.off(p.chapterChanged,x),t.removeAll(),s={},l=!1,a=!1}async function u({container:c}){if(!o)throw Error("need to set interactive controller");P(),h=c;let{media:d,chapter:m}=o.getCurrentChapter();if(d){o.on(p.chapterChanged,x);let{player:f,config:T}=await M({media:d,chapterId:m.id,title:m.label});return r.emit(ct.initiated,{container:c,media:d,chapterId:m.id}),{player:f,config:T}}else console.error("not found")}return{...t,on:r.on.bind(r),off:r.off.bind(r),init:u,setInteractiveController:g,createPlayer:M,removeAll:pt,getActivePlayer:function(){return s}}}var Qe=require("@vkontakte/videoplayer-shared");var jt=class{constructor({player:t,container:e,branches:n,selectBranches:r,interactiveEvents:s,globalEventEmitter:a,ignoreContainerEvent:o,permanentTextControls:l,disabledControls$:h,onRemove:g}){this.container=e,this.branches=n,this.selectBranches=r,this.subscription=new Qe.Subscription,this.player=t,this.interactiveEvents=s,this.ignoreContainerEvent=o,this.isPermanentText=l&&kt(e.container.controls),this.disabledControls$=h,this.onRemove=g,this.globalEventEmitter=a,this.gameState=V.nothing,this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.registerEvents()}registerEvents(){this.subscription.add(this.player.events.playing$.subscribe(this.show)).add(this.player.events.paused$.subscribe(this.hide)).add(this.player.events.ended$.subscribe(this.onEndOfVideo)).add(this.disabledControls$.subscribe(t=>{t?this.container.disable?.():this.container.enable?.()}))}hide=()=>{setTimeout(()=>{this.gameState!==V.end&&(z(this.container.container.events)&&this.gameState===V.afterInteractive||this.selectBranches.state.isExpect||(this.gameState!==V.interactive&&this.container.hide?.(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!1})))})};show=()=>{if(this.gameState===V.interactive&&!this.isSelectedControlEvent)if(this.container.getElement())this.container.show?.(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!0,isFirst:!1});else{let e=Fe({fn:this.selectBranches.onControlEvent,type:0},{isDisabled:()=>this.container.isDisabled,branches:this.branches,containerId:this.container.container.id,onDetachContainer:()=>{this.removeView(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!1})},onEvent:(n,r)=>{this.isSelectedControlEvent=!0,n!==!1&&(this.removeView(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!1})),(this.gameState===V.end||this.gameState===V.afterInteractive||this.selectBranches.state.isExpect)&&(this.selectBranches.stopExpect(),r(),this.removeView(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!1}))},isEOV:()=>this.gameState===V.end});this.container.createView(e),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!0,isFirst:!0}),this.disabledControls$.getValue()&&this.container.disable?.()}};selectContainerEvent(t=!1){this.interactiveEvents.containersEventsCallState.setCalled({timestamp:t?1/0:this.container.container.endTime,id:this.container.container.id}),!(this.isSelectedControlEvent||this.isSelectedContainerEvent)&&(this.isSelectedContainerEvent=!0,this.ignoreContainerEvent()||this.selectBranches.setManifestContainerEvents({container:this.container.container,branches:this.branches,isEOV:t}),!t&&this.interactiveEvents.exec(this.container.container.endTime))}onStartTime(){this.show()}onEndTime(){this.selectContainerEvent(!1);let t=z(this.container.container.events)||this.ignoreContainerEvent();(this.isSelectedControlEvent||!t)&&this.removeView()}onBeforeStartTime(){this.container.hide?.(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!1})}onEndOfVideo=()=>{this.gameState=V.end,this.selectContainerEvent(!0)};whilePlaying=()=>{if(this.player.experimental.element$.getValue()?.readyState<1||[V.destroyed,V.removed].includes(this.gameState)&&!this.isPermanentText)return;let e=this.player.getExactTime();if(Be(e,this.container.container))this.gameState!==V.beforeInteractive&&(this.gameState=V.beforeInteractive,this.onBeforeStartTime());else if(re(e,this.container.container))this.gameState!==V.interactive&&(this.gameState=V.interactive,this.onStartTime());else if(this.gameState!==V.afterInteractive){let s=this.gameState;this.gameState=V.afterInteractive,s===V.interactive&&this.onEndTime()}else this.gameState!==V.destroyed&&!this.isPermanentText&&this.removeView();let n=re(e,this.container.container),r=this.container.container.startTime?[this.container.container.startTime,this.container.container.endTime??1/0]:[];this.globalEventEmitter.emit(p.eachTick,{subjectId:this.container.container.id,subjectName:"container",range:r,currentTime:e,isInteractiveTime:n})};reset(){this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.gameState=V.beforeInteractive}removeView(){this.container.removeView(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.containerRemoved,visibility:!1}),this.gameState=V.removed,this.onRemove?.()}destroy(){this.reset(),this.removeView(),this.gameState=V.destroyed,this.subscription.unsubscribe(),this.branches=[],this.interactiveEvents.containersEventsCallState.setCalled({timestamp:this.container.container.endTime??1/0,id:this.container.container.id})}};function Ke(){let i={};function t(){for(let o in i)Object.prototype.hasOwnProperty.call(i,o)&&delete i[o];return!0}function e(o){let l={};for(let h in i)+h<=o&&(l[h]=i[h]);return l}function n(o){let l={};for(let h in i)+h>=o&&(l[h]=i[h]);return l}function r({timestamp:o,priority:l,initiator:h}){if(Xt(o)){let g=i[o]??null;if(g&&it(l,!0)){let y={},S=g[l];return S&&(y={...y,...S}),y=U(y)?null:y,y&&it(h,!0)?y[h]??null:y}return g}return null}function s({timestamp:o,priority:l,initiator:h}){if(Xt(o))if(i[o]){if(it(l,!0))if(i[o][l]){if(it(h,!0))if(i[o][l][h]){if(delete i[o][l][h],!U(i[o][l]))return!0}else return!1;if(delete i[o][l],!U(i[o]))return!0}else return!1;return delete i[o]}else return!1}function a({timestamp:o,priority:l,initiator:h,...g}){i[o]?.[l]?.[h]?i[o][l][h].push({...g}):i[o]?.[l]?i[o][l]={...i[o][l],[h]:[{...g}]}:i[o]?i[o]={...i[o],[l]:{[h]:[{...g}]}}:i[o]={[l]:{[h]:[{...g}]}}}return{map:i,remove:s,add:a,removeAll:t,get:r,getLte:e,getGte:n}}var Pi=[C.expect,C.setNextBranch],Oi=1/0;function le(i){let t=i,e,n=$i(),r=new Ke,s,a=()=>{S(),u()},o=c=>{r.add.call(void 0,c),M()},l=(c=[])=>{for(let d of c)if(d.action(),Pi.includes(d.actionType))break},h=(c=1/0)=>{let d=Pt(r.get({timestamp:c,priority:"control"})??{}),m=Pt(r.get({timestamp:c,priority:"container"})??{}),f=Pt(r.get({timestamp:c,priority:"chapter"})??{});return[...d,...m,...f]},g=c=>{n.isReady(c)&&l(h(c))},y=()=>{l([...Pt(r.get({timestamp:1/0,priority:"chapter"})??{})])},S=()=>{e&&(s?.unsubscribe(),e=void 0)},x=c=>{},M=()=>{e||(e=()=>setTimeout(()=>{g(1/0)}),s=t.events.ended$.subscribe(e))},pt=c=>{S(),t=c},P=c=>{c.priority==="container"&&n.resetCalled(c.timestamp),r.remove(c)},u=()=>{n.release(),r.removeAll()};return{setPlayer:pt,add:o,remove:P,exec:g,execEndOfVideo:y,listen:M,unlisten:S,release:a,containersEventsCallState:n,getPreparedToExecActions:h}}function $i(){let i=new Map;return{setCalled:({timestamp:a,id:o})=>{let l=i.get(a);l&&l[o]!==void 0&&(l[o]=!0)},setData:(a=[])=>{for(let o of a){let l=o.endTime??Oi,h=i.get(l)??{};i.set(l,{...h,[o.id]:!1})}},resetCalled:a=>{let o=i.get(a);if(o)for(let l in o)o[l]=!1},isReady:a=>{let o=i.get(a);return o?!Object.values(o).some(l=>!l):!0},release:()=>i.clear()}}function Pt(i){return Object.values(i).flat().sort(t=>t.actionType===C.expect?-1:1)}var Xe=(i,t)=>{let{height:e,width:n}=t.info.intrinsicVideoSize$.getValue()||{};if(!(e&&n))return{videoContentHeight:0,videoContentWidth:0};let{clientHeight:r,clientWidth:s}=t.experimental.element$.value||{};if(!(r&&s))return{videoContentHeight:0,videoContentWidth:0};let a=e/n,o=r/s,l,h;return o>a?(h=s,l=s*a):o<a?(h=r/a,l=r):(h=s,l=r),{videoContentWidth:h,videoContentHeight:l}};var Bi=250;function qe(i){let t=()=>{},e=new ResizeObserver(o=>{s(o),t=s.bind(null,o)});function n(o){let{parentElement:l,player:h}=i();if(l&&h){let{videoContentWidth:g,videoContentHeight:y}=Xe(l,h);l.style.setProperty("--interactive-content-width",`${g}px`),l.style.setProperty("--interactive-content-height",`${y}px`),l.style.setProperty("--interactive-width",`${o[0].contentRect.width}px`),l.style.setProperty("--interactive-height",`${o[0].contentRect.height}px`)}}function r(){let{parentElement:o}=i();o.removeAttribute("style")}let s=Tt(o=>{let{fns:l=[]}=i();n(o);for(let h of l)h()},Bi);function a(){t=void 0,e.disconnect(),r()}return{resizeObserver:e,calc:()=>{t()},release:a}}var lt=class{constructor(){this.map={}}push(t,e){t in this.map?this.map[t].push(e):this.map[t]=[e]}get(t){let e=this.map[t];return e?e.slice():null}getAll(){let t=[];for(let e in this.map)t.push(...this.map[e]);return t}remove(t,e){t in this.map&&(this.map[t]=this.map[t].filter(n=>n!==e),this.map[t].length===0&&delete this.map[t])}clear(){this.map={}}size(){return Object.keys(this.map).length}keys(){return Object.keys(this.map)}};var Fi=i=>Math.floor(Math.random()*i),Ze=i=>{let t=i.length,e=1/0,n=null;for(;t--;)i[t].weight<e&&(e=i[t].weight,n=i[t]);return n},Ye=i=>{let t=i.length,e=-1/0,n=null;for(;t--;)i[t].weight>e&&(e=i[t].weight,n=i[t]);return n};var Je=i=>{let t=i.length,e=Fi(t);return i[e]};var ti=i=>{let t=0;for(let n=0;n<i.length;++n)t+=i[n].weight??1;let e=Math.random()*t;t=0;for(let n=0;n<i.length-1;++n)if(t+=i[n].weight??1,t>=e)return i[n];return i[i.length-1]};var ei=Object.freeze({shouldOpenNow:!0,isDetachContainer:!0});var he=(i,t=!1)=>({...i,args:t?{...i.args,...ei}:{...ei,...i.args}}),de=({globalEventEmitter:i,player:t,interactiveEvents:e,removeControllers:n})=>{let r={isExpect:!1},s=()=>{r.isExpect&&(r.isExpect=!1)},a=({action:u,controlType:c,controlId:d,containerId:m,branches:f=[],onEvent:T,isEOV:w=()=>!1,isDisabled:R=()=>!1})=>{let E=he(u,w()),A={timestamp:1/0,priority:"control",initiator:d,actionType:E.type},L=R(),O=i.emit.bind(i,p.interactives,{subjectId:d,subjectType:c,subjectName:"control",type:L?b.actionChoiceCanceled:b.actionChoice,actionType:u.type,payload:{containerId:m,...E.args}});if(L){O();return}switch(E.type.trim().toLowerCase()){case C.setNextBranch.trim().toLowerCase():{let k=f.find(ut=>ut.id===E.args.branchId);if(!k)return;T(E.args.isDetachContainer,S.bind(null,{subjectId:d,subjectName:"control"})),O(),E.args.shouldOpenNow?M({subjectId:d,subjectName:"control",subjectType:c,action:E,payload:{chapterId:k.chapterId,autoSelect:!1}}):(e.add({...A,action:M.bind(null,{subjectId:d,subjectName:"control",subjectType:c,action:E,payload:{chapterId:k.chapterId,autoSelect:!1}})}),n?.());return}case C.continuePlayback.trim().toLowerCase():{T(E.args.isDetachContainer,S.bind(null,{subjectId:d,subjectName:"control"})),O(),E.args.shouldOpenNow?x({subjectId:d,subjectName:"control",subjectType:c,action:u}):e.add({...A,action:x.bind(null,{subjectId:d,subjectName:"control",subjectType:c,action:u})});return}case C.openURI.trim().toLowerCase():{T(E.args.isDetachContainer,S.bind(null,{subjectId:d,subjectName:"control"})),O(),E.args.shouldOpenNow?P({subjectId:d,subjectName:"control",subjectType:c,action:E,payload:{URI:u.args.uri}}):(e.add({...A,action:P.bind(null,{subjectId:d,subjectName:"control",subjectType:c,action:E,payload:{URI:u.args.uri}})}),n?.());return}default:console.error("Unexpected control event"),i.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.INTERACTIVES,{message:"Unexpected control event"}));return}},o=({action:u,container:{id:c,endTime:d},branches:m=[],isEOV:f=!1,autoSelected:T=!1})=>{let w=he(u,f),R={timestamp:!w.args.shouldOpenNow||f?1/0:d,priority:"container",initiator:c,actionType:w.type},E=i.emit.bind(i,p.interactives,{subjectId:c,subjectName:"container",type:b.actionChoice,actionType:w.type,payload:w.args});switch(w.type.trim().toLowerCase()){case C.setNextBranch.trim().toLowerCase():{let A=m.find(L=>L.id===w.args.branchId);if(!A)return;E(),e.add({...R,action:M.bind(null,{subjectId:c,subjectName:"container",action:w,payload:{chapterId:A.chapterId,autoSelect:T}})}),n?.();return}case C.setMaxWeightBranch.trim().toLowerCase():return;case C.setMinWeightBranch.trim().toLowerCase():return;case C.setRandomBranch.trim().toLowerCase():return;case C.setWeightlessRandomBranch.trim().toLowerCase():return;case C.continuePlayback.trim().toLowerCase():{E(),e.add({...R,action:x.bind(null,{subjectId:c,subjectName:"container",action:w})});return}case C.openURI.trim().toLowerCase():{E(),e.add({...R,action:P.bind(null,{subjectId:c,subjectName:"container",action:w,payload:{URI:u.args.uri}})}),n?.();return}default:console.error("Unexpected container event"),i.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.INTERACTIVES,{message:"Unexpected container event"}));return}};function l({container:u,branches:c,isEOV:d=!1}){let m=se(u.events);if(m){let f=he(m.action,d);i.emit(p.interactives,{subjectId:u.id,subjectName:"container",type:b.actionChoice,actionType:f.type,payload:f.args}),e.add({timestamp:d?1/0:u.endTime,priority:"container",initiator:u.id,actionType:C.expect,action:y.bind(null,{subjectId:u.id,subjectName:"container"})}),r.isExpect=!0}else for(let f of u.events)o({action:f.action,container:u,branches:c,isEOV:d})}let h=({chapterId:u,action:c,branches:d=[]})=>{let m=i.emit.bind(i,p.interactives,{subjectId:u,subjectName:"chapter",type:b.actionChoice,actionType:c.type,payload:c.args});switch(c.type.trim().toLowerCase()){case C.setNextBranch.trim().toLowerCase():{let f=d.find(T=>T.id===c.args.branchId);return f?.chapterId?(m(),M.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case C.setWeightlessRandomBranch.trim().toLowerCase():{let f=Je(d);return f?.chapterId?(m(),M.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case C.setRandomBranch.trim().toLowerCase():{let f=ti(d);return f?.chapterId?(m(),M.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case C.setMaxWeightBranch.trim().toLowerCase():{let f=Ye(d);return f?.chapterId?(m(),M.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case C.setMinWeightBranch.trim().toLowerCase():{let f=Ze(d);return f?.chapterId?(m(),M.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case C.continuePlayback.trim().toLowerCase():return m(),x.bind(null,{subjectId:u,subjectName:"chapter",action:c});case C.openURI.trim().toLowerCase():return m(),P.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{URI:c.args.uri}});default:console.error("Unexpected chapter event"),i.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.INTERACTIVES,{message:"Unexpected chapter event"}));return}};function g(u){let c=se(u.events);if(c){if(j(u))return;i.emit(p.interactives,{subjectId:u.id,subjectName:"chapter",type:b.actionChoice,actionType:c.action.type,payload:c.action.args}),e.add({timestamp:1/0,priority:"chapter",initiator:u.id,actionType:C.expect,action:y.bind(null,{subjectId:u.id,subjectName:"chapter"})})}else u.events.forEach(d=>{let m=h({chapterId:u.id,action:d.action,branches:u.branches});m&&e.add({timestamp:1/0,priority:"chapter",initiator:u.id,actionType:d.action.type,action:m})})}let y=({subjectId:u,subjectName:c,action:d})=>{t.pause(),i.emit(p.interactives,{subjectId:u,subjectName:c,type:b.actionExecution,actionType:d?.type??C.expect})},S=({subjectId:u,subjectName:c})=>{t.info.isEnded$.getValue()?e.execEndOfVideo():t.play(),i.emit(p.interactives,{subjectId:u,subjectName:c,type:b.actionExecution,actionType:"after-expect"})},x=({subjectId:u,subjectName:c,subjectType:d,action:m})=>{i.emit(p.interactives,{subjectId:u,subjectName:c,subjectType:d,type:b.actionExecution,actionType:m.type})},M=({subjectId:u,subjectName:c,subjectType:d,action:m,payload:f})=>{f.behaviour="change-chapter",i.emit(p.interactives,{subjectId:u,subjectName:c,subjectType:d,type:b.actionExecution,actionType:m.type,payload:f})},pt=({subjectId:u,subjectName:c,subjectType:d,action:m,payload:f})=>{f.behaviour="change-manifest",i.emit(p.interactives,{subjectId:u,subjectName:c,subjectType:d,type:b.actionExecution,actionType:m.type,payload:f})},P=({subjectId:u,subjectName:c,subjectType:d,action:m,payload:f})=>{if(!f.URI)return;let T=window.open(f.URI,"_blank","noopener,noreferrer");T&&(T.opener=null),i.emit(p.interactives,{subjectId:u,subjectName:c,subjectType:d,type:b.actionExecution,actionType:m.type})};return{onControlEvent:a,onContainerEvent:o,onChapterEvent:h,onExpectEvent:y,expectEventHandler:S,setManifestChapterEvents:g,setManifestContainerEvents:l,stopExpect:s,state:r}};var D=require("@vkontakte/videoplayer-shared");var Ot=(i,t)=>{let e={};return i.map(n=>{if(!e[n]){let r=t.chapters.find(a=>a.id===n);if(!r)return null;let s=t.media.videos.find(a=>r.videoId===a.id);if(!s)return null;e[n]=pe(s)}return e[n]}).filter(Boolean)},ii=i=>{for(let t of i.variants)if(ni(t)&&"payload"in t)return t.payload.id},ni=i=>i.type==="custom"&&"payload"in i&&i.payload.type==="vk",pe=i=>{let t=ii(i);if(!t)return null;let e=t.split("_").pop();return e?parseInt(e,10):null},ri=(i,t)=>{for(let e of i.media.videos)if(t===pe(e)){for(let n of i.chapters)if(n.videoId===e.id)return n.id;return}},ue=(i,t)=>i.reduce((e,n)=>{let r=ri(t,n);return r?[...e,r]:e},[]);var ht=class{constructor({globalEventEmitter:t,videoId:e,interactiveController:n,historyApi:r,settings:s}){this.state={history$:new D.ValueSubject([]),hasPrevChapter$:new D.ValueSubject(!1),prevChapter$:new D.ValueSubject(null),isInitialChapter$:new D.ValueSubject(!1),isGoBackLimited$:new D.ValueSubject(!1)};this.#s=null;this.#h=!1;this.#i=null;this.#p=null;this.#r=null;this.#o=null;this.#a=null;this.#t=new D.Subscription;this.#d=!1;this.#u=0;this.#r=e,this.#a=t,this.#o=n,this.#s=r,this.#n=s,this.state?.history$&&this.#t&&this.#t?.add(this.state?.history$.subscribe(a=>{this.state?.prevChapter$.next(a.at(-2)||null),this.state?.hasPrevChapter$.next(a.length>1),this.state?.isInitialChapter$.next(this.getInitialChapterId()===this.#i?.metadata?.initChapterId),this.state?.isGoBackLimited$.next(this.#u===this.#n.maxLength-1)}))}#s;#n;#h;#i;#p;#r;#o;#a;#t;#d;#u;async setManifest(t){!this.#o||!this.#a||(this.#i=t,await this.getProjectHistory(),await this.#o.setChapter({chapterId:this.getInitialChapterId(),pushToHistory:!1}),this.#h||(this.#h=!0,this.#a.emit(p.historyInited,{initChapterId:this.getInitialChapterId()})))}get inited(){return this.#h}async updateHistory(t,e=!0){if(!this.#i)return;this.#d?(this.#d=!1,this.#u++):this.#u=0;let n=this.#i,r=t.length-this.#n.maxLength,s=r>0?t.slice(r):t,a=Ot(s,n);if(this.#p=a,this?.state?.history$.next(s),!(!e||!this.#s||!this.#r))try{await this.#s.save(this.#r,a)}catch{this.#a?.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.HISTORY,"Unable to save interactive history"))}}async goBack(){if(!this.state||!this.#o)return this.#a?.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.HISTORY,"Cannot go back because HistoryController has not been initialized"));this.#d=!0;let t=this.state.history$.getValue().slice(0,-1),e=t.pop();this.state.history$.next(t),await this.#o.setChapter({chapterId:e})}async getProjectHistory(){if(!this.#i||!this.#r)return;let t=this.#i,e=[this.getInitialVideoId()];if(this.#s)try{let r=await this.#s.get(this.#r);r.length&&(e=r)}catch{this.#a?.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.HISTORY,"Error while trying to fetch data"))}let n=ue(e,t);this?.state?.history$.next(n)}getInitialChapterId(){return this.state?.history$.getValue()?.at(-1)||this.#n.initChapterId||this.#i?.metadata.initChapterId}getInitialVideoId(){if(this.#i){let t=this.getInitialChapterId();return Ot([t],this.#i).pop()}return null}destroy(){this.state=null,this.#r=null,this.#s=null,this.#o=null,this.#t?.unsubscribe(),this.#t=null,this.#h=!1,this.#a?.emit(p.historyDestroyed),this.#a=null}};var $t=class i{constructor(t,e,n,r){this.target=t,this.type=e,this.listener=n,this.options=i.#s(t,r),this.target.addEventListener(e,n,this.options)}unlisten(){this.target.removeEventListener(this.type,this.listener,this.options),this.target=null,this.listener=null,this.options=!1}static#s(t,e){if(e===void 0)return!1;if(typeof e=="boolean")return e;{let n=new Set(["passive","capture"]),r=Object.keys(e).filter(a=>!n.has(a));return r.length===0&&console.warn("Unsupported flag(s) to addEventListener: "+r.join(",")),i.#h(t)?e:e.capture||!1}}static#n=void 0;static#h(t){let e=i.#n;if(e===void 0){e=!1;try{let n={},r={get:()=>(e=!0,!1)};Object.defineProperty(n,"passive",r),Object.defineProperty(n,"capture",r);let s=()=>{};t.addEventListener("test",s,n),t.removeEventListener("test",s,n)}catch{e=!1}i.#n=e}return e||!1}};var Bt=class{constructor(){this.bindingMap=new lt}release(){this.removeAll(),this.bindingMap=null}listen(t,e,n,r){if(!this.bindingMap)return;let s=new $t(t,e,n,r);this.bindingMap.push(e,s)}listenOnce(t,e,n,r){let s=a=>{this.unlisten(t,e,s),n(a)};this.listen(t,e,s,r)}unlisten(t,e,n){if(!this.bindingMap)return;let r=this.bindingMap.get(e)||[];for(let s of r)s.target===t&&(n===s.listener||!n)&&(s.unlisten(),this.bindingMap.remove(e,s))}removeAll(){if(!this.bindingMap)return;let t=this.bindingMap.getAll();for(let e of t)e.unlisten();this.bindingMap.clear()}};var Ft=class{constructor(){this._prevSizeId=0;this.rootElement=document.createElement("canvas")}clear(){this.rootElement.getContext("2d")?.clearRect(0,0,this.rootElement.width,this.rootElement.height)}isImageDrawn(){let t=this.rootElement.getContext("2d")?.getImageData(0,0,this.rootElement.width,this.rootElement.height);if(!t)return!1;let e=t.data,n=e.length;for(let r=3;r<n;r+=40)if(e[r]!==0)return!0;return!1}destroy(){this.rootElement.remove()}show(){this.rootElement.style.visibility="visible"}hide(){this.rootElement.style.visibility="hidden"}setCanvasImageSource(t){this.canvasImgSrc=t}draw(){this.canvasImgSrc&&this.rootElement.getContext("2d")?.drawImage(this.canvasImgSrc,0,0,this.rootElement.width,this.rootElement.height)}async updateCanvasDimensions(t,e=!1){let n=t.width+t.height;if(this._prevSizeId===n)return;let r;e&&(r=await this.save()),this.rootElement.width=t.width,this.rootElement.height=t.height,e&&r&&this.restore(r),this._prevSizeId=n}async save(){let t=this.rootElement.toDataURL("image/jpeg",1),e=new Image;return e.crossOrigin="anonymous",e.src=t,await e.decode(),e}restore(t){this.rootElement&&this.rootElement.getContext("2d")?.drawImage(t,0,0,this.rootElement.width,this.rootElement.height)}};var Dt=class{constructor({parentElement:t,endOffsetMs:e=250,onError:n}){this.currentVideoDurationMs=1/0;this._containerTimeFrameShouldReceived=!1;this._endTimeFrameReceived=!1;this._shouldCallSkip=!1;this.onEachTick=t=>{let e=t??this.lastFrameCanvas.canvasImgSrc.currentTime*1e3,n=this.isChapterEndTime(e);if(this.isContainerTime(e))this._endTimeFrameReceived=!1,this._containerTimeFrameShouldReceived=!0,this._shouldCallSkip=!0;else if(n)this._containerTimeFrameShouldReceived=!1,this._shouldCallSkip=!1,this._endTimeFrameReceived||(this.draw(),this._endTimeFrameReceived=!0,this.show());else{if(this._shouldCallSkip){this._shouldCallSkip=!1;return}this.reset()}};this.onSeek=()=>{this.onEachTick(),!this._containerTimeFrameShouldReceived&&!this._endTimeFrameReceived&&(this.hide(),this.lastFrameCanvas.clear())};this.rootElement=document.createElement("div"),this.rootElement.style.cssText=`
|
|
6
|
+
"use strict";var li=Object.create;var mt=Object.defineProperty;var hi=Object.getOwnPropertyDescriptor;var di=Object.getOwnPropertyNames;var pi=Object.getPrototypeOf,ui=Object.prototype.hasOwnProperty;var fi=(i,t)=>{for(var e in t)mt(i,e,{get:t[e],enumerable:!0})},ye=(i,t,e,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let s of di(t))!ui.call(i,s)&&s!==e&&mt(i,s,{get:()=>t[s],enumerable:!(n=hi(t,s))||n.enumerable});return i};var mi=(i,t,e)=>(e=i!=null?li(pi(i)):{},ye(t||!i||!i.__esModule?mt(e,"default",{value:i,enumerable:!0}):e,i)),yi=i=>ye(mt({},"__esModule",{value:!0}),i);var Ui={};fi(Ui,{CustomError:()=>v,EVENT_NAMES:()=>p,INTERACTIVE_CLICK_ACTIONS:()=>_t,Interactives:()=>dt,ManifestController:()=>W,SDKInfo:()=>Gi,chapterIdsToVKVideoIds:()=>Bt,compareVersions:()=>$,getChapterIdByVkVideoId:()=>ri,getVKVideoIdByMedia:()=>pe,getVideoRawIdByMedia:()=>ii,graphEventTypes:()=>Y,hasEndTemplate:()=>ot,interactivesEventTypes:()=>b,isLastChapter:()=>j,isSupportedManifest:()=>rt,isVKVariantItem:()=>ni,utils:()=>ai,vkVideoIdsToChapterIds:()=>ue});module.exports=yi(Ui);var ge="1.0.14-dev.25eb2840.0";function Ut(i,t=1){let e="0",n="0",s="0";return i.length===4?(e="0x"+i[1]+i[1],n="0x"+i[2]+i[2],s="0x"+i[3]+i[3]):i.length===7&&(e="0x"+i[1]+i[2],n="0x"+i[3]+i[4],s="0x"+i[5]+i[6]),`rgba(${+e},${+n},${+s},${t})`}var _="SDK_NAME",gi="SDK_NAME-controls-container",yt=()=>document.querySelector(`.${gi}`),Ee=.4,N={textColor:"#000",textSize:.4,textContent:"",roundCorners:0,borderWidth:0,borderColor:"#000",borderAlpha:1,backgroundColor:"#fff",backgroundAlpha:1,innerSizesDependOn:"self",angle:0},ve={top:"flex-start",bottom:"flex-end",center:"center"},be={start:"flex-start",end:"flex-end",center:"center"},Ce={start:"left",end:"right",center:"center"},gt=({target:i,props:t})=>{i.style.alignItems=ve[t?.text?.gravityVertical]??ve.center,i.style.justifyContent=be[t?.text?.gravityHorizontal]??be.center,i.style.textAlign=Ce[t?.text?.alignment]??Ce.start},vt=({target:i,props:t,fallback:e,dependsOn:n})=>{i.style.color=t?.text?.color??e.textColor,i.style.fontSize=`calc(${n.height} * ${t?.text?.size??e.textSize})`,i.textContent=t?.text?.value??e.textContent},bt=({target:i,props:t,fallback:e})=>{i.style.backgroundColor=Ut(t?.background?.color??e.backgroundColor,t?.background?.alpha??e.backgroundAlpha)},Ct=({target:i,props:t,fallback:e,dependsOn:n})=>{i.style.border=`calc(${n.height} * ${t?.shape?.border?.width??e.borderWidth}) solid ${Ut(t?.shape?.border?.color??e.borderColor,t?.shape?.border?.alpha??e.borderAlpha)}`,i.style.borderRadius=`calc(${n.height} * ${t?.shape?.roundCorners??e.roundCorners})`},K=({target:i,layoutParams:t,fallback:e})=>{i.style.transform=`rotate(${-t.angle}rad)`};var zt="int",X={AREA:`${zt}_area`,TEXT:`${zt}_text`,BUTTON:`${zt}_bttn`};var F=class{constructor(t){this.control=t}createView(t){let e=document.createElement("div");e.classList.add(`${_}-control-container-${this.control.id}`),t(e,this.control.layoutParams);let n=(this.control.layoutParams.innerSizesDependOn??N.innerSizesDependOn)==="self"?{height:e.style.height,width:e.style.width}:{height:"var(--interactive-content-height)",width:"var(--interactive-content-width)"};return{controlContainerEl:e,dependsOn:n}}setEvents(t,e){t&&this.control.events.forEach(n=>{switch(n.type.trim().toLowerCase()){case"onclick":t.addEventListener("click",r=>{r.stopPropagation(),e&&e({action:n.action,controlId:this.control.id,controlType:this.control.type})});break;default:break}})}getElement(){return document.querySelector(`.${_}-control-container-${this.control.id}`)}};var Et=i=>{if(i.type.trim().toLowerCase()==="area")return new Wt(i)},Wt=class extends F{constructor(t){super(t)}createView({parent:t,layoutFn:e}){let{dependsOn:n,controlContainerEl:s}=super.createView(e),r=document.createElement("button");return r.classList.add(`${_}-${this.control.id}`),r.setAttribute("data-testid",X.AREA),r.style.display="flex",r.style.width="100%",r.style.height="100%",r.style.cursor="pointer",r.type="button",bt({target:r,props:this.control.props,fallback:{...N,backgroundColor:"transparent"}}),Ct({target:r,props:this.control.props,fallback:{...N,borderAlpha:0},dependsOn:n}),K({target:r,layoutParams:this.control.layoutParams,fallback:N}),s.append(r),t.append(s),this.controlEl=r,s}disable(){this.controlEl&&(this.controlEl.style.cursor="default")}enable(){this.controlEl&&(this.controlEl.style.cursor="pointer")}getElement(){return document.querySelector(`.${_}-${this.control.id}`)}};var It=()=>{let i=document.createElement("span");return i.style.display="inline-block",i.style.whiteSpace="pre",i.style.overflow="hidden",i.style.textOverflow="ellipsis",i.style.maxWidth="100%",i.style.maxHeight="100%",i};var xt=i=>{if(i.type.trim().toLowerCase()==="button")return new Qt(i)},Qt=class extends F{constructor(t){super(t)}createView({parent:t,layoutFn:e}){let{dependsOn:n,controlContainerEl:s}=super.createView(e),r=document.createElement("button");r.type="button",r.classList.add(`${_}-${this.control.id}`),r.setAttribute("data-testid",X.BUTTON),r.style.display="flex",r.style.width="100%",r.style.height="100%",r.style.cursor="pointer",r.style.fontFamily="inherit";let a=It();return K({target:r,layoutParams:this.control.layoutParams,fallback:N}),bt({target:r,props:this.control.props,fallback:N}),Ct({target:r,props:this.control.props,fallback:N,dependsOn:n}),gt({target:r,props:this.control.props}),vt({target:a,props:this.control.props,fallback:N,dependsOn:n}),r.append(a),s.append(r),t.append(s),this.controlEl=r,s}disable(){this.controlEl&&(this.controlEl.style.cursor="default")}enable(){this.controlEl&&(this.controlEl.style.cursor="pointer")}getElement(){return document.querySelector(`.${_}-${this.control.id}`)}};var Ie=i=>{if(i.type.trim().toLowerCase()==="text")return new Kt(i)},Kt=class extends F{constructor(t){super(t)}createView({parent:t,layoutFn:e}){let{dependsOn:n,controlContainerEl:s}=super.createView(e),r=document.createElement("div");r.classList.add(`${_}-${this.control.id}`),r.setAttribute("data-testid",X.TEXT),r.style.display="flex",r.style.width="100%",r.style.height="100%",r.style.fontFamily="inherit";let a=It();return K({target:r,layoutParams:this.control.layoutParams,fallback:N}),gt({target:r,props:this.control.props}),vt({target:a,props:this.control.props,fallback:N,dependsOn:n}),r.append(a),s.append(r),t.append(s),this.controlEl=r,s}disable(){}enable(){}getElement(){return document.querySelector(`.${_}-${this.control.id}`)}};var Xt=class{constructor(t){this.layout=t}},xe=i=>{if(i.type.trim().toLowerCase()==="relative")return new J(i)},J=class extends Xt{constructor(t){super(t)}setContainerLayout(t){t.style.position="relative"}setControlLayout(t,e){t.style.position="absolute",t.style.width=`calc(var(--interactive-content-width) * ${e.width})`,t.style.height=`calc(var(--interactive-content-height) * ${e.height})`,t.style.left=`calc(var(--interactive-content-width) * ${e.x} + ((var(--interactive-width) - var(--interactive-content-width)) / 2))`,t.style.top=`calc(var(--interactive-content-height) * ${e.y} + ((var(--interactive-height) - var(--interactive-content-height)) / 2))`}};var q=class{constructor(t){this.container=t,this.factories=new Map,this.#s()}addControlFactory(t,e){this.factories.set(t.trim().toLowerCase(),e),this.#s()}removeControlFactory(t){this.factories.delete(t.trim().toLowerCase()),this.#s()}#s(){this.controls=this.#n()}#n(){return this.container.controls?.reduce((t,e)=>{let n=e.type.trim().toLowerCase(),s=this.factories.get(n);return s?[...t,s(e)]:[...t]},[])}};var Tt=(i,t)=>{if(i.type.trim().toLowerCase()==="choice")return new qt(i,t)},qt=class extends q{constructor(t,e){super(t),this.rootElement=e??yt(),this.layout=new J(this.container.layout),this.isRemoved=!1,this.isDisabled=!1,this.addControlFactory("button",xt),this.addControlFactory("text",Ie),this.addControlFactory("area",Et)}createView(t){let e=document.createElement("div");return e.classList.add(`${_}-${this.container.id}`),this.layout.setContainerLayout(e),this.controls.forEach(n=>{let s=n.createView({parent:e,layoutFn:this.layout.setControlLayout});n.setEvents(s,t)}),this.rootElement.append(e),this.isRemoved=!1,e}hide(){let t=this.getElement();t&&(t.style.visibility="hidden")}show(){let t=this.getElement();t&&(t.style.visibility="visible")}enable(){let t=this.getElement();t&&(this.controls.forEach(e=>e.enable()),t.style.opacity=1,this.isDisabled=!1)}disable(){let t=this.getElement();t&&(this.controls.forEach(e=>e.disable()),t.style.opacity=Ee,this.isDisabled=!0)}removeView(){this.isRemoved||(this.getElement()?.remove(),this.isRemoved=!0)}getElement(){return this.rootElement.querySelector(`.${_}-${this.container.id}`)}};var x=require("@vkontakte/videoplayer-shared");var Ve=require("@vkontakte/videoplayer-shared");function St(i,t){let e;return(...n)=>{clearTimeout(e),e=setTimeout(()=>i(...n),t)}}var tt={Object:"Object",String:"String",Array:"Array",Number:"Number",Function:"Function",Boolean:"Boolean"},G=(i,t)=>Object.prototype.toString.call(i)===`[object ${t}]`,et=i=>G(i,tt.Object),wt=i=>G(i,tt.String),Rt=i=>G(i,tt.Array),Vt=i=>G(i,tt.Number),Te=i=>G(i,tt.Function);var Zt=i=>Vt(i)&&!isNaN(i);var U=i=>et(i)&&Object.keys(i).length===0,Yt=i=>Rt(i)&&!i.length;var it=(i,t)=>wt(i)&&(t?i.trim():i).length;var Jt=window.navigator.userAgent.toLowerCase(),Ln=/ipad|iphone|ipod/.test(Jt),Se=/mobi/i.test(Jt),Nn=Jt.indexOf("android")>-1&&Se,vi=!Se,kn=window.safari!==void 0&&vi;var we="video_interactive",Re="videoint";var bi=250,nt=class{constructor(t){this.init(t)}init({root:t,onOpenPreviewClick:e,onError:n,lang:s,visitedChapters:r=[]}){this.isHidden=!0,this.currentManifestId=void 0,this.currentChapterId=void 0,this.visitedChapterIds=new Set(r),this.onOpenPreviewClick=e,this.onError=n,this.lang=s??"ru",this.zoom=.7,this.isReady=!1,this.lastZoomInfo=void 0,this.ngEditorSize=void 0,this.ngEditor=void 0,this.graphWrapperElement=Ci(t),this.resizeObserver=new ResizeObserver(St(this.onResize,bi)),this.resizeObserver.observe(this.graphWrapperElement)}onResize=t=>{this.isReady&&(!t[0].contentRect.width||!t[0].contentRect.height||(this.lastZoomInfo&&this.ngEditor.zoomTo(this.getNextPoint()),this.ngEditorSize={width:t[0].contentRect.width,height:t[0].contentRect.height}))};getNextPoint(t=this.ngEditorSize){return[(this.lastZoomInfo.x-t.width/2)/this.lastZoomInfo.value*-1,(this.lastZoomInfo.y-t.height/2)/this.lastZoomInfo.value*-1]}handleChapterChange=t=>{if(this.isReady){if(this.isHidden||this.hide(),!t?.id){this.onError?.("Id is not found"),console.error("Id is not found");return}this.visitedChapterIds.add(t.id),this.ngEditor.selectChapter(t.id),this.ngEditor.setVisitedChapters(Array.from(this.visitedChapterIds)),this.currentChapterId=t.id,this.lastZoomInfo=void 0}};handleManifestChange=async(t,e=[])=>{if(!Vt(t.graph.edit.chapters[0].x)){this.isReady=!1,this.onError?.("Can't show graph"),console.error("Can't show graph");return}if(this.lastZoomInfo=void 0,!this.ngEditor){let n;try{n=await(0,Ve.loadVKLangPack)(this.lang,we,Re)}catch{console.log("Unable to load graph language pack")}let{GraphEditor:s}=await import("@interactiveplatform/movika-graph-editor");this.ngEditor=new s(this.graphWrapperElement,{mode:"read",lang:this.lang,translation:n}),this.ngEditor.on("control",({name:r,chapterId:a})=>{r==="openPreview"&&this.onOpenPreviewClick(a)}),this.ngEditor.on("zoomEnd",r=>{this.lastZoomInfo={...r}})}this.visitedChapterIds=new Set(e),t.metadata.id!==this.currentManifestId?(this.ngEditor.update(t),this.currentManifestId=t.metadata.id):this.ngEditor.setVisitedChapters(Array.from(this.visitedChapterIds)),this.isReady=!0};setVisitedChapters(t){this.visitedChapterIds=new Set([...this.visitedChapterIds,...t]),this.ngEditor.setVisitedChapters(Array.from(this.visitedChapterIds))}updateVideosInfo(t){this.ngEditor.updateVideosInfo(t)}show(){!this.ngEditor||!this.isReady||(this.graphWrapperElement.style.display="block",this.lastZoomInfo||this.ngEditor.focusChapter(this.currentChapterId),this.isHidden=!1)}hide(){this.graphWrapperElement.style.display="none",this.isHidden=!0}destroy(){this.hide(),this.resizeObserver.disconnect(),this.ngEditor?.setVisitedChapters([]),this.onOpenPreviewClick=void 0,this.ngEditor?.dispose(),this.graphWrapperElement.remove(),this.isReady=!1}};function Ci(i){let t=document.createElement("div");return t.style.position="absolute",t.style.top="0",t.style.left="0",t.style.height="100%",t.style.width="100%",t.style.display="none",i.append(t),t}var te=()=>{let i=[],t=null;return{setPlayer:a=>{t=a},setContainers:a=>{i=a},deleteContainer:a=>{i=i.filter(o=>o.id!==a)},getNextInteractiveTime:(a=3e3)=>{if(!i.length||t===null)return null;let o=-1,l=!1,h=Math.round(t.info.position$.getValue()*1e3);for(let y of i){let g=y.startTime-a;if(g<=h&&(h<=y.endTime||y.endTime===null)){l=!0;break}h<g&&(o=o===-1?g:Math.min(o,g))}return!l&&o!==-1?o:null}}};var $=(i="",t="")=>{i=i.split("."),t=t.split(".");let e=0;for(let n=0;n<Math.max(i.length,t.length)&&!e;n++)i[n]>t[n]?e=1:i[n]<t[n]?e=-1:e=0;return e};var Ae=require("uuid"),Ei="3.1",_e={default:"setNextBranch",random:"setRandomBranch",weightlessRandom:"setWeightlessRandomBranch",max:"setMaxWeightBranch",min:"setMinWeightBranch"},Ii={type:"onSuspense",action:{type:"continuePlayback",args:{shouldOpenNow:!0,isDetachContainer:!0}}},Me=i=>{let t=[];for(let e of i.chapters){let n,s=[];for(let{isDefault:o,...l}of e.branches)o&&(n=l.id),s.push(l);let r=[],a=[];for(let{fallbackStrategy:o,...l}of e.containers){let h=!!l.endTime,y=[Ii];switch(o){case"await":h?y=[]:r=[];break;case"default":{let g={type:"onSuspense",action:{type:_e.default,args:{branchId:n,shouldOpenNow:!h,isDetachContainer:!0}}};h?y=[g]:r=[g];break}case"random":case"weightlessRandom":case"max":case"min":{let g={type:"onSuspense",action:{type:_e[o],args:{}}};h?y=[g]:r=[g];break}}for(let g of l.controls)a.push({...l,controls:[{...g}],id:(0,Ae.v4)(),events:y})}t.push({...e,containers:a,events:r,branches:s})}return i.metadata.version=Ei,i.metadata.updated=new Date().toISOString(),{...i,chapters:t}};var xi="3.2",Le=i=>{if(!i.media){let{media:t,...e}=i.metadata;return{...i,metadata:{...e,version:xi},media:t}}return i};var Ti="3.3",Si=(i=[])=>({edit:{chapters:i},view:{}}),Ne={type:"onSuspense",action:{type:"expect",args:{shouldOpenNow:!0,isDetachContainer:!0}}},ke=i=>{let t=[],e=[];for(let n of i.chapters){let{id:s,x:r,y:a,...o}=n,l=o.containers.map(h=>({...h,controls:h.controls.map(({subtype:y,type:g,...T})=>({...T,type:y??g})),events:h.events?.length?h.events:[Ne]}));t.push({id:s,...o,containers:l,events:o.events?.length?o.events:[Ne]}),e.push({id:s,x:r,y:a})}return{...i,chapters:t,graph:Si(e),metadata:{...i.metadata,version:Ti}}};var wi=[{version:"3.0",migrate:Me},{version:"3.1",migrate:Le},{version:"3.2",migrate:ke}],ee=i=>wi.reduce((t,e)=>$(t.metadata.version,e.version)?t:e.migrate(t),i);var nr=Object.freeze({Choice:"Choice",TextInput:"TextInput"}),je=Object.freeze({Button:"Button",Area:"Area",Text:"Text"}),rr=Object.freeze({onClick:"onClick",onSuspense:"onSuspense"}),E=Object.freeze({openURI:"openURI",setNextBranch:"setNextBranch",setWeightlessRandomBranch:"setWeightlessRandomBranch",setRandomBranch:"setRandomBranch",setMaxWeightBranch:"setMaxWeightBranch",setMinWeightBranch:"setMinWeightBranch",setDefaultBranch:"setDefaultBranch",continuePlayback:"continuePlayback",expect:"expect"}),_t=(r=>(r.GO_NEXT_BUTTON="GO_NEXT_BUTTON",r.GO_NEXT_AREA="GO_NEXT_AREA",r.WATCH_AGAIN="WATCH_AGAIN",r.OPEN_GRAPH="OPEN_GRAPH",r.CLOSE_GRAPH="CLOSE_GRAPH",r))(_t||{});var Pe={metadata:"Object",chapters:"Array"},Ri="3.0.0",Vi="3.3.0",rt=i=>{let t=$(i,Ri);return t===-1?!1:t===0?!0:$(i,Vi)!==1},Oe=i=>{if(!et(i))return!1;for(let t in Pe)if(!i[t]||!G(i[t],Pe[t]))return!1;return rt(i.metadata.version)},At=i=>i.type===je.Text;var v=class{constructor(t,e,...n){this.severity=t,this.category=e,this.data=n}toString(){return`SDK_NAME ERROR ${JSON.stringify(this,null," ")}`}static Severity={RECOVERABLE:1,CRITICAL:2};static Category={VIDEO:0,INTERACTIVES:1,GRAPH:2,MANIFEST:3,LOADERS:4,HISTORY:5,SEAMLESS:6}};var Z=class{listeners={};addListener(t,e){return this.listeners[t]=this.listeners[t]||[],this.listeners[t].push(e),this}on(t,e){return this.addListener(t,e)}once(t,e){this.listeners[t]=this.listeners[t]||[];let n=()=>{e(),this.off(t,n)};return this.listeners[t].push(n),this}off(t,e){return this.removeListener(t,e)}reset(){this.listeners={}}removeListener(t,e){let n=this.listeners[t];if(!n)return this;for(let s=n.length;s>0;s--)if(n[s]===e){n.splice(s,1);break}return this}emit(t,...e){let n=this.listeners[t];return n?(n.forEach(s=>{s(...e)}),!0):!1}listenerCount(t){return(this.listeners[t]||[]).length}rawListeners(t){return this.listeners[t]}};var Mt=class{constructor(t){this.raf,this.fn,this.fns=[],this.addFn(t)}addFn=(t,e=!1)=>{Te(t)&&(this.fns.push(t),e&&this.updateFn())};removeFn=(t,e=!1)=>{this.fns=this.fns.filter(n=>n!==t),e&&this.updateFn()};updateFn=()=>{this.fn=()=>{this.fns.forEach(t=>t()),this.raf&&this.forceRequestAnimation()}};forceRequestAnimation=()=>{this.fn&&(this.raf=requestAnimationFrame(this.fn))};requestAnimation=()=>{this.raf||this.forceRequestAnimation()};cancelAnimation=()=>{cancelAnimationFrame(this.raf),this.raf=void 0};release(){this.cancelAnimation(),this.fn=void 0,this.fns=[]}};var He=require("@vkontakte/videoplayer-shared");var Lt=class{constructor(t){this.loaders={chapterLoaders:t?.chapterLoaders??[],manifestLoaders:t?.manifestLoaders??[]}}async exec(t,e){return _i(...this.loaders[t])(e)}};function _i(...i){return async function(e){let n=[...i];for(;n.length>0;)e=await n.shift()(e);return e}}function st(i,t,e){return i?{...i,[t]:i[t]?[e,...i[t]]:[e]}:{[t]:[e]}}function Nt({actions:i,errors:t,chapterId:e,...n}){if(e){let s=i.getManifest(),r=i.getChapter(s.chapters,e);if(r){let a=i.getMedia(s.media,r.videoId),o=i.getGraph(s.graph,r.id);return a?{...n,actions:i,errors:t,result:{chapter:r,media:a,graph:o}}:{...n,errors:st(t,Nt.name,"Could not find media"),actions:i}}}return{...n,errors:st(t,Nt.name,"Could not find chapter"),actions:i}}var Ai=async i=>{try{let t,e;if(et(i))t=i;else if(wt(i)){e=new URL(i).href;let s=await fetch(e);if(!s.ok)return{};t=await s.json()}else return{};if(!Oe(t))return{};let n=t.metadata.media;if(wt(n)&&!t.media)try{let s;e?s=new URL(n,e).href:(s=new URL(n).href,e=s);let r=await fetch(s);if(!r.ok)throw new Error;t.metadata.media=await r.json()}catch{return Ni(t.metadata.version)?{manifest:t}:{}}return{manifest:t,manifestURL:e}}catch{return{}}};async function $e(i){let{manifest:t,manifestURL:e}=await Ai(i),n=ee(t);return n.media=Mi(n.media,e),delete n.metadata.media,n}function kt(i,t){return i.find(e=>e.id===t)}function ie(i,t){return i.edit?.chapters?i.edit.chapters.find(e=>e.id===t):i.view?.chapters?i.view.chapters.find(e=>e.id===t):void 0}function ne(i,t){return i.videos.find(e=>e.id===t)}function Mi(i,t){return{...i,videos:i.videos.map(e=>({...e,variants:e.variants.map(n=>{let s=Li(n.url,t);return{...n,url:s||n.url}})}))}}function Li(i,t){try{return new URL(i,t).href}catch{return""}}function Ni(i){return $(i,"3.2.0")>=0}var R=Object.freeze({nothing:0,beforeInteractive:1,interactive:2,afterInteractive:3,end:4,removed:5,destroyed:6}),jt=i=>Rt(i)&&!Yt(i),j=i=>i.order==="end",ot=i=>Rt(i.containers)&&!Yt(i.containers)&&j(i),Be=(i,t)=>{let e=i*1e3;return jt(t.controls)&&e<(t.startTime??0)},re=(i,t)=>{let e=i*1e3;return jt(t.controls)&&e>=(t.startTime??0)&&e<=(t.endTime??1/0)};var z=i=>i.some(t=>t.action.type==="expect"),se=i=>i.find(t=>t.action.type==="expect"),ki=i=>i?.length===1,Pt=i=>ki(i)&&At(i[0]);var Fe=({fn:i,type:t=1},...e)=>(...n)=>t?i(...n,...e):i({...n[t],...e[t]}),De=(i,t)=>z(i.events)?!1:t.some(({container:e})=>e.container.id!==i.id&&z(e.container.events)&&e.container.endTime===i.endTime&&!e.isRemoved);var W=class extends Lt{constructor(t,e){super(t),this.onError=e,this.prevChapter$=new He.ValueSubject(null),this.release()}release(){return this.manifest=null,this.chapter=null,this.media=null,this.graph=null,this.prevChapter$.next(null),this}async setManifest(t){this.release();let e=await this.exec("manifestLoaders",{actions:{addErrorMessage:st},result:null,errors:null,source:t});e.errors&&this.errorHandler(e.errors);let n=await $e(e.result??t);return this.manifest=n,this}async setInitial(){return this.setNext()}async setNext(t=this.manifest.metadata.initChapterId){this.prevChapter$.next(this.chapter);let e=await this.exec("chapterLoaders",Nt({actions:{getManifest:()=>this.manifest,getCurrent:this.getCurrent,getGraph:ie,getChapter:kt,getMedia:ne,getByBranches:this.getByBranches.bind(this),addErrorMessage:st},result:null,errors:null,chapterId:t}));return e.errors&&this.errorHandler(e.errors),this.chapter=e.result.chapter,this.media=e.result.media,this.graph=e.result.graph,this}errorHandler(t){this.onError(t),console.error("Something went wrong with loaders",{errors:t})}getInitial(){return this.getByChapterId(this.manifest.metadata.initChapterId)||null}getByChapterId(t=this.manifest.metadata.initChapterId){let e=kt(this.manifest.chapters,t);if(e){let n=ne(this.manifest.media,e.videoId),s=ie(this.manifest.graph,e.id);if(n)return{chapter:e,media:n,graph:s}}return null}getBranches(t=this.chapter.id){if(t===this.chapter.id)return this.getByBranches(this.chapter.branches);{let e=kt(this.manifest.chapters,t);return this.getByBranches(e?.branches)}}getByBranches(t=[]){return t.reduce((e,n)=>{let s=this.getByChapterId(n.chapterId);return s&&e.push(s),e},[])}getCurrent(){return{chapter:this.chapter,media:this.media,graph:this.graph}}isInitialChapter(){return this.chapter.id===this.manifest.metadata.initChapterId}isEndChapter(){return j(this.chapter)}};var Ue=require("@vkontakte/videoplayer-core"),ze=require("@vkontakte/videoplayer-shared");var Ge=i=>{let t=i.variants.find(e=>e.payload?.type==="vk");if(t&&"payload"in t){let[e,n]=t.payload.id.split("_");return[e,n]}return[]};var p={graph:"graph",interactives:"interactives",chapterChanged:"chapter-changed",playerChanged:"player-changed",manifestChanged:"manifest-changed",errors:"errors",eachTick:"eachTick",historyInited:"history-inited",historyDestroyed:"history-destroyed"},Y={visibility:"visibility",watchAgainClicked:"watchAgainClicked"},b={actionChoiceCanceled:"action-choice-canceled",actionChoice:"action-choice",actionExecution:"action-execution",visibility:"visibility",containerRemoved:"container-removed",rangeEnded:"range-ended"};function oe(){let i=new Map;function t({listId:s=Math.random().toString(),itemId:r=Math.random().toString(),...a}){let o=i.get(s),l={...a};return o?o[r]=l:i.set(s,{[r]:l}),{listId:s,itemId:r,...a}}function e(s,r){let a=i.get(s);if(a){if(r)return a[r]?.player.destroy(),a[r]?.container.remove(),a[r]?.subscription.unsubscribe(),delete a[r],Object.keys(a).length||i.delete(s),!0;for(let o of Object.values(a))o.player.destroy(),o.container.remove();return i.delete(s),!0}else throw Error("Can't remove. Not find.")}function n(){for(let s of i)e(s[0])}return{createPlayer:t,removePlayer:e,map:i,removeAll:n}}function ae(i,t=[]){let e={},n,s=!t.length;for(let r of i.variants)if(!n&&"cover"in r&&(n=r.cover),"url"in r)switch(r.type.toLowerCase()){case"mp4":(s||t.includes("mp4"))&&(e.MPEG={...e.MPEG,[r.standard??"Invariant quality"]:r.url});break;case"mpeg":(s||t.includes("mpeg"))&&(e.MPEG={...e.MPEG,[r.standard??"Invariant quality"]:r.url});break;case"hls":(s||t.includes("hls"))&&(e={...e,HLS:{type:"url",url:r.url}});break;case"dash":(s||t.includes("dash"))&&(e={...e,DASH_SEP:{compatibilityMode:!0,type:"url",url:r.url}});break;default:break}return{sources:e,thumbUrl:n,title:i.title??""}}var at=(i,t)=>{let e=i.info.currentQuality$.getValue(),n=i.info.availableQualities$.getValue();e!==t&&n.includes(t)&&(i.setQuality(t),i.setAutoQuality(!1))};var ct={activePlayerChanged:"sc-active-player-changed",initiated:"sc-initiated",playerCreated:"sc-player-created"},ji=2;function ce(i){let t=oe(),e,n,s=new Z,r={},a=!1,o=null,l=!1,h;i&&y(i);function y(c){o=c}function g(c,d,m){if(!o)throw Error("need to set interactive controller");if(!o.options)return;let S=(t.map.get(c)??{})[d];if(S){r={chapterId:m,listId:c,itemId:d,...S};let w=r.player;n=w.info.currentQuality$.subscribe(V=>{if(!(!V||!w.info.position$.getValue())){e=V;for(let I of t.map)Object.values(I[1]).forEach(({player:M})=>{w.info.isAutoQualityEnabled$.getValue()||at(M,V)})}}),S.container.remove(),a=!1,o.setPlayer(S.player),l||(o.init(),l=!0),s.emit(ct.activePlayerChanged,{player:r.player,config:r.config});return}throw Error("Can't set. Not find.")}async function T(c,d,m){if(!o)throw Error("need to set interactive controller");if(U(r)||c!==r.itemId)return;if(m>=0&&!a){let S=o.getChapterBranches();a=!0;let w=new Set;for(let V of S)w.has(V.media.id)||(await A({media:V.media,chapterId:V.chapter.id,setAsActive:!1,title:V.chapter.label}),w.add(V.media.id))}}async function C({chapter:{id:c},media:d}){if(U(r))return;n?.unsubscribe();let m=r.player.info.muted$.getValue(),f=r.player.info.currentQuality$.getValue(),S=r.player.info.isAutoQualityEnabled$.getValue(),w=r.player.info.volume$.getValue(),V=r.player.info.currentPlaybackRate$.getValue(),I=!S,M=!1;for(let L of t.map)if(L[0]===d.id){let O=Object.keys(L[1]);for(let k of O)k===r.itemId?(O.length<ji||(M=!0),t.removePlayer(L[0],k)):(M=!0,g(L[0],k,c),I?at(r.player,f):r.player.setAutoQuality(!0),r.player.setVolume(w),r.player.setMuted(m),r.player.setPlaybackRate(V))}else t.removePlayer(L[0]);M||(await A({media:d,chapterId:c,setAsActive:!0,playbackRate:V}),I?at(r.player,f):r.player.setAutoQuality(!0),r.player.setVolume(w),r.player.setMuted(m))}async function A({media:c,chapterId:d,prefetch:m=!0,setAsActive:f=!0,autoplay:S=!1,preferredExt:w,title:V,playbackRate:I}){let M=Math.random().toString(),L=document.createElement("div");h.append(L);let O=r?.player?.info.isAutoQualityEnabled$.getValue(),k;if(o?.options?.vkVideoLoader){let ft=Ge(c);ft.length&&(k=await o.options.vkVideoLoader(...ft))}let ut=o?.options?.coreConfig||{},ci={...ut,configName:[...ut.configName??[],"interactive"]},fe={container:L,...k?.videos?.[0]||{sources:ae(c,w).sources},title:V,failoverHosts:k?.failoverHosts||[]},H=new Ue.Player(ci);H.initVideo(fe);let me=new ze.Subscription;me.add(H.info.position$.subscribe(function(ft){T(M,H.info.duration$.getValue(),ft)})).add(H.events.canplay$.subscribe(function(){O||at(H,e),I&&H.setPlaybackRate(I)}));let Q=t.createPlayer({listId:c.id,itemId:M,player:H,container:L,sources:ae(c,w).sources,config:fe,subscription:me});return f&&g(c.id,Q.itemId,d),S&&Q.player.play(),m&&!S&&Q.player.prepare(),s.emit(ct.playerCreated,Q.player),{player:Q.player,config:Q.config}}function pt(){P(),o=null}function P(){o?.off(p.chapterChanged,C),t.removeAll(),r={},l=!1,a=!1}async function u({container:c}){if(!o)throw Error("need to set interactive controller");P(),h=c;let{media:d,chapter:m}=o.getCurrentChapter();if(d){o.on(p.chapterChanged,C);let{player:f,config:S}=await A({media:d,chapterId:m.id,title:m.label});return s.emit(ct.initiated,{container:c,media:d,chapterId:m.id}),{player:f,config:S}}else console.error("not found")}return{...t,on:s.on.bind(s),off:s.off.bind(s),init:u,setInteractiveController:y,createPlayer:A,removeAll:pt,getActivePlayer:function(){return r}}}var We=require("@vkontakte/videoplayer-shared");var Ot=class{constructor({player:t,container:e,branches:n,selectBranches:s,interactiveEvents:r,globalEventEmitter:a,ignoreContainerEvent:o,permanentTextControls:l,disabledControls$:h,onRemove:y}){this.container=e,this.branches=n,this.selectBranches=s,this.subscription=new We.Subscription,this.player=t,this.interactiveEvents=r,this.ignoreContainerEvent=o,this.isPermanentText=l&&Pt(e.container.controls),this.disabledControls$=h,this.onRemove=y,this.globalEventEmitter=a,this.gameState=R.nothing,this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.registerEvents()}registerEvents(){this.subscription.add(this.player.events.playing$.subscribe(this.show)).add(this.player.events.paused$.subscribe(this.hide)).add(this.player.events.ended$.subscribe(this.onEndOfVideo)).add(this.disabledControls$.subscribe(t=>{t?this.container.disable?.():this.container.enable?.()}))}hide=()=>{setTimeout(()=>{this.gameState!==R.end&&(z(this.container.container.events)&&this.gameState===R.afterInteractive||this.selectBranches.state.isExpect||(this.gameState!==R.interactive&&this.container.hide?.(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!1})))})};show=()=>{if(this.gameState===R.interactive&&!this.isSelectedControlEvent)if(this.container.getElement())this.container.show?.(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!0,isFirst:!1});else{let e=Fe({fn:this.selectBranches.onControlEvent,type:0},{isDisabled:()=>this.container.isDisabled,branches:this.branches,containerId:this.container.container.id,onDetachContainer:()=>{this.removeView(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!1})},onEvent:(n,s)=>{this.isSelectedControlEvent=!0,n!==!1&&(this.removeView(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!1})),(this.gameState===R.end||this.gameState===R.afterInteractive||this.selectBranches.state.isExpect)&&(this.selectBranches.stopExpect(),s(),this.removeView(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!1}))},isEOV:()=>this.gameState===R.end});this.container.createView(e),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!0,isFirst:!0}),this.disabledControls$.getValue()&&this.container.disable?.()}};selectContainerEvent(t=!1){this.interactiveEvents.containersEventsCallState.setCalled({timestamp:t?1/0:this.container.container.endTime,id:this.container.container.id}),!(this.isSelectedControlEvent||this.isSelectedContainerEvent)&&(this.isSelectedContainerEvent=!0,this.ignoreContainerEvent()||this.selectBranches.setManifestContainerEvents({container:this.container.container,branches:this.branches,isEOV:t}),!t&&this.interactiveEvents.exec(this.container.container.endTime))}onStartTime(){this.show()}onEndTime(){this.selectContainerEvent(!1);let t=z(this.container.container.events)||this.ignoreContainerEvent();(this.isSelectedControlEvent||!t)&&this.removeView()}onBeforeStartTime(){this.container.hide?.(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.visibility,visibility:!1})}onEndOfVideo=()=>{this.gameState=R.end,this.selectContainerEvent(!0)};whilePlaying=()=>{if(this.player.experimental.element$.getValue()?.readyState<1||[R.destroyed,R.removed].includes(this.gameState)&&!this.isPermanentText)return;let e=this.player.getExactTime();if(Be(e,this.container.container))this.gameState!==R.beforeInteractive&&(this.gameState=R.beforeInteractive,this.onBeforeStartTime());else if(re(e,this.container.container))this.gameState!==R.interactive&&(this.gameState=R.interactive,this.onStartTime());else if(this.gameState!==R.afterInteractive){let r=this.gameState;this.gameState=R.afterInteractive,r===R.interactive&&this.onEndTime()}else this.gameState!==R.destroyed&&!this.isPermanentText&&this.removeView();let n=re(e,this.container.container),s=this.container.container.startTime?[this.container.container.startTime,this.container.container.endTime??1/0]:[];this.globalEventEmitter.emit(p.eachTick,{subjectId:this.container.container.id,subjectName:"container",range:s,currentTime:e,isInteractiveTime:n})};reset(){this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.gameState=R.beforeInteractive}removeView(){this.container.removeView(),this.globalEventEmitter.emit(p.interactives,{subjectId:this.container.container.id,subjectName:"container",type:b.containerRemoved,visibility:!1}),this.gameState=R.removed,this.onRemove?.()}destroy(){this.reset(),this.removeView(),this.gameState=R.destroyed,this.subscription.unsubscribe(),this.branches=[],this.interactiveEvents.containersEventsCallState.setCalled({timestamp:this.container.container.endTime??1/0,id:this.container.container.id})}};var Qe=(i=[])=>i.reduce((t,e,n)=>{let s=(e?.controls??[]).filter(r=>!At(r));if(jt(s)){let r=[e.startTime??0,e.endTime??1/0],a=e.id;if(!n)t.push({subjects:[a],range:r});else{let o=[],l=-1/0,h=1/0,y=[],g=[];for(let T=0;T<t.length;T++){let C=t[T];if(g.push(...C.subjects),C.range[0]<h&&(h=C.range[0]),C.range[1]>l&&(l=C.range[1]),r[0]>=C.range[0]&&r[1]<=C.range[1])return t[T].subjects.push(a),t;r[0]<C.range[0]&&r[1]>C.range[0]&&(o.push(T),y=y.concat(C.subjects)),r[0]>=C.range[0]&&r[0]<=C.range[1]&&(o.push(T),y=y.concat(C.subjects),r[0]=C.range[0]),r[1]>=C.range[0]&&r[1]<=C.range[1]&&(o.push(T),y=y.concat(C.subjects),r[1]=C.range[1])}if(g.push(a),r[0]<=h&&r[1]>=l)return[{subjects:g,range:r}];o.length&&o.reverse().forEach(T=>{t.splice(T,1)}),t.push({subjects:y.concat([a]),range:r})}}return t},[]).sort((t,e)=>t.range[0]-e.range[0]);function Ke(){let i={};function t(){for(let o in i)Object.prototype.hasOwnProperty.call(i,o)&&delete i[o];return!0}function e(o){let l={};for(let h in i)+h<=o&&(l[h]=i[h]);return l}function n(o){let l={};for(let h in i)+h>=o&&(l[h]=i[h]);return l}function s({timestamp:o,priority:l,initiator:h}){if(Zt(o)){let y=i[o]??null;if(y&&it(l,!0)){let g={},T=y[l];return T&&(g={...g,...T}),g=U(g)?null:g,g&&it(h,!0)?g[h]??null:g}return y}return null}function r({timestamp:o,priority:l,initiator:h}){if(Zt(o))if(i[o]){if(it(l,!0))if(i[o][l]){if(it(h,!0))if(i[o][l][h]){if(delete i[o][l][h],!U(i[o][l]))return!0}else return!1;if(delete i[o][l],!U(i[o]))return!0}else return!1;return delete i[o]}else return!1}function a({timestamp:o,priority:l,initiator:h,...y}){i[o]?.[l]?.[h]?i[o][l][h].push({...y}):i[o]?.[l]?i[o][l]={...i[o][l],[h]:[{...y}]}:i[o]?i[o]={...i[o],[l]:{[h]:[{...y}]}}:i[o]={[l]:{[h]:[{...y}]}}}return{map:i,remove:r,add:a,removeAll:t,get:s,getLte:e,getGte:n}}var Pi=[E.expect,E.setNextBranch],Oi=1/0;function le(i){let t=i,e,n=$i(),s=new Ke,r,a=()=>{T(),u()},o=c=>{s.add.call(void 0,c),A()},l=(c=[])=>{for(let d of c)if(d.action(),Pi.includes(d.actionType))break},h=(c=1/0)=>{let d=$t(s.get({timestamp:c,priority:"control"})??{}),m=$t(s.get({timestamp:c,priority:"container"})??{}),f=$t(s.get({timestamp:c,priority:"chapter"})??{});return[...d,...m,...f]},y=c=>{n.isReady(c)&&l(h(c))},g=()=>{l([...$t(s.get({timestamp:1/0,priority:"chapter"})??{})])},T=()=>{e&&(r?.unsubscribe(),e=void 0)},C=c=>{},A=()=>{e||(e=()=>setTimeout(()=>{y(1/0)}),r=t.events.ended$.subscribe(e))},pt=c=>{T(),t=c},P=c=>{c.priority==="container"&&n.resetCalled(c.timestamp),s.remove(c)},u=()=>{n.release(),s.removeAll()};return{setPlayer:pt,add:o,remove:P,exec:y,execEndOfVideo:g,listen:A,unlisten:T,release:a,containersEventsCallState:n,getPreparedToExecActions:h}}function $i(){let i=new Map;return{setCalled:({timestamp:a,id:o})=>{let l=i.get(a);l&&l[o]!==void 0&&(l[o]=!0)},setData:(a=[])=>{for(let o of a){let l=o.endTime??Oi,h=i.get(l)??{};i.set(l,{...h,[o.id]:!1})}},resetCalled:a=>{let o=i.get(a);if(o)for(let l in o)o[l]=!1},isReady:a=>{let o=i.get(a);return o?!Object.values(o).some(l=>!l):!0},release:()=>i.clear()}}function $t(i){return Object.values(i).flat().sort(t=>t.actionType===E.expect?-1:1)}var Xe=(i,t)=>{let{height:e,width:n}=t.info.intrinsicVideoSize$.getValue()||{};if(!(e&&n))return{videoContentHeight:0,videoContentWidth:0};let{clientHeight:s,clientWidth:r}=t.experimental.element$.value||{};if(!(s&&r))return{videoContentHeight:0,videoContentWidth:0};let a=e/n,o=s/r,l,h;return o>a?(h=r,l=r*a):o<a?(h=s/a,l=s):(h=r,l=s),{videoContentWidth:h,videoContentHeight:l}};var Bi=250;function qe(i){let t=()=>{},e=new ResizeObserver(o=>{r(o),t=r.bind(null,o)});function n(o){let{parentElement:l,player:h}=i();if(l&&h){let{videoContentWidth:y,videoContentHeight:g}=Xe(l,h);l.style.setProperty("--interactive-content-width",`${y}px`),l.style.setProperty("--interactive-content-height",`${g}px`),l.style.setProperty("--interactive-width",`${o[0].contentRect.width}px`),l.style.setProperty("--interactive-height",`${o[0].contentRect.height}px`)}}function s(){let{parentElement:o}=i();o.removeAttribute("style")}let r=St(o=>{let{fns:l=[]}=i();n(o);for(let h of l)h()},Bi);function a(){t=void 0,e.disconnect(),s()}return{resizeObserver:e,calc:()=>{t()},release:a}}var lt=class{constructor(){this.map={}}push(t,e){t in this.map?this.map[t].push(e):this.map[t]=[e]}get(t){let e=this.map[t];return e?e.slice():null}getAll(){let t=[];for(let e in this.map)t.push(...this.map[e]);return t}remove(t,e){t in this.map&&(this.map[t]=this.map[t].filter(n=>n!==e),this.map[t].length===0&&delete this.map[t])}clear(){this.map={}}size(){return Object.keys(this.map).length}keys(){return Object.keys(this.map)}};var Fi=i=>Math.floor(Math.random()*i),Ze=i=>{let t=i.length,e=1/0,n=null;for(;t--;)i[t].weight<e&&(e=i[t].weight,n=i[t]);return n},Ye=i=>{let t=i.length,e=-1/0,n=null;for(;t--;)i[t].weight>e&&(e=i[t].weight,n=i[t]);return n};var Je=i=>{let t=i.length,e=Fi(t);return i[e]};var ti=i=>{let t=0;for(let n=0;n<i.length;++n)t+=i[n].weight??1;let e=Math.random()*t;t=0;for(let n=0;n<i.length-1;++n)if(t+=i[n].weight??1,t>=e)return i[n];return i[i.length-1]};var ei=Object.freeze({shouldOpenNow:!0,isDetachContainer:!0});var he=(i,t=!1)=>({...i,args:t?{...i.args,...ei}:{...ei,...i.args}}),de=({globalEventEmitter:i,player:t,interactiveEvents:e,removeControllers:n})=>{let s={isExpect:!1},r=()=>{s.isExpect&&(s.isExpect=!1)},a=({action:u,controlType:c,controlId:d,containerId:m,branches:f=[],onEvent:S,isEOV:w=()=>!1,isDisabled:V=()=>!1})=>{let I=he(u,w()),M={timestamp:1/0,priority:"control",initiator:d,actionType:I.type},L=V(),O=i.emit.bind(i,p.interactives,{subjectId:d,subjectType:c,subjectName:"control",type:L?b.actionChoiceCanceled:b.actionChoice,actionType:u.type,payload:{containerId:m,...I.args}});if(L){O();return}switch(I.type.trim().toLowerCase()){case E.setNextBranch.trim().toLowerCase():{let k=f.find(ut=>ut.id===I.args.branchId);if(!k)return;S(I.args.isDetachContainer,T.bind(null,{subjectId:d,subjectName:"control"})),O(),I.args.shouldOpenNow?A({subjectId:d,subjectName:"control",subjectType:c,action:I,payload:{chapterId:k.chapterId,autoSelect:!1}}):(e.add({...M,action:A.bind(null,{subjectId:d,subjectName:"control",subjectType:c,action:I,payload:{chapterId:k.chapterId,autoSelect:!1}})}),n?.());return}case E.continuePlayback.trim().toLowerCase():{S(I.args.isDetachContainer,T.bind(null,{subjectId:d,subjectName:"control"})),O(),I.args.shouldOpenNow?C({subjectId:d,subjectName:"control",subjectType:c,action:u}):e.add({...M,action:C.bind(null,{subjectId:d,subjectName:"control",subjectType:c,action:u})});return}case E.openURI.trim().toLowerCase():{S(I.args.isDetachContainer,T.bind(null,{subjectId:d,subjectName:"control"})),O(),I.args.shouldOpenNow?P({subjectId:d,subjectName:"control",subjectType:c,action:I,payload:{URI:u.args.uri}}):(e.add({...M,action:P.bind(null,{subjectId:d,subjectName:"control",subjectType:c,action:I,payload:{URI:u.args.uri}})}),n?.());return}default:console.error("Unexpected control event"),i.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.INTERACTIVES,{message:"Unexpected control event"}));return}},o=({action:u,container:{id:c,endTime:d},branches:m=[],isEOV:f=!1,autoSelected:S=!1})=>{let w=he(u,f),V={timestamp:!w.args.shouldOpenNow||f?1/0:d,priority:"container",initiator:c,actionType:w.type},I=i.emit.bind(i,p.interactives,{subjectId:c,subjectName:"container",type:b.actionChoice,actionType:w.type,payload:w.args});switch(w.type.trim().toLowerCase()){case E.setNextBranch.trim().toLowerCase():{let M=m.find(L=>L.id===w.args.branchId);if(!M)return;I(),e.add({...V,action:A.bind(null,{subjectId:c,subjectName:"container",action:w,payload:{chapterId:M.chapterId,autoSelect:S}})}),n?.();return}case E.setMaxWeightBranch.trim().toLowerCase():return;case E.setMinWeightBranch.trim().toLowerCase():return;case E.setRandomBranch.trim().toLowerCase():return;case E.setWeightlessRandomBranch.trim().toLowerCase():return;case E.continuePlayback.trim().toLowerCase():{I(),e.add({...V,action:C.bind(null,{subjectId:c,subjectName:"container",action:w})});return}case E.openURI.trim().toLowerCase():{I(),e.add({...V,action:P.bind(null,{subjectId:c,subjectName:"container",action:w,payload:{URI:u.args.uri}})}),n?.();return}default:console.error("Unexpected container event"),i.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.INTERACTIVES,{message:"Unexpected container event"}));return}};function l({container:u,branches:c,isEOV:d=!1}){let m=se(u.events);if(m){let f=he(m.action,d);i.emit(p.interactives,{subjectId:u.id,subjectName:"container",type:b.actionChoice,actionType:f.type,payload:f.args}),e.add({timestamp:d?1/0:u.endTime,priority:"container",initiator:u.id,actionType:E.expect,action:g.bind(null,{subjectId:u.id,subjectName:"container"})}),s.isExpect=!0}else for(let f of u.events)o({action:f.action,container:u,branches:c,isEOV:d})}let h=({chapterId:u,action:c,branches:d=[]})=>{let m=i.emit.bind(i,p.interactives,{subjectId:u,subjectName:"chapter",type:b.actionChoice,actionType:c.type,payload:c.args});switch(c.type.trim().toLowerCase()){case E.setNextBranch.trim().toLowerCase():{let f=d.find(S=>S.id===c.args.branchId);return f?.chapterId?(m(),A.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case E.setWeightlessRandomBranch.trim().toLowerCase():{let f=Je(d);return f?.chapterId?(m(),A.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case E.setRandomBranch.trim().toLowerCase():{let f=ti(d);return f?.chapterId?(m(),A.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case E.setMaxWeightBranch.trim().toLowerCase():{let f=Ye(d);return f?.chapterId?(m(),A.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case E.setMinWeightBranch.trim().toLowerCase():{let f=Ze(d);return f?.chapterId?(m(),A.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case E.continuePlayback.trim().toLowerCase():return m(),C.bind(null,{subjectId:u,subjectName:"chapter",action:c});case E.openURI.trim().toLowerCase():return m(),P.bind(null,{subjectId:u,subjectName:"chapter",action:c,payload:{URI:c.args.uri}});default:console.error("Unexpected chapter event"),i.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.INTERACTIVES,{message:"Unexpected chapter event"}));return}};function y(u){let c=se(u.events);if(c){if(j(u))return;i.emit(p.interactives,{subjectId:u.id,subjectName:"chapter",type:b.actionChoice,actionType:c.action.type,payload:c.action.args}),e.add({timestamp:1/0,priority:"chapter",initiator:u.id,actionType:E.expect,action:g.bind(null,{subjectId:u.id,subjectName:"chapter"})})}else u.events.forEach(d=>{let m=h({chapterId:u.id,action:d.action,branches:u.branches});m&&e.add({timestamp:1/0,priority:"chapter",initiator:u.id,actionType:d.action.type,action:m})})}let g=({subjectId:u,subjectName:c,action:d})=>{t.pause(),i.emit(p.interactives,{subjectId:u,subjectName:c,type:b.actionExecution,actionType:d?.type??E.expect})},T=({subjectId:u,subjectName:c})=>{t.info.isEnded$.getValue()?e.execEndOfVideo():t.play(),i.emit(p.interactives,{subjectId:u,subjectName:c,type:b.actionExecution,actionType:"after-expect"})},C=({subjectId:u,subjectName:c,subjectType:d,action:m})=>{i.emit(p.interactives,{subjectId:u,subjectName:c,subjectType:d,type:b.actionExecution,actionType:m.type})},A=({subjectId:u,subjectName:c,subjectType:d,action:m,payload:f})=>{f.behaviour="change-chapter",i.emit(p.interactives,{subjectId:u,subjectName:c,subjectType:d,type:b.actionExecution,actionType:m.type,payload:f})},pt=({subjectId:u,subjectName:c,subjectType:d,action:m,payload:f})=>{f.behaviour="change-manifest",i.emit(p.interactives,{subjectId:u,subjectName:c,subjectType:d,type:b.actionExecution,actionType:m.type,payload:f})},P=({subjectId:u,subjectName:c,subjectType:d,action:m,payload:f})=>{if(!f.URI)return;let S=window.open(f.URI,"_blank","noopener,noreferrer");S&&(S.opener=null),i.emit(p.interactives,{subjectId:u,subjectName:c,subjectType:d,type:b.actionExecution,actionType:m.type})};return{onControlEvent:a,onContainerEvent:o,onChapterEvent:h,onExpectEvent:g,expectEventHandler:T,setManifestChapterEvents:y,setManifestContainerEvents:l,stopExpect:r,state:s}};var D=require("@vkontakte/videoplayer-shared");var Bt=(i,t)=>{let e={};return i.map(n=>{if(!e[n]){let s=t.chapters.find(a=>a.id===n);if(!s)return null;let r=t.media.videos.find(a=>s.videoId===a.id);if(!r)return null;e[n]=pe(r)}return e[n]}).filter(Boolean)},ii=i=>{for(let t of i.variants)if(ni(t)&&"payload"in t)return t.payload.id},ni=i=>i.type==="custom"&&"payload"in i&&i.payload.type==="vk",pe=i=>{let t=ii(i);if(!t)return null;let e=t.split("_").pop();return e?parseInt(e,10):null},ri=(i,t)=>{for(let e of i.media.videos)if(t===pe(e)){for(let n of i.chapters)if(n.videoId===e.id)return n.id;return}},ue=(i,t)=>i.reduce((e,n)=>{let s=ri(t,n);return s?[...e,s]:e},[]);var ht=class{constructor({globalEventEmitter:t,videoId:e,interactiveController:n,historyApi:s,settings:r}){this.state={history$:new D.ValueSubject([]),hasPrevChapter$:new D.ValueSubject(!1),prevChapter$:new D.ValueSubject(null),isInitialChapter$:new D.ValueSubject(!1),isGoBackLimited$:new D.ValueSubject(!1)};this.#s=null;this.#h=!1;this.#i=null;this.#p=null;this.#r=null;this.#o=null;this.#a=null;this.#t=new D.Subscription;this.#d=!1;this.#u=0;this.#r=e,this.#a=t,this.#o=n,this.#s=s,this.#n=r,this.state?.history$&&this.#t&&this.#t?.add(this.state?.history$.subscribe(a=>{this.state?.prevChapter$.next(a.at(-2)||null),this.state?.hasPrevChapter$.next(a.length>1),this.state?.isInitialChapter$.next(this.getInitialChapterId()===this.#i?.metadata?.initChapterId),this.state?.isGoBackLimited$.next(this.#u===this.#n.maxLength-1)}))}#s;#n;#h;#i;#p;#r;#o;#a;#t;#d;#u;async setManifest(t){!this.#o||!this.#a||(this.#i=t,await this.getProjectHistory(),await this.#o.setChapter({chapterId:this.getInitialChapterId(),pushToHistory:!1}),this.#h||(this.#h=!0,this.#a.emit(p.historyInited,{initChapterId:this.getInitialChapterId()})))}get inited(){return this.#h}async updateHistory(t,e=!0){if(!this.#i)return;this.#d?(this.#d=!1,this.#u++):this.#u=0;let n=this.#i,s=t.length-this.#n.maxLength,r=s>0?t.slice(s):t,a=Bt(r,n);if(this.#p=a,this?.state?.history$.next(r),!(!e||!this.#s||!this.#r))try{await this.#s.save(this.#r,a)}catch{this.#a?.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.HISTORY,"Unable to save interactive history"))}}async goBack(){if(!this.state||!this.#o)return this.#a?.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.HISTORY,"Cannot go back because HistoryController has not been initialized"));this.#d=!0;let t=this.state.history$.getValue().slice(0,-1),e=t.pop();this.state.history$.next(t),await this.#o.setChapter({chapterId:e})}async getProjectHistory(){if(!this.#i||!this.#r)return;let t=this.#i,e=[this.getInitialVideoId()];if(this.#s)try{let s=await this.#s.get(this.#r);s.length&&(e=s)}catch{this.#a?.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.HISTORY,"Error while trying to fetch data"))}let n=ue(e,t);this?.state?.history$.next(n)}getInitialChapterId(){return this.state?.history$.getValue()?.at(-1)||this.#n.initChapterId||this.#i?.metadata.initChapterId}getInitialVideoId(){if(this.#i){let t=this.getInitialChapterId();return Bt([t],this.#i).pop()}return null}destroy(){this.state=null,this.#r=null,this.#s=null,this.#o=null,this.#t?.unsubscribe(),this.#t=null,this.#h=!1,this.#a?.emit(p.historyDestroyed),this.#a=null}};var Ft=class i{constructor(t,e,n,s){this.target=t,this.type=e,this.listener=n,this.options=i.#s(t,s),this.target.addEventListener(e,n,this.options)}unlisten(){this.target.removeEventListener(this.type,this.listener,this.options),this.target=null,this.listener=null,this.options=!1}static#s(t,e){if(e===void 0)return!1;if(typeof e=="boolean")return e;{let n=new Set(["passive","capture"]),s=Object.keys(e).filter(a=>!n.has(a));return s.length===0&&console.warn("Unsupported flag(s) to addEventListener: "+s.join(",")),i.#h(t)?e:e.capture||!1}}static#n=void 0;static#h(t){let e=i.#n;if(e===void 0){e=!1;try{let n={},s={get:()=>(e=!0,!1)};Object.defineProperty(n,"passive",s),Object.defineProperty(n,"capture",s);let r=()=>{};t.addEventListener("test",r,n),t.removeEventListener("test",r,n)}catch{e=!1}i.#n=e}return e||!1}};var Dt=class{constructor(){this.bindingMap=new lt}release(){this.removeAll(),this.bindingMap=null}listen(t,e,n,s){if(!this.bindingMap)return;let r=new Ft(t,e,n,s);this.bindingMap.push(e,r)}listenOnce(t,e,n,s){let r=a=>{this.unlisten(t,e,r),n(a)};this.listen(t,e,r,s)}unlisten(t,e,n){if(!this.bindingMap)return;let s=this.bindingMap.get(e)||[];for(let r of s)r.target===t&&(n===r.listener||!n)&&(r.unlisten(),this.bindingMap.remove(e,r))}removeAll(){if(!this.bindingMap)return;let t=this.bindingMap.getAll();for(let e of t)e.unlisten();this.bindingMap.clear()}};var Ht=class{constructor(){this._prevSizeId=0;this.rootElement=document.createElement("canvas")}clear(){this.rootElement.getContext("2d")?.clearRect(0,0,this.rootElement.width,this.rootElement.height)}isImageDrawn(){let t=this.rootElement.getContext("2d")?.getImageData(0,0,this.rootElement.width,this.rootElement.height);if(!t)return!1;let e=t.data,n=e.length;for(let s=3;s<n;s+=40)if(e[s]!==0)return!0;return!1}destroy(){this.rootElement.remove()}show(){this.rootElement.style.visibility="visible"}hide(){this.rootElement.style.visibility="hidden"}setCanvasImageSource(t){this.canvasImgSrc=t}draw(){this.canvasImgSrc&&this.rootElement.getContext("2d")?.drawImage(this.canvasImgSrc,0,0,this.rootElement.width,this.rootElement.height)}async updateCanvasDimensions(t,e=!1){let n=t.width+t.height;if(this._prevSizeId===n)return;let s;e&&(s=await this.save()),this.rootElement.width=t.width,this.rootElement.height=t.height,e&&s&&this.restore(s),this._prevSizeId=n}async save(){let t=this.rootElement.toDataURL("image/jpeg",1),e=new Image;return e.crossOrigin="anonymous",e.src=t,await e.decode(),e}restore(t){this.rootElement&&this.rootElement.getContext("2d")?.drawImage(t,0,0,this.rootElement.width,this.rootElement.height)}};var Gt=class{constructor({parentElement:t,endOffsetMs:e=250,onError:n}){this.currentVideoDurationMs=1/0;this._containerTimeFrameShouldReceived=!1;this._endTimeFrameReceived=!1;this._shouldCallSkip=!1;this.onEachTick=t=>{let e=t??this.lastFrameCanvas.canvasImgSrc.currentTime*1e3,n=this.isChapterEndTime(e);if(this.isContainerTime(e))this._endTimeFrameReceived=!1,this._containerTimeFrameShouldReceived=!0,this._shouldCallSkip=!0;else if(n)this._containerTimeFrameShouldReceived=!1,this._shouldCallSkip=!1,this._endTimeFrameReceived||(this.draw(),this._endTimeFrameReceived=!0,this.show());else{if(this._shouldCallSkip){this._shouldCallSkip=!1;return}this.reset()}};this.onSeek=()=>{this.onEachTick(),!this._containerTimeFrameShouldReceived&&!this._endTimeFrameReceived&&(this.hide(),this.lastFrameCanvas.clear())};this.rootElement=document.createElement("div"),this.rootElement.style.cssText=`
|
|
7
7
|
position: absolute;
|
|
8
8
|
top: 0;
|
|
9
9
|
left: 0;
|
|
@@ -11,13 +11,13 @@
|
|
|
11
11
|
height: var(--interactive-height);
|
|
12
12
|
background-color: var(--black);
|
|
13
13
|
visibility: hidden;
|
|
14
|
-
`,this.lastFrameCanvas=new
|
|
14
|
+
`,this.lastFrameCanvas=new Ht,this.endOffsetMs=e,this._callbacks={onError:n},this.lastFrameCanvas.rootElement.style.cssText=`
|
|
15
15
|
position: absolute;
|
|
16
16
|
top: 50%;
|
|
17
17
|
left: 50%;
|
|
18
18
|
transform: translate(-50%, -50%);
|
|
19
|
-
`,this.rootElement.prepend(this.lastFrameCanvas.rootElement),t.prepend(this.rootElement)}destroy(){this.hide(),this.reset(),this._callbacks=void 0,this.lastFrameCanvas.destroy(),this.rootElement.remove()}setVideoDuration(t){this.currentVideoDurationMs=t}setVideoElement(t){this.lastFrameCanvas.setCanvasImageSource(t)}setCurrentChapter(t){this.currentChapter=t}show(){this.rootElement.style.visibility="visible"}hide(){this.rootElement.style.visibility="hidden"}async updateCanvasDimensions(t=!1){this._containerTimeFrameShouldReceived||this._endTimeFrameReceived||(t=!1);let e=getComputedStyle(this.rootElement),n={width:parseInt(e.getPropertyValue("--interactive-content-width"),10),height:parseInt(e.getPropertyValue("--interactive-content-height"),10)};try{this.lastFrameCanvas.updateCanvasDimensions(n,t)}catch(
|
|
19
|
+
`,this.rootElement.prepend(this.lastFrameCanvas.rootElement),t.prepend(this.rootElement)}destroy(){this.hide(),this.reset(),this._callbacks=void 0,this.lastFrameCanvas.destroy(),this.rootElement.remove()}setVideoDuration(t){this.currentVideoDurationMs=t}setVideoElement(t){this.lastFrameCanvas.setCanvasImageSource(t)}setCurrentChapter(t){this.currentChapter=t}show(){this.rootElement.style.visibility="visible"}hide(){this.rootElement.style.visibility="hidden"}async updateCanvasDimensions(t=!1){this._containerTimeFrameShouldReceived||this._endTimeFrameReceived||(t=!1);let e=getComputedStyle(this.rootElement),n={width:parseInt(e.getPropertyValue("--interactive-content-width"),10),height:parseInt(e.getPropertyValue("--interactive-content-height"),10)};try{this.lastFrameCanvas.updateCanvasDimensions(n,t)}catch(s){this._onError(s)}}draw(){(this._containerTimeFrameShouldReceived||!this._containerTimeFrameShouldReceived&&!this._endTimeFrameReceived)&&this.lastFrameCanvas.draw()}isChapterEndTime(t){return this.currentVideoDurationMs&&t>=this.currentVideoDurationMs-this.endOffsetMs}isContainerTime(t){if(this.currentChapter)return this.currentChapter.containers.some(e=>e.controls?.length&&t>=(e.startTime??0)&&t<=Math.min(e.endTime??1/0,this.currentVideoDurationMs-this.endOffsetMs))}reset(){this._endTimeFrameReceived=!1,this._containerTimeFrameShouldReceived=!1,this._shouldCallSkip=!1}_onError(t){this._callbacks?.onError?.(t)}};function si(i=0){return new Promise(t=>{setTimeout(()=>{t(0)},i)})}var oi=Object.freeze({parentElement:null,fullscreenTargetElement:null,lang:"ru",loaders:{},graph:!1,historyApi:null,historyParams:null,projectInfo:{},initSeamless:!1,lastFrame:!1,permanentTextControls:!0,config:{historyMaxLength:100,noInteractionEventTimeout:3e4}}),B=Object.freeze({created:0,initiated:1,ready:2,destroyed:3});function Hi(){let i=document.createElement("div");return i.style.cssText=`
|
|
20
20
|
position: absolute;
|
|
21
21
|
top: 0;
|
|
22
22
|
left: 0;
|
|
23
|
-
`,i}var dt=class{#s=null;#n=null;#h=null;#i=null;#p=null;#r=null;#o=null;#a=null;#t=null;#d=new I.ValueSubject(!1);#u=new Set;#l=null;#v=null;#c=null;#e=null;#f=Yt();#m=null;state={prevChapter$:new I.ValueSubject(null),isInitialChapter$:new I.ValueSubject(!1),isEndChapter$:new I.ValueSubject(!1),isInteractiveExpectation$:new I.ValueSubject(!1),calledByInteractive$:new I.ValueSubject(!1),lastChapterChangeWasInitiatedByInteractive$:new I.ValueSubject(!1),disabledControls$:new I.ValueSubject(!1),interactiveRanges$:new I.ValueSubject([]),isInteractiveTime$:new I.ValueSubject(!1)};events={noInteraction$:new I.Subject};constructor(t){this.options={...oi,...t,config:{...oi.config,...t.config}},this.#n=[],this.factories=new Map([["choice",St]]),this.rootElement=Hi(),this.options.parentElement.append(this.rootElement),this.#e=new Z,this.#p=new I.Subscription,this.#h=new Bt,this.#i=new ht({interactiveController:this,globalEventEmitter:this.#e,videoId:this.options.projectInfo?.videoId,historyApi:this.options.historyApi,settings:{maxLength:this.options.config.historyMaxLength,initChapterId:this.options.initChapterId}}),this.options.lastFrame&&(this.#c=new Dt({parentElement:this.options.parentElement,interactivesRootElement:this.rootElement,onError:e=>this.#e.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.SEAMLESS,e))})),this.#h.listen(this.rootElement,"mousedown",e=>e.stopPropagation()),this.#h.listen(this.rootElement,"mouseup",e=>e.stopPropagation()),this.#t=new W(this.options.loaders,e=>this.#e.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.MANIFEST,e))),this.#r=le(this.options.player),this.#o=new Mt,this.#a=de({player:this.options.player,interactiveEvents:this.#r,globalEventEmitter:this.#e,removeControllers:this.#y}),this.#s=qe(()=>({player:this.options?.player,parentElement:this.options?.parentElement,fns:this.options?.lastFrame?[()=>{this.#c.updateCanvasDimensions(!0)}]:[]})),this.options.graph&&(this.#l=new nt({root:this.options.parentElement,lang:this.options.lang,onOpenPreviewClick:e=>{this.setChapter({chapterId:e}),this.#e.emit(p.graph,{type:Y.watchAgainClicked,chapterId:e})},onError:e=>this.#e.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.LOADERS,{message:e}))})),this.#x(this.options.initSeamless),this.isFirstChapterFetched=!1,this.appState=B.created}emitPlayerChanged=t=>{this.#e.emit(p.playerChanged,t)};#x(t=!1){this.#e.on(p.historyInited,async({initChapterId:e,videosInfo:n=[]})=>{t&&await this.#S({initialChapter:e,videosInfo:n})}),this.#e.on(p.interactives,async e=>{if(e.type===b.actionExecution){if(this.state.calledByInteractive$.next(!0),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!0),e.payload?.behaviour==="change-chapter"){let{chapterId:r}=e.payload;this.setChapter({chapterId:r})}if(e.payload?.behaviour==="change-manifest"){let{manifestURL:r}=e.payload;this.setManifest(r)}let n=e.type==="action-execution";n&&e.actionType==="expect"?this.state.isInteractiveExpectation$.next(!0):n&&e.actionType==="after-expect"&&this.state.isInteractiveExpectation$.next(!1)}e.type===b.containerRemoved&&this.#M(e.subjectId)}),this.#e.on(p.manifestChanged,()=>{this.state.calledByInteractive$.next(!1),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)})}async#S({source:t,videosInfo:e=[]}){this.#v=ce(this);let n=document.createElement("div");this.#v.on(ct.activePlayerChanged,this.emitPlayerChanged);let{player:r,config:s}=await this.#v.init({source:t,initialChapter:this.#i.getInitialChapterId(),container:n});return this.updateGraphVideosInfo(e),{player:r,config:s}}getStatEvents(){return{click$:new I.Observable(t=>{this.#e.on(p.graph,({type:e,visibility:n})=>{e==="visibility"&&t.next(n?"OPEN_GRAPH":"CLOSE_GRAPH"),e==="watchAgainClicked"&&t.next("WATCH_AGAIN")}),this.#e.on(p.interactives,({type:e,subjectName:n,subjectType:r})=>{e!=="action-choice"||n!=="control"||(r==="Button"&&t.next("GO_NEXT_BUTTON"),r==="Area"&&t.next("GO_NEXT_AREA"))})}),nextMovie$:new I.Observable(t=>{this.#e.on(p.playerChanged,({config:e})=>{e?.unitedVideoId&&t.next(e.unitedVideoId)})})}}setPlayer(t){this.#b(),this.options.player=t,this.#f.setPlayer(this.options.player),this.#r?this.#r.setPlayer(this.options.player):this.#r=le(this.options.player),this.#a=de({player:this.options.player,interactiveEvents:this.#r,globalEventEmitter:this.#e,removeControllers:()=>this.#y(!1)}),this.appState===B.initiated&&(this.#C(),this.#g(this.#t.chapter))}async setManifest(t){this.#b(),this.isFirstChapterFetched=!1;let e=await this.#t.setManifest(t);return this.#l&&await this.#l.handleManifestChange(e.manifest),await this.#i.setManifest(e.manifest),this.#e.emit(p.manifestChanged,{manifest:e.manifest}),this.#g(this.#t.chapter),e.manifest}setVisitedChapters(t){Array.isArray(t)&&this.#l?.setVisitedChapters(t)}updateGraphVideosInfo(t){Array.isArray(t)&&this.#l?.updateVideosInfo(t)}async setChapter({chapterId:t,pushToHistory:e=!0}={}){this.#b(),this.#c&&this.isFirstChapterFetched&&(this.#c.draw(),this.#c.show()),(0,I.getCurrentBrowser)().browser===I.CurrentClientBrowser.Safari&&await si(35);let{chapter:r,media:s,graph:a}=await(t?this.#t.setNext(t):this.#t.setInitial());return e&&this.#_(r.id),this.state.isInitialChapter$.next(this.#t.isInitialChapter()),this.state.isEndChapter$.next(this.#t.isEndChapter()),this.#l&&this.#l.handleChapterChange(a),this.#c?.setCurrentChapter(this.getCurrentChapter().chapter),this.#e.emit(p.chapterChanged,{chapter:r,media:s,graph:a}),this.#g(this.#t.chapter),this.#u=new Set,this.isFirstChapterFetched=!0,{chapter:r,media:s,graph:a}}toggleGraphView(t=!0){this.#l&&(t?(this.#l.show(),this.#d.next(!1)):(this.#l.hide(),this.#E()),this.#e.emit(p.graph,{type:Y.visibility,visibility:t}))}init(){this.#t.chapter&&this.options.parentElement&&this.options.player&&this.options.fullscreenTargetElement&&this.appState===B.created&&(this.#s.resizeObserver.observe(this.options.fullscreenTargetElement),this.#C(),this.appState=B.initiated,this.#g(this.#t.chapter))}#b(){this.appState===B.ready&&(this.#y(),this.#n=[],this.#o.release(),this.#r?.release(),this.appState=B.initiated,this.#d.next(!1),this.#I())}#A=()=>{this.#o.fns.forEach(n=>n());let t=this.options.player.info.position$.getValue()*1e3,e=(this.#t.chapter.containers||[]).filter(n=>n.startTime>=Math.floor(t));for(let n of e){this.#r.remove({timestamp:1/0,priority:"container",initiator:n.id});for(let r of n.controls)this.#r.remove({timestamp:1/0,priority:"control",initiator:r.id});this.#n.find(r=>r.container.container.id===n.id).reset()}};#T=()=>{this.#s.calc(),this.#o.requestAnimation()};#w(t){(!this.#l||this.#l.isHidden)&&this.#E();let e=t*1e3,r=this.getInteractiveRanges().findLast(({range:s})=>e>=s[1]);if(r){let s=r.range.join("-");this.#u.has(s)||(this.#u.add(s),this.#e.emit(p.interactives,{type:b.rangeEnded,payload:r,visibility:!0}))}}deadEndCheck(){return!(this.#r?.getPreparedToExecActions()??[]).some(n=>n.actionType===C.setNextBranch)}allControlsAreRemoved(){return!this.#n.some(e=>!e.container.isRemoved)}isEndedExpectation(){if(!this.options?.player||!this.#n)return!1;let t=this.options.player.info.position$.getValue(),e=this.options.player.info.duration$.getValue();return t===e&&this.#n.some(n=>{let r=n.container.container;return!r.isRemoved&&r.endTime===null&&z(r.events)})}#C(){this.#p.unsubscribe(),this.#p.add(this.options.player.events.started$.pipe((0,I.once)()).subscribe(this.#T)).add(this.options.player.events.playing$.subscribe(this.#o.requestAnimation)).add(this.options.player.events.willPause$.subscribe(this.#o.cancelAnimation)).add(this.options.player.info.position$.subscribe(this.#w.bind(this))).add(this.#t.prevChapter$.subscribe(t=>this.state.prevChapter$.next(t))).add((0,I.combine)({position:this.options.player.info.position$,interactiveRanges:this.state.interactiveRanges$,isInteractiveExpectation:this.state.isInteractiveExpectation$}).subscribe(({position:t,interactiveRanges:e,isInteractiveExpectation:n})=>{let r;if(n)r=!0;else{let s=t*1e3;r=!!e?.find(({range:[o,l],subjects:h})=>o<s&&s<l&&h.length)}r!==this.state.isInteractiveTime$.getValue()&&(this.state.isInteractiveTime$.next(r),r?this.#m=setTimeout(()=>{this.events.noInteraction$.next()},this.options.config.noInteractionEventTimeout):this.#I())})),this.options.lastFrame&&this.#p.add(this.options.player.info.duration$.subscribe(t=>{this.#c.setVideoDuration(t*1e3)})).add(this.options.player.experimental.element$.subscribe(t=>{t&&this.#c.setVideoElement(t)})).add(this.options.player.events.firstFrame$.subscribe(()=>{this.#c.reset(),setTimeout(()=>{this.#c.hide(),this.#c.lastFrameCanvas.clear()},50)})).add(this.options.player.events.seeked$.subscribe(this.#c.onSeek))}#y=(t=!0)=>{this.#n.forEach(e=>{!t&&e.isPermanentText||(this.#o.removeFn(e.whilePlaying),e.destroy())})};#g(t){this.#t.chapter&&this.appState===B.initiated&&(this.#a.setManifestChapterEvents(t),this.#n=this.#V(t),this.#r.containersEventsCallState.setData(t.containers),this.#f.setContainers(this.#n.map(e=>e.container.container).filter(e=>!kt(e.controls))),this.options.lastFrame&&this.#o.addFn(()=>{this.#c.onEachTick(this.options.player.info.position$.getValue()*1e3)},!0),this.state.interactiveRanges$.next(this.getInteractiveRanges()),this.appState=B.ready)}#V(t){return t?.containers?.reduce((e,n)=>{let r=n.type.trim().toLowerCase(),s=this.factories.get(r);if(s){let a=new jt({player:this.options.player,container:s(n,this.rootElement),branches:this.#t.chapter.branches,selectBranches:this.#a,interactiveEvents:this.#r,globalEventEmitter:this.#e,ignoreContainerEvent:()=>He(n,this.#n),permanentTextControls:this.options.permanentTextControls,disabledControls$:this.state.disabledControls$,onRemove:()=>{this.#f.deleteContainer(n.id)}});return this.#o.addFn(a.whilePlaying,!0),[...e,a]}return[...e]},[])??[]}#E(){if(this.state.isInteractiveExpectation$.getValue()){this.#d.next(!1);return}let e=this.#d.getValue(),n=!!this.#f.getNextInteractiveTime();(n&&!e||!n&&e)&&this.#d.next(!e)}#R(){this.state.calledByInteractive$.getValue()?this.state.calledByInteractive$.next(!1):this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)}#_(t){if(this.#R(),!this.#i.inited)return;let e=this.state.lastChapterChangeWasInitiatedByInteractive$.getValue(),n=this.state.prevChapter$.getValue(),r=(n&&j(n)&&ot(n))??!1,s=this.#t.manifest.metadata.initChapterId===t,a=this.#i.state.history$.getValue();if(s||r&&e){this.#i.updateHistory([t]);return}a.at(-1)!==t&&this.#i.updateHistory([...a,t])}#M=t=>{let{interactiveRanges$:e}=this.state,r=e.getValue().map(s=>({...s,subjects:s.subjects.filter(a=>a!==t)}));e.next(r)};#I=()=>{this.#m&&(clearTimeout(this.#m),this.#m=null)};playPrevChapter(){this.#i?.goBack()}setDisabledControls(t){this.state.disabledControls$.next(t)}isSupport(t=this.#t.manifest){return rt(t.metadata.version)}getInitialVideoInfo(){return{videoId:this.#i.getInitialVideoId(),chapterId:this.#i.getInitialChapterId()}}getHistoryState(){return this.#i.state}getIsSeekable(){return this.#d}getInteractiveRanges(){return De(this.#t.chapter?.containers)}getNextInteractiveStartTime(t){return this.#f.getNextInteractiveTime(t)}getChapterBranches(t){return this.#t.getBranches(t)}getCurrentChapter(){return this.#t.getCurrent()}getCurrentManifest(){return this.#t.manifest}addFactory(t,e){this.factories.set(t.trim().toLowerCase(),e)}removeFactory(t){this.factories.delete(t.trim().toLowerCase())}on(...t){return this.#e.on(...t),this}off(...t){return this.#e.off(...t),this}once(...t){return this.#e.once(...t),this}destroy(){this.#y(),this.#n=void 0,this.state=void 0,this.#l?.destroy(),this.#l=void 0,this.#s.release(),this.#s=void 0,this.#a=void 0,this.#o.release(),this.#o=void 0,this.#r.release(),this.#r=void 0,this.#t.release(),this.#a=void 0,this.#h.release(),this.#h=void 0,this.#p.unsubscribe(),this.#p=void 0,this.#e.reset(),this.#e=void 0,this.#c?.destroy(),this.#c=void 0,this.rootElement.remove(),this.rootElement=void 0,this.#i.destroy(),this.#i=void 0,this.factories=void 0,this.options=void 0,this.isFirstChapterFetched=!1,this.appState=B.destroyed}};var ai={Container:q,createChoiceContainer:St,createAreaControl:Et,createButtonControl:xt,createRelativeLayout:xe,getRootEl:yt,classnamesPrefix:_};var Gi={version:ge};
|
|
23
|
+
`,i}var dt=class{#s=null;#n=null;#h=null;#i=null;#p=null;#r=null;#o=null;#a=null;#t=null;#d=new x.ValueSubject(!1);#u=new Set;#l=null;#v=null;#c=null;#e=null;#f=te();#m=null;state={prevChapter$:new x.ValueSubject(null),isInitialChapter$:new x.ValueSubject(!1),isEndChapter$:new x.ValueSubject(!1),isInteractiveExpectation$:new x.ValueSubject(!1),calledByInteractive$:new x.ValueSubject(!1),lastChapterChangeWasInitiatedByInteractive$:new x.ValueSubject(!1),disabledControls$:new x.ValueSubject(!1),interactiveRanges$:new x.ValueSubject([]),isInteractiveTime$:new x.ValueSubject(!1)};events={noInteraction$:new x.Subject};constructor(t){this.options={...oi,...t,config:{...oi.config,...t.config}},this.#n=[],this.factories=new Map([["choice",Tt]]),this.rootElement=Hi(),this.options.parentElement.append(this.rootElement),this.#e=new Z,this.#p=new x.Subscription,this.#h=new Dt,this.#i=new ht({interactiveController:this,globalEventEmitter:this.#e,videoId:this.options.projectInfo?.videoId,historyApi:this.options.historyApi,settings:{maxLength:this.options.config.historyMaxLength,initChapterId:this.options.initChapterId}}),this.options.lastFrame&&(this.#c=new Gt({parentElement:this.options.parentElement,interactivesRootElement:this.rootElement,onError:e=>this.#e.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.SEAMLESS,e))})),this.#h.listen(this.rootElement,"mousedown",e=>e.stopPropagation()),this.#h.listen(this.rootElement,"mouseup",e=>e.stopPropagation()),this.#t=new W(this.options.loaders,e=>this.#e.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.MANIFEST,e))),this.#r=le(this.options.player),this.#o=new Mt,this.#a=de({player:this.options.player,interactiveEvents:this.#r,globalEventEmitter:this.#e,removeControllers:this.#y}),this.#s=qe(()=>({player:this.options?.player,parentElement:this.options?.parentElement,fns:this.options?.lastFrame?[()=>{this.#c.updateCanvasDimensions(!0)}]:[]})),this.options.graph&&(this.#l=new nt({root:this.options.parentElement,lang:this.options.lang,onOpenPreviewClick:e=>{this.setChapter({chapterId:e}),this.#e.emit(p.graph,{type:Y.watchAgainClicked,chapterId:e})},onError:e=>this.#e.emit(p.errors,new v(v.Severity.RECOVERABLE,v.Category.LOADERS,{message:e}))})),this.#x(this.options.initSeamless),this.isFirstChapterFetched=!1,this.appState=B.created}emitPlayerChanged=t=>{this.#e.emit(p.playerChanged,t)};#x(t=!1){this.#e.on(p.historyInited,async({initChapterId:e,videosInfo:n=[]})=>{t&&await this.#T({initialChapter:e,videosInfo:n})}),this.#e.on(p.interactives,async e=>{if(e.type===b.actionExecution){if(this.state.calledByInteractive$.next(!0),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!0),e.payload?.behaviour==="change-chapter"){let{chapterId:s}=e.payload;this.setChapter({chapterId:s})}if(e.payload?.behaviour==="change-manifest"){let{manifestURL:s}=e.payload;this.setManifest(s)}let n=e.type==="action-execution";n&&e.actionType==="expect"?this.state.isInteractiveExpectation$.next(!0):n&&e.actionType==="after-expect"&&this.state.isInteractiveExpectation$.next(!1)}e.type===b.containerRemoved&&this.#A(e.subjectId)}),this.#e.on(p.manifestChanged,()=>{this.state.calledByInteractive$.next(!1),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)})}async#T({source:t,videosInfo:e=[]}){this.#v=ce(this);let n=document.createElement("div");this.#v.on(ct.activePlayerChanged,this.emitPlayerChanged);let{player:s,config:r}=await this.#v.init({source:t,initialChapter:this.#i.getInitialChapterId(),container:n});return this.updateGraphVideosInfo(e),{player:s,config:r}}getStatEvents(){return{click$:new x.Observable(t=>{this.#e.on(p.graph,({type:e,visibility:n})=>{e==="visibility"&&t.next(n?"OPEN_GRAPH":"CLOSE_GRAPH"),e==="watchAgainClicked"&&t.next("WATCH_AGAIN")}),this.#e.on(p.interactives,({type:e,subjectName:n,subjectType:s})=>{e!=="action-choice"||n!=="control"||(s==="Button"&&t.next("GO_NEXT_BUTTON"),s==="Area"&&t.next("GO_NEXT_AREA"))})}),nextMovie$:new x.Observable(t=>{this.#e.on(p.playerChanged,({config:e})=>{e?.unitedVideoId&&t.next(e.unitedVideoId)})})}}setPlayer(t){this.#b(),this.options.player=t,this.#f.setPlayer(this.options.player),this.#r?this.#r.setPlayer(this.options.player):this.#r=le(this.options.player),this.#a=de({player:this.options.player,interactiveEvents:this.#r,globalEventEmitter:this.#e,removeControllers:()=>this.#y(!1)}),this.appState===B.initiated&&(this.#C(),this.#g(this.#t.chapter))}async setManifest(t){this.#b(),this.isFirstChapterFetched=!1;let e=await this.#t.setManifest(t);return this.#l&&await this.#l.handleManifestChange(e.manifest),await this.#i.setManifest(e.manifest),this.#e.emit(p.manifestChanged,{manifest:e.manifest}),this.#g(this.#t.chapter),e.manifest}setVisitedChapters(t){Array.isArray(t)&&this.#l?.setVisitedChapters(t)}updateGraphVideosInfo(t){Array.isArray(t)&&this.#l?.updateVideosInfo(t)}async setChapter({chapterId:t,pushToHistory:e=!0}={}){this.#b(),this.#c&&this.isFirstChapterFetched&&(this.#c.draw(),this.#c.show()),(0,x.getCurrentBrowser)().browser===x.CurrentClientBrowser.Safari&&await si(35);let{chapter:s,media:r,graph:a}=await(t?this.#t.setNext(t):this.#t.setInitial());return e&&this.#_(s.id),this.state.isInitialChapter$.next(this.#t.isInitialChapter()),this.state.isEndChapter$.next(this.#t.isEndChapter()),this.#l&&this.#l.handleChapterChange(a),this.#c?.setCurrentChapter(this.getCurrentChapter().chapter),this.#e.emit(p.chapterChanged,{chapter:s,media:r,graph:a}),this.#g(this.#t.chapter),this.#u=new Set,this.isFirstChapterFetched=!0,{chapter:s,media:r,graph:a}}toggleGraphView(t=!0){this.#l&&(t?(this.#l.show(),this.#d.next(!1)):(this.#l.hide(),this.#E()),this.#e.emit(p.graph,{type:Y.visibility,visibility:t}))}init(){this.#t.chapter&&this.options.parentElement&&this.options.player&&this.options.fullscreenTargetElement&&this.appState===B.created&&(this.#s.resizeObserver.observe(this.options.fullscreenTargetElement),this.#C(),this.appState=B.initiated,this.#g(this.#t.chapter))}#b(){this.appState===B.ready&&(this.#y(),this.#n=[],this.#o.release(),this.#r?.release(),this.appState=B.initiated,this.#d.next(!1),this.#I())}#M=()=>{this.#o.fns.forEach(n=>n());let t=this.options.player.info.position$.getValue()*1e3,e=(this.#t.chapter.containers||[]).filter(n=>n.startTime>=Math.floor(t));for(let n of e){this.#r.remove({timestamp:1/0,priority:"container",initiator:n.id});for(let s of n.controls)this.#r.remove({timestamp:1/0,priority:"control",initiator:s.id});this.#n.find(s=>s.container.container.id===n.id).reset()}};#S=()=>{this.#s.calc(),this.#o.requestAnimation()};#w(t){(!this.#l||this.#l.isHidden)&&this.#E();let e=t*1e3,s=this.getInteractiveRanges().findLast(({range:r})=>e>=r[1]);if(s){let r=s.range.join("-");this.#u.has(r)||(this.#u.add(r),this.#e.emit(p.interactives,{type:b.rangeEnded,payload:s,visibility:!0}))}}deadEndCheck(){return!(this.#r?.getPreparedToExecActions()??[]).some(n=>n.actionType===E.setNextBranch)}allControlsAreRemoved(){return!this.#n.some(e=>!e.container.isRemoved)}isEndedExpectation(){if(!this.options?.player||!this.#n)return!1;let t=this.options.player.info.position$.getValue(),e=this.options.player.info.duration$.getValue();return t===e&&this.#n.some(n=>{let s=n.container.container;return!s.isRemoved&&s.endTime===null&&z(s.events)})}#C(){this.#p.unsubscribe(),this.#p.add(this.options.player.events.started$.pipe((0,x.once)()).subscribe(this.#S)).add(this.options.player.events.playing$.subscribe(this.#o.requestAnimation)).add(this.options.player.events.willPause$.subscribe(this.#o.cancelAnimation)).add(this.options.player.info.position$.subscribe(this.#w.bind(this))).add(this.#t.prevChapter$.subscribe(t=>this.state.prevChapter$.next(t))).add((0,x.combine)({position:this.options.player.info.position$,interactiveRanges:this.state.interactiveRanges$,isInteractiveExpectation:this.state.isInteractiveExpectation$}).subscribe(({position:t,interactiveRanges:e,isInteractiveExpectation:n})=>{let s;if(n)s=!0;else{let r=t*1e3;s=!!e?.find(({range:[o,l],subjects:h})=>o<r&&r<l&&h.length)}s!==this.state.isInteractiveTime$.getValue()&&(this.state.isInteractiveTime$.next(s),s?this.#m=setTimeout(()=>{this.events.noInteraction$.next()},this.options.config.noInteractionEventTimeout):this.#I())})),this.options.lastFrame&&this.#p.add(this.options.player.info.duration$.subscribe(t=>{this.#c.setVideoDuration(t*1e3)})).add(this.options.player.experimental.element$.subscribe(t=>{t&&this.#c.setVideoElement(t)})).add(this.options.player.events.firstFrame$.subscribe(()=>{this.#c.reset(),setTimeout(()=>{this.#c.hide(),this.#c.lastFrameCanvas.clear()},50)})).add(this.options.player.events.seeked$.subscribe(this.#c.onSeek))}#y=(t=!0)=>{this.#n.forEach(e=>{!t&&e.isPermanentText||(this.#o.removeFn(e.whilePlaying),e.destroy())})};#g(t){this.#t.chapter&&this.appState===B.initiated&&(this.#a.setManifestChapterEvents(t),this.#n=this.#R(t),this.#r.containersEventsCallState.setData(t.containers),this.#f.setContainers(this.#n.map(e=>e.container.container).filter(e=>!Pt(e.controls))),this.options.lastFrame&&this.#o.addFn(()=>{this.#c.onEachTick(this.options.player.info.position$.getValue()*1e3)},!0),this.state.interactiveRanges$.next(this.getInteractiveRanges()),this.appState=B.ready)}#R(t){return t?.containers?.reduce((e,n)=>{let s=n.type.trim().toLowerCase(),r=this.factories.get(s);if(r){let a=new Ot({player:this.options.player,container:r(n,this.rootElement),branches:this.#t.chapter.branches,selectBranches:this.#a,interactiveEvents:this.#r,globalEventEmitter:this.#e,ignoreContainerEvent:()=>De(n,this.#n),permanentTextControls:this.options.permanentTextControls,disabledControls$:this.state.disabledControls$,onRemove:()=>{this.#f.deleteContainer(n.id)}});return this.#o.addFn(a.whilePlaying,!0),[...e,a]}return[...e]},[])??[]}#E(){if(this.state.isInteractiveExpectation$.getValue()){this.#d.next(!1);return}let e=this.#d.getValue(),n=!!this.#f.getNextInteractiveTime();(n&&!e||!n&&e)&&this.#d.next(!e)}#V(){this.state.calledByInteractive$.getValue()?this.state.calledByInteractive$.next(!1):this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)}#_(t){if(this.#V(),!this.#i.inited)return;let e=this.state.lastChapterChangeWasInitiatedByInteractive$.getValue(),n=this.state.prevChapter$.getValue(),s=(n&&j(n)&&ot(n))??!1,r=this.#t.manifest.metadata.initChapterId===t,a=this.#i.state.history$.getValue();if(r||s&&e){this.#i.updateHistory([t]);return}a.at(-1)!==t&&this.#i.updateHistory([...a,t])}#A=t=>{let{interactiveRanges$:e}=this.state,s=e.getValue().map(r=>({...r,subjects:r.subjects.filter(a=>a!==t)}));e.next(s)};#I=()=>{this.#m&&(clearTimeout(this.#m),this.#m=null)};playPrevChapter(){this.#i?.goBack()}setDisabledControls(t){this.state.disabledControls$.next(t)}isSupport(t=this.#t.manifest){return rt(t.metadata.version)}getInitialVideoInfo(){return{videoId:this.#i.getInitialVideoId(),chapterId:this.#i.getInitialChapterId()}}getHistoryState(){return this.#i.state}getIsSeekable(){return this.#d}getInteractiveRanges(){return Qe(this.#t.chapter?.containers)}getNextInteractiveStartTime(t){return this.#f.getNextInteractiveTime(t)}getChapterBranches(t){return this.#t.getBranches(t)}getCurrentChapter(){return this.#t.getCurrent()}getCurrentManifest(){return this.#t.manifest}addFactory(t,e){this.factories.set(t.trim().toLowerCase(),e)}removeFactory(t){this.factories.delete(t.trim().toLowerCase())}on(...t){return this.#e.on(...t),this}off(...t){return this.#e.off(...t),this}once(...t){return this.#e.once(...t),this}destroy(){this.#y(),this.#n=void 0,this.state=void 0,this.#l?.destroy(),this.#l=void 0,this.#s.release(),this.#s=void 0,this.#a=void 0,this.#o.release(),this.#o=void 0,this.#r.release(),this.#r=void 0,this.#t.release(),this.#a=void 0,this.#h.release(),this.#h=void 0,this.#p.unsubscribe(),this.#p=void 0,this.#e.reset(),this.#e=void 0,this.#c?.destroy(),this.#c=void 0,this.rootElement.remove(),this.rootElement=void 0,this.#i.destroy(),this.#i=void 0,this.factories=void 0,this.options=void 0,this.isFirstChapterFetched=!1,this.appState=B.destroyed}};var ai={Container:q,createChoiceContainer:Tt,createAreaControl:Et,createButtonControl:xt,createRelativeLayout:xe,getRootEl:yt,classnamesPrefix:_};var Gi={version:ge};
|