@vkontakte/videoplayer-interactive 1.0.29-dev.a60090ed.0 → 1.0.29-dev.ac01cfb7.0

package/evergreen.esm.js

@@ -1,9 +1,9 @@
 /**
- * @vkontakte/videoplayer-interactive v1.0.29-dev.a60090ed.0
- * Wed, 18 Dec 2024 19:21:10 GMT
+ * @vkontakte/videoplayer-interactive v1.0.29-dev.ac01cfb7.0
+ * Wed, 25 Dec 2024 09:41:26 GMT
  * https://st.mycdn.me/static/vkontakte-videoplayer/1-0-29/doc/
  */
-var pt="1.0.29-dev.a60090ed.0";function _e(n,e=1){let t="0",i="0",r="0";return n.length===4?(t="0x"+n[1]+n[1],i="0x"+n[2]+n[2],r="0x"+n[3]+n[3]):n.length===7&&(t="0x"+n[1]+n[2],i="0x"+n[3]+n[4],r="0x"+n[5]+n[6]),`rgba(${+t},${+i},${+r},${e})`}var V="interactive",Xt="interactive-controls-container",ce=()=>document.querySelector(`.${Xt}`),ht=.4,k={textColor:"#000",textSize:.4,textContent:"",roundCorners:0,borderWidth:0,borderColor:"#000",borderAlpha:1,backgroundColor:"#fff",backgroundAlpha:1,innerSizesDependOn:"self",angle:0},dt=(i=>(i.top="flex-start",i.bottom="flex-end",i.center="center",i))(dt||{}),ut=(i=>(i.start="flex-start",i.end="flex-end",i.center="center",i))(ut||{}),mt=(i=>(i.start="left",i.end="right",i.center="center",i))(mt||{}),pe=({target:n,props:e})=>{n.style.alignItems=(e?.gravityVertical&&dt[e.gravityVertical])??"center",n.style.justifyContent=(e?.gravityHorizontal&&ut[e.gravityHorizontal])??"center",n.style.textAlign=(e?.alignment&&mt[e.alignment])??"left"},he=({target:n,props:e,fallback:t,dependsOn:i})=>{n.style.color=e?.text?.color??t.textColor,n.style.fontSize=`calc(${i.height} * ${e?.text?.size??t.textSize})`,n.textContent=e?.text?.value??t.textContent},de=({target:n,props:e,fallback:t})=>{n.style.backgroundColor=_e(e?.background?.color??t.backgroundColor,e?.background?.alpha??t.backgroundAlpha)},ue=({target:n,props:e,fallback:t,dependsOn:i})=>{n.style.border=`calc(${i.height} * ${e?.shape?.border?.width??t.borderWidth}) solid ${_e(e?.shape?.border?.color??t.borderColor,e?.shape?.border?.alpha??t.borderAlpha)}`,n.style.borderRadius=`calc(${i.height} * ${e?.shape?.roundCorners??t.roundCorners})`},W=({target:n,layoutParams:e,fallback:t})=>{let i=e.angle??t.angle;i=i&&i*-1,n.style.transform=`rotate(${i}rad)`};var j=class{constructor(e){this.control=e;this.container=null;this.controlElement=null;this.clickListener=null}createContainerElement(e){let t=document.createElement("div");t.classList.add(`${V}-control-container-${this.control.id}`),e(t,this.control.layoutParams);let i=(this.control.layoutParams.innerSizesDependOn??k.innerSizesDependOn)==="self"?{height:t.style.height,width:t.style.width}:{height:"var(--interactive-content-height)",width:"var(--interactive-content-width)"};this.container={element:t,dimensions:i}}createClickListener(e){return t=>{t.stopPropagation(),e()}}setEvents(e){!this.container||!this.control.events||this.control.events.forEach(t=>{switch(t.type.trim().toLowerCase()){case"onclick":this.clickListener=this.createClickListener(()=>e({action:t.action,controlId:this.control.id,controlType:this.control.type})),this.container?.element.addEventListener("click",this.clickListener);break;default:break}})}removeListeners(){this.container?.element&&this.clickListener&&this.container?.element.removeEventListener("click",this.clickListener)}};var He="int",B=(i=>(i.AREA=`${He}_area`,i.TEXT=`${He}_text`,i.BUTTON=`${He}_bttn`,i))(B||{});var me=n=>{if(n.type.trim().toLowerCase()==="area")return new De(n)},De=class extends j{constructor(e){super(e)}createView({parentElement:e,layoutCallback:t}){if(super.createContainerElement(t),!this.container)return;let i=document.createElement("button");i.type="button",i.classList.add(`${V}-${this.control.id}`),i.setAttribute("data-testid",B.AREA),i.style.display="flex",i.style.width="100%",i.style.height="100%",i.style.cursor="pointer",de({target:i,props:this.control.props,fallback:{...k,backgroundColor:"transparent"}}),ue({target:i,props:this.control.props,fallback:{...k,borderAlpha:0},dependsOn:this.container.dimensions}),W({target:i,layoutParams:this.control.layoutParams,fallback:k}),this.container.element.append(i),e.append(this.container.element),this.controlElement=i}disable(){this.controlElement&&(this.controlElement.style.cursor="default")}enable(){this.controlElement&&(this.controlElement.style.cursor="pointer")}getElement(){return this.controlElement}};var fe=()=>{let n=document.createElement("span");return n.style.display="inline-block",n.style.whiteSpace="pre",n.style.overflow="hidden",n.style.textOverflow="ellipsis",n.style.maxWidth="100%",n.style.maxHeight="100%",n};var ye=n=>{if(n.type.trim().toLowerCase()==="button")return new Ue(n)},Ue=class extends j{constructor(e){super(e)}createView({parentElement:e,layoutCallback:t}){if(super.createContainerElement(t),!this.container)return;let i=document.createElement("button");i.type="button",i.classList.add(`${V}-${this.control.id}`),i.setAttribute("data-testid",B.BUTTON),i.style.display="flex",i.style.width="100%",i.style.height="100%",i.style.cursor="pointer",i.style.fontFamily="inherit",W({target:i,layoutParams:this.control.layoutParams,fallback:k}),de({target:i,props:this.control.props,fallback:k}),ue({target:i,props:this.control.props,fallback:k,dependsOn:this.container.dimensions}),pe({target:i,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let r=fe();he({target:r,props:this.control.props,fallback:k,dependsOn:this.container.dimensions}),i.append(r),this.container.element.append(i),e.append(this.container.element),this.controlElement=i}disable(){this.controlElement&&(this.controlElement.style.cursor="default")}enable(){this.controlElement&&(this.controlElement.style.cursor="pointer")}getElement(){return this.controlElement}};var ft=n=>{if(n.type.trim().toLowerCase()==="text")return new Ge(n)},Ge=class extends j{constructor(e){super(e)}createView({parentElement:e,layoutCallback:t}){if(super.createContainerElement(t),!this.container)return;let i=document.createElement("div");i.classList.add(`${V}-${this.control.id}`),i.setAttribute("data-testid",B.TEXT),i.style.display="flex",i.style.width="100%",i.style.height="100%",i.style.fontFamily="inherit",W({target:i,layoutParams:this.control.layoutParams,fallback:k}),pe({target:i,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let r=fe();he({target:r,props:this.control.props,fallback:k,dependsOn:this.container.dimensions}),i.append(r),this.container.element.append(i),e.append(this.container.element),this.controlElement=i}disable(){}enable(){}getElement(){return this.controlElement}};var ze=class{constructor(e){this.layout=e}},ve=class extends ze{constructor(e){super(e)}setContainerLayout(e){e.style.position="relative"}setControlLayout(e,t){e.style.position="absolute",e.style.width=`calc(var(--interactive-content-width) * ${t.width})`,e.style.height=`calc(var(--interactive-content-height) * ${t.height})`,e.style.left=`calc(var(--interactive-content-width) * ${t.x} + ((var(--interactive-width) - var(--interactive-content-width)) / 2))`,e.style.top=`calc(var(--interactive-content-height) * ${t.y} + ((var(--interactive-height) - var(--interactive-content-height)) / 2))`}};var Q=class{constructor(e){this.container=e,this.factories=new Map,this.controls=[],this.setControls()}addControlFactory(e,t){this.factories.set(e.trim().toLowerCase(),t),this.setControls()}removeControlFactory(e){this.factories.delete(e.trim().toLowerCase()),this.setControls()}setControls(){this.controls=this.chooseControls()}chooseControls(){return this.container.controls?.reduce((e,t)=>{let i=t.type.trim().toLowerCase(),r=this.factories.get(i);if(r){let s=r(t);if(s)return[...e,s]}return[...e]},[])||[]}};var ge=(n,e)=>{if(n.type.trim().toLowerCase()==="choice")return new We(n,e)},We=class extends Q{constructor(e,t){super(e),this.rootElement=t??ce(),this.layout=new ve(this.container.layout),this.isRemoved=!1,this.isDisabled=!1,this.addControlFactory("button",ye),this.addControlFactory("text",ft),this.addControlFactory("area",me)}createView(e){let t=document.createElement("div");return t.classList.add(`${V}-${this.container.id}`),this.layout.setContainerLayout(t),this.controls.forEach(i=>{i.createView({parentElement:t,layoutCallback:this.layout.setControlLayout}),i.setEvents(e)}),this.rootElement.append(t),this.isRemoved=!1,t}hide(){let e=this.getElement();e&&(e.style.visibility="hidden")}show(){let e=this.getElement();e&&(e.style.visibility="visible")}enable(){let e=this.getElement();e&&(this.controls.forEach(t=>t.enable()),e.style.opacity="1",this.isDisabled=!1)}disable(){let e=this.getElement();e&&(this.controls.forEach(t=>t.disable()),e.style.opacity=`${ht}`,this.isDisabled=!0)}removeView(e=!1){(!this.isRemoved||e)&&(this.controls.forEach(t=>t.removeListeners()),this.getElement()?.remove(),this.isRemoved=!0)}fakeRemove(){this.isRemoved||(this.isRemoved=!0)}getElement(){return this.rootElement.querySelector(`.${V}-${this.container.id}`)}};import{clientChecker as Ii,combine as xi,InterfaceLanguage as Ti,Observable as Qt,once as Si,Subject as F,Subscription as Kt,ValueSubject as P}from"@vkontakte/videoplayer-shared/evergreen";import{InteractiveInterfaceClick as oe}from"@vkontakte/videoplayer-statistics/evergreen";import{loadVKLangPack as Yt}from"@vkontakte/videoplayer-shared/evergreen";function q(n,e){let t;return(...i)=>{clearTimeout(t),t=setTimeout(()=>n(...i),e)}}var _=(n,e)=>Object.prototype.toString.call(n)===`[object ${e}]`,X=n=>_(n,"Object"),Ce=n=>_(n,"String"),be=n=>_(n,"Array"),Ee=n=>_(n,"Number"),yt=n=>_(n,"Function");var Qe=n=>Ee(n)&&!isNaN(n);var H=n=>X(n)&&Object.keys(n).length===0,Ke=n=>be(n)&&!n.length;var Y=(n,e)=>Ce(n)&&(e?n.trim():n).length;var vt="video_interactive",gt="videoint";var Ct=250,J=class{constructor(e){this.handleZoomChange=q(e=>{this.lastZoomInfo=e},Ct);this.onResize=e=>{if(!this.isReady||this.isHidden||!e[0].contentRect.width||!e[0].contentRect.height)return;let t=this.getNextPoint();t&&this.ngEditor?.zoomTo(t),this.ngEditorSize={width:e[0].contentRect.width,height:e[0].contentRect.height}};this.handleChapterChange=e=>{if(this.manifest){if(this.isHidden||this.hide(),!e?.id){this.onError?.("Id is not found"),console.error("Id is not found");return}this.visitedChapterIds.add(e.id),this.ngEditor?.selectChapter(e.id),this.ngEditor?.setVisitedChapters(Array.from(this.visitedChapterIds)),this.currentChapterId=e.id,this.lastZoomInfo=null}};this.handleManifestChange=(e,t=[])=>{if(this.isReady=!1,!Ee(e.graph.edit.chapters[0].x)){this.onError?.("Can't show graph"),console.error("Can't show graph");return}this.lastZoomInfo=null,this.manifest=e,this.visitedChapterIds=new Set(t),this.ngEditor&&(this.manifest.metadata.id!==this.currentManifestId?(this.ngEditor.update(e),this.currentManifestId=this.manifest.metadata.id):this.ngEditor.setVisitedChapters(Array.from(t)),this.isReady=!0)};this.init(e)}init({root:e,onOpenPreviewClick:t,onError:i,lang:r,visitedChapters:s=[]}){this.isReady=!1,this.isHidden=!0,this.manifest=null,this.visitedChapterIds=new Set(s),this.onOpenPreviewClick=t,this.onError=i,this.lang=r??"ru",this.zoom=.7,this.lastZoomInfo=null,this.currentManifestId=null,this.currentChapterId=null,this.ngEditor=null,this.ngEditorSize=null,this.graphWrapperElement=Jt(e),this.resizeObserver=new ResizeObserver(q(this.onResize,Ct)),this.resizeObserver.observe(this.graphWrapperElement)}getNextPoint(e=this.ngEditorSize){return!this.lastZoomInfo||!e?null:[(this.lastZoomInfo.x-e.width/2)/this.lastZoomInfo.value*-1,(this.lastZoomInfo.y-e.height/2)/this.lastZoomInfo.value*-1]}setVisitedChapters(e){this.visitedChapterIds=new Set([...this.visitedChapterIds,...e]),this.ngEditor?.setVisitedChapters(Array.from(this.visitedChapterIds))}updateVideosInfo(e){this.ngEditor?.updateVideosInfo(e)}async show(){this.manifest&&(this.ngEditor||await this.initNgEditor(),this.graphWrapperElement.style.display="block",!this.lastZoomInfo&&this.currentChapterId&&this.ngEditor?.focusChapter(this.currentChapterId),this.isHidden=!1)}async initNgEditor(){if(!this.manifest)return;let e;try{e=await Yt(this.lang,vt,gt)}catch{console.log("Unable to load graph language pack")}let{GraphEditor:t}=await import("@interactiveplatform/movika-graph-editor");this.ngEditor=new t(this.graphWrapperElement,{mode:"read",lang:this.lang==="ru"?"ru":"en",translation:e}),this.currentManifestId=this.manifest.metadata.id,this.ngEditor.update(this.manifest),this.ngEditor.setVisitedChapters(Array.from(this.visitedChapterIds)),this.currentChapterId&&this.ngEditor.selectChapter(this.currentChapterId),this.ngEditor.on("control",({name:i,...r})=>{i==="openPreview"&&"chapterId"in r&&this.onOpenPreviewClick?.(r.chapterId)}),this.ngEditor.on("zoom",this.handleZoomChange),this.isReady=!0}hide(){this.graphWrapperElement.style.display="none",this.isHidden=!0}destroy(){this.hide(),this.manifest=null,this.resizeObserver.disconnect(),this.ngEditor?.setVisitedChapters([]),this.onOpenPreviewClick=void 0,this.ngEditor?.dispose(),this.graphWrapperElement.remove(),this.isReady=!1}};function Jt(n){let e=document.createElement("div");return e.style.position="absolute",e.style.top="0",e.style.left="0",e.style.height="100%",e.style.width="100%",e.style.display="none",n.append(e),e}var ee=class{constructor(){this._containers=[];this._player=null;this.setPlayer=e=>{this._player=e};this.setContainers=e=>{this._containers=e};this.deleteContainer=e=>{this._containers=this._containers.filter(t=>t.id!==e)};this.getNextInteractiveTime=(e=3e3)=>{if(!this._containers.length||this._player===null)return null;let t=-1,i=!1,r=Math.round(this._player.info.position$.getValue()*1e3);for(let s of this._containers){let l=s.startTime-e;if(l<=r&&(s.endTime&&r<=s.endTime||s.endTime===null)){i=!0;break}r<l&&(t=t===-1?l:Math.min(t,l))}return!i&&t!==-1?t:null}}};import{isSupportedManifest as xe,ContainerTypes as Fn,ControlTypes as Te,EventActionTypes as x,EventTypes as Bn,migrateManifestToLatestVersion as xt,compareVersions as _n}from"@interactiveplatform/movika-manifest";var bt={metadata:"Object",chapters:"Array"},Et=n=>{if(!X(n))return!1;for(let e in bt)if(!n[e]||!_(n[e],bt[e]))return!1;return xe(n.metadata.version)},Ie=n=>n.type===Te.Text,Mn=n=>n.type===Te.Button,Vn=n=>n.type===Te.Area,Pn={Choice:"Choice",TextInput:"TextInput"},Ln={Button:"Button",Area:"Area",Text:"Text"},$n={onClick:"onClick",onSuspense:"onSuspense"},It={openURI:"openURI",setNextBranch:"setNextBranch",setWeightlessRandomBranch:"setWeightlessRandomBranch",setRandomBranch:"setRandomBranch",setMaxWeightBranch:"setMaxWeightBranch",setMinWeightBranch:"setMinWeightBranch",setDefaultBranch:"setDefaultBranch",continuePlayback:"continuePlayback",expect:"expect"};var A=class{constructor(e,t,...i){this.severity=e;this.category=t;this.data=i}toString(){return`Interactive SDK error ${JSON.stringify(this,null,"  ")}`}};var Se=class{constructor(){this.listeners={}}addListener(e,t){return this.listeners[e]=this.listeners[e]||[],this.listeners[e].push(t),this}on(e,t){return this.addListener(e,t)}once(e,t){this.listeners[e]=this.listeners[e]||[];let i=()=>{t(),this.off(e,i)};return this.listeners[e].push(i),this}off(e,t){return this.removeListener(e,t)}reset(){this.listeners={}}removeListener(e,t){let i=this.listeners[e]||[];for(let r=i.length;r>0;r--)if(i[r]===t){i.splice(r,1);break}return this}emit(e,...t){let i=this.listeners[e];return i?(i.forEach(r=>{r(...t)}),!0):!1}listenerCount(e){return this.rawListeners(e).length}rawListeners(e){return this.listeners[e]||[]}};var we=class{constructor(e){this.fns=[];this.addFn=(e,t=!1)=>{yt(e)&&(this.fns.push(e),t&&this.updateFn())};this.removeFn=(e,t=!1)=>{this.fns=this.fns.filter(i=>i!==e),t&&this.updateFn()};this.updateFn=()=>{this.fn=()=>{this.fns.forEach(e=>e()),this.raf&&this.forceRequestAnimation()}};this.forceRequestAnimation=()=>{this.fn&&(this.raf=requestAnimationFrame(this.fn))};this.requestAnimation=()=>{this.raf||this.forceRequestAnimation()};this.cancelAnimation=()=>{this.raf&&(cancelAnimationFrame(this.raf),this.raf=void 0)};e&&(this.fn=e,this.addFn(e))}release(){this.cancelAnimation(),this.fn=void 0,this.fns=[]}};import{ValueSubject as ai}from"@vkontakte/videoplayer-shared/evergreen";var Re=class{constructor(e){this.loaders={chapterLoaders:e?.chapterLoaders??[],manifestLoaders:e?.manifestLoaders??[]}}async exec(e,t){return ei(...this.loaders[e])(t)}};function ei(...n){return async function(t){let i=[...n];for(;i.length>0;)t=await i.shift()(t);return t}}function te(n,e,t){return n?{...n,[e]:n[e]?[t,...n[e]]:[t]}:{[e]:[t]}}function Ae({actions:n,errors:e,chapterId:t,...i}){if(t){let r=n.getManifest(),s=n.getChapter(r.chapters,t);if(s){let l=n.getMedia(r.media,s.videoId),a=n.getGraph(r.graph,s.id);return l?{...i,actions:n,errors:e,result:{chapter:s,media:l,graph:a}}:{...i,errors:te(e,Ae.name,"Could not find media"),actions:n}}}return{...i,errors:te(e,Ae.name,"Could not find chapter"),actions:n}}var Ze=(n="",e="")=>{let t=n.split("."),i=e.split("."),r=0;for(let s=0;s<Math.max(t.length,i.length)&&!r;s++)t[s]>i[s]?r=1:t[s]<i[s]?r=-1:r=0;return r};var ti=async n=>{try{let e={},t;if(Ce(n)){t=new URL(n).href;let r=await fetch(t);if(!r.ok)return{};e=await r.json()}else if(X(n))e=n;else return{};if(!Et(e))return{};let i=e.metadata.media;if(Ce(i)&&!("media"in e))try{let r;t?r=new URL(i,t).href:(r=new URL(i).href,t=r);let s=await fetch(r);if(!s.ok)throw new Error;e.metadata.media=await s.json()}catch{return ri(e.metadata.version)?{manifest:e}:{}}return{manifest:e,manifestURL:t}}catch{return{}}};async function Tt(n){let{manifest:e,manifestURL:t}=await ti(n);if(!e)throw new Error("Failed on fetch");let i=xt(e);return i.media=ii(i.media,t),delete i.metadata.media,i}function ke(n,e){if(e)return n.find(t=>t.id===e)}function qe(n,e){return n.edit?.chapters?n.edit.chapters.find(t=>t.id===e):n.view?.chapters?n.view.chapters.find(t=>t.id===e):void 0}function Xe(n,e){return n.videos.find(t=>t.id===e)}function ii(n,e){return{...n,videos:n.videos.map(t=>({...t,variants:t.variants.map(i=>{let r="url"in i?i.url:"",s=ni(r,e);return{...i,url:s||r}})}))}}function ni(n="",e){try{return new URL(n,e).href}catch{return""}}function ri(n){return Ze(n,"3.2.0")>=0}var Me=n=>be(n)&&!Ke(n),O=n=>n.order==="end",Ve=n=>be(n.containers)&&!Ke(n.containers)&&O(n),St=(n,e)=>{let t=n*1e3;return Me(e.controls)&&t<(e.startTime??0)},Ye=(n,e)=>{let t=n*1e3;return Me(e.controls)&&t>=(e.startTime??0)&&t<=(e.endTime??1/0)};var D=(n=[])=>n.some(e=>e.action.type==="expect"),Je=(n=[])=>n.find(e=>e.action.type==="expect"),si=n=>n?.length===1,K=n=>si(n)&&Ie(n[0]);function wt(n,...e){return t=>typeof e[0]=="object"&&typeof t=="object"?n({...e[0],...t}):n(...e,...t)}var Rt=(n,e)=>{let t=u=>e.find(({container:T})=>T.container.id===u)?.container.isRemoved,i=D(n.events)&&!t(n.id),r=(u,y=!1,T=!1)=>{let L=T?"every":"some";return u.controls[L](b=>{let p=y?u.endTime===n.endTime:!0;return b.events?.[L](d=>d.action?.type===It.openURI)&&p})},s=u=>u.some(({container:y})=>r(y.container,!0,!1)&&!y.isRemoved),l=u=>u.every(({container:y})=>y.isRemoved?!0:r(y.container,!0,!0)),a=e.filter(({container:u})=>u.container.id!==n.id&&D(u.container.events)&&u.container.endTime===n.endTime&&!u.isRemoved).length,o=i||a>0,c=s(e),g=r(n),C=l(e);return{isExpectTime:o,hasOtherExpect:a>0,hasOpenURIEvent:c,hasOpenURIEventInCurrentContainer:g,isAllOpenURIEventsValid:C}};var Z=class extends Re{constructor(t,i){super(t);this.manifest=null;this.chapter=null;this.media=null;this.graph=null;this.prevChapter$=new ai(null);this.onError=i,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 i=await this.exec("manifestLoaders",{actions:{addErrorMessage:te},result:null,errors:null,source:t});return i.errors&&this.errorHandler(i.errors),this.manifest=await Tt(i.result??t),this}async setInitial(){return this.setNext()}async setNext(t=this.manifest?.metadata.initChapterId){if(!t)return this;this.prevChapter$.next(this.chapter);let i=await this.exec("chapterLoaders",Ae({actions:{getManifest:()=>this.manifest,getCurrent:this.getCurrent,getGraph:qe,getChapter:ke,getMedia:Xe,getByBranches:this.getByBranches.bind(this),addErrorMessage:te},result:null,errors:null,chapterId:t}));return i.errors&&this.errorHandler(i.errors),this.chapter=i.result.chapter,this.media=i.result.media,this.graph=i.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){if(!t||!this.manifest)return null;let i=ke(this.manifest.chapters,t);if(i){let r=Xe(this.manifest.media,i.videoId),s=qe(this.manifest.graph,i.id);if(r)return{chapter:i,media:r,graph:s}}return null}getBranches(t=this.chapter?.id){if(t===this.chapter?.id)return this.getByBranches(this.chapter?.branches);{let i=ke(this.manifest?.chapters||[],t);return this.getByBranches(i?.branches)}}getByBranches(t=[]){return t.reduce((i,r)=>{let s=this.getByChapterId(r.chapterId);return s&&i.push(s),i},[])}getCurrent(){return{chapter:this.chapter,media:this.media,graph:this.graph}}isInitialChapter(){return this.chapter?.id===this.manifest?.metadata.initChapterId}isEndChapter(){return this.chapter?O(this.chapter):!1}};import{Player as oi}from"@vkontakte/videoplayer-core/evergreen";import{Subscription as it,Tracer as li,ValueSubject as ci}from"@vkontakte/videoplayer-shared/evergreen";var At=n=>{let e=n.variants.find(t=>t.payload?.type==="vk");if(e&&e.payload){let[t,i]=e.payload.id.split("_");return[t,i]}return[]};function et(){let n=new Map;function e({listId:s=Math.random().toString(),itemId:l=Math.random().toString(),...a}){let o=n.get(s),c={...a};return o?o[l]=c:n.set(s,{[l]:c}),{listId:s,itemId:l,...a}}function t(s){s.player.destroy(),s.container.remove(),s.subscription.unsubscribe(),s.statistics?.oneStat.destroy(),s.statistics?.statSubscription.unsubscribe()}function i(s,l){let a=n.get(s);if(!a)throw Error("Can't remove. Not find.");if(l){let o=a[l];o&&t(o),delete a[l],Object.keys(a).length||n.delete(s)}else{for(let o of Object.values(a))t(o);n.delete(s)}}function r(){for(let s of n)i(s[0])}return{createPlayer:e,removePlayer:i,map:n,removeAll:r}}function tt(n,e=[]){let t={},i,r=!e.length;for(let s of n.variants)if(!i&&"cover"in s&&(i=s.cover),"url"in s)switch(s.type.toLowerCase()){case"mp4":(r||e.includes("mp4"))&&(t.MPEG={...t.MPEG,[s.standard??"Invariant quality"]:s.url});break;case"mpeg":(r||e.includes("mpeg"))&&(t.MPEG={...t.MPEG,[s.standard??"Invariant quality"]:s.url});break;case"hls":(r||e.includes("hls"))&&(t={...t,HLS:{type:"url",url:s.url}});break;case"dash":(r||e.includes("dash"))&&(t={...t,DASH_SEP:{compatibilityMode:!0,type:"url",url:s.url}});break;default:break}return{sources:t,thumbUrl:i,title:n.title??""}}var ie=(n,e)=>{let t=n.info.currentQuality$.getValue(),i=n.info.availableQualities$.getValue();t!==e&&i.includes(e)&&(n.setQuality(e),n.setAutoQuality(!1))};var pi=2;function nt(n){let e=et(),t=new it,i={},r=null,s=!1,l,a=new ci(null);n&&o(n);function o(b){r=b}function c(b,p,d){if(!r)throw Error("need to set interactive controller");if(!r.options)return;let v=(e.map.get(b)??{})[p];if(v){i={chapterId:d,listId:b,itemId:p,...v};let f=i.player;i.subscription.add(f.info.currentQuality$.subscribe(S=>{let w=f.info.position$.getValue(),M=f.info.isAutoQualityEnabled$.getValue();if(!(!S||!w||M))for(let E of e.map)Object.values(E[1]).forEach(({player:R})=>{ie(R,S)})})).add(f.events.started$.subscribe(()=>{g(p)})),v.container.remove(),r.setPlayer(v.player),s||(r.init(),s=!0),a.next({player:i.player,config:i.config,statistics:i.statistics});return}throw Error("Can't set. Not find.")}async function g(b){if(!r)throw Error("need to set interactive controller");if(H(i)||b!==i.itemId)return;let p=r.getChapterBranches(),d=new Set;for(let h of p)d.has(h.media.id)||(await u({media:h.media,chapterId:h.chapter.id,setAsActive:!1,title:h.chapter.label}),d.add(h.media.id))}async function C({chapter:{id:b},manifestVideo:p}){if(H(i)||!r)return;let d=i.player.info.muted$.getValue(),h=i.player.info.currentQuality$.getValue(),v=i.player.info.isAutoQualityEnabled$.getValue(),f=i.player.info.volume$.getValue(),S=i.player.info.currentPlaybackRate$.getValue(),w=!v,M=!1;for(let E of e.map)if(E[0]===p.id&&!r.state.isReplay$.getValue()){let R=Object.keys(E[1]);for(let $ of R)$===i.itemId?(R.length<pi||(M=!0),e.removePlayer(E[0],$)):(M=!0,c(E[0],$,b),w?ie(i.player,h):i.player.setAutoQuality(!0),i.player.setVolume(f),i.player.setMuted(d),i.player.setPlaybackRate(S))}else e.removePlayer(E[0]);M||(await u({media:p,chapterId:b,setAsActive:!0,playbackRate:S}),w?ie(i.player,h):i.player.setAutoQuality(!0),i.player.setVolume(f),i.player.setMuted(d))}async function u({media:b,chapterId:p,prefetch:d=!0,setAsActive:h=!0,autoplay:v=!1,preferredExt:f,title:S,playbackRate:w}){let M=Math.random().toString(),E=document.createElement("div");l.append(E);let R;if(r?.options?.vkVideoLoader){let le=At(b);le.length&&(R=await r.options.vkVideoLoader(...le))}let $=r?.options?.coreConfig||void 0,U={...$,configName:[...$?.configName??[],"interactive"]},G={container:E,...R?.videos?.[0]||{sources:tt(b,f).sources},title:S,failoverHosts:R?.failoverHosts||[]},N=new oi(U,li.createRootTracer());N.initVideo(G);let ot=null;if(R?.videos&&r?.options.createOneStat){let le=R.videos[0],Be=r.options.createOneStat(le),ct=new it;Be&&(ct.add(Be.attachTo(N)),ot={oneStat:Be,statSubscription:ct})}let lt=new it,qt=i?.player?.info.isAutoQualityEnabled$.getValue();lt.add(N.events.canplay$.subscribe(function(){qt||ie(N,i.player.info.currentQuality$.getValue()),w&&N.setPlaybackRate(w)}));let z=e.createPlayer({listId:b.id,itemId:M,player:N,container:E,sources:tt(b,f).sources,config:G,subscription:lt,statistics:ot});return h&&c(b.id,z.itemId,p),v&&z.player.play(),d&&!v&&z.player.prepare(),{player:z.player,config:z.config,statistics:z.statistics}}function y(){T(),r=null,l.remove()}function T(){t.unsubscribe(),e.removeAll(),i={},s=!1}async function L(){if(!r)throw Error("need to set interactive controller");T(),l=document.createElement("div");let{media:b,chapter:p}=r.getCurrentChapter();b&&p?(t.add(r.events.chapterChanged$.subscribe(C)),await u({media:b,chapterId:p.id,title:p.label})):console.error("not found")}return{...e,init:L,setInteractiveController:o,createPlayer:u,removeAll:y,getActivePlayer:function(){return i},activePlayerChanged:a}}var m={graph:"graph",interactives:"interactives",chapterChanged:"chapter-changed",playerChanged:"player-changed",manifestChanged:"manifest-changed",errors:"errors",eachTick:"eachTick",historyInited:"history-inited",historyDestroyed:"history-destroyed"},ne={visibility:"visibility",watchAgainClicked:"watchAgainClicked"},I={actionChoiceCanceled:"action-choice-canceled",actionChoice:"action-choice",actionExecution:"action-execution",visibility:"visibility",containerRemoved:"container-removed",containerFakeRemoved:"container-fake-removed",rangeEnded:"range-ended"};import{Subscription as hi}from"@vkontakte/videoplayer-shared/evergreen";var Pe=class{constructor({player:e,container:t,branches:i,selectBranches:r,interactiveEvents:s,globalEvents:l,globalEventEmitter:a,getContainerEventState:o,permanentTextControls:c,interactiveTimeOpenUri:g,disabledControls$:C,onRemove:u}){this.hide=()=>{setTimeout(()=>{this.gameState!==4&&(D(this.container.container.events)&&this.gameState===3||this.selectBranches.state.isExpect||(this.gameState!==2&&this.container.hide?.(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:I.visibility,visibility:!1})))})};this.show=()=>{if(this.gameState===2&&!this.isSelectedControlEvent)if(this.container.getElement()){let{hasOpenURIEventInCurrentContainer:t}=this.getContainerEventState();if(this.container.show?.(),this.interactiveTimeOpenUri&&t)return;this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:I.visibility,visibility:!0,isFirst:!1})}else{let t=wt(this.selectBranches.onControlEvent,{isDisabled:()=>this.container.isDisabled,branches:this.branches,containerId:this.container.container.id,onDetachContainer:()=>{this.removeView(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:I.visibility,visibility:!1})},onEvent:(i,r)=>{let{isExpectTime:s,hasOtherExpect:l,hasOpenURIEvent:a,hasOpenURIEventInCurrentContainer:o,isAllOpenURIEventsValid:c}=this.getContainerEventState(),g=this.interactiveTimeOpenUri&&!o,C=this.interactiveTimeOpenUri&&o;if((!this.interactiveTimeOpenUri||g)&&(this.isSelectedControlEvent=!0),i!==!1){if(!this.selectBranches.state.isExpect&&(!this.interactiveTimeOpenUri||g)){if(this.interactiveTimeOpenUri){let u=!l&&!c&&o;u&&this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:I.containerFakeRemoved,visibility:!1,removeAllOpenURI:u})}this.removeView()}this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:I.visibility,visibility:!1})}if(this.gameState===4||this.gameState===3||this.selectBranches.state.isExpect||this.interactiveTimeOpenUri&&a&&this.gameState!==5){if(C){let y=((T,L,b,p)=>!T&&!L&&b||T&&!L&&b&&!p||T&&!L&&b&&p)(s,l,c,this.isSelectedContainerEvent);this.fakeRemoveView(y)}else this.removeView(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:I.visibility,visibility:!1});(!s||!l)&&(this.selectBranches.stopExpect(),r())}},isEOV:()=>this.gameState===4});this.container.createView(t),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:I.visibility,visibility:!0,isFirst:!0}),this.disabledControls$.getValue()&&this.container.disable?.()}};this.onEndOfVideo=()=>{this.gameState=4,this.selectContainerEvent(!0)};this.whilePlaying=()=>{let e=this.player.experimental.element$.getValue(),i=e instanceof HTMLVideoElement?e.readyState:void 0,r=[6,5];if(!i||r.includes(this.gameState)&&!this.isPermanentText)return;let s=this.player.getExactTime();if(St(s,this.container.container))this.gameState!==1&&(this.gameState=1,this.onBeforeStartTime());else if(Ye(s,this.container.container))this.gameState!==2&&(this.gameState=2,this.onStartTime());else if(this.gameState!==3){let c=this.gameState;this.gameState=3,c===2&&this.onEndTime()}else{let{hasOpenURIEventInCurrentContainer:c}=this.getContainerEventState(),g=this.selectBranches.state.isExpect;if(this.interactiveTimeOpenUri&&c&&!g){let u=this.container.getElement();if(u){if(u.style.visibility==="hidden")return;this.container.hide?.(),this.container.isRemoved||this.fakeRemoveView();return}}this.isPermanentText||this.removeView()}let l=Ye(s,this.container.container),a=this.container.container.startTime?[this.container.container.startTime,this.container.container.endTime??1/0]:[],o={subjectId:this.container.container.id,subjectName:"container",range:a,currentTime:s,isInteractiveTime:l};this.globalEventEmitter.emit(m.eachTick,o),this.globalEvents.eachTick$.next(o)};this.container=t,this.branches=i,this.selectBranches=r,this.subscription=new hi,this.player=e,this.interactiveEvents=s,this.getContainerEventState=o,this.isPermanentText=c&&K(t.container.controls),this.interactiveTimeOpenUri=g,this.disabledControls$=C,this.onRemove=u,this.globalEventEmitter=a,this.gameState=0,this.globalEvents=l,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(e=>{e?this.container.disable?.():this.container.enable?.()}))}selectContainerEvent(e=!1){let{isExpectTime:t}=this.getContainerEventState();this.interactiveEvents.containersEventsCallState.setCalled({timestamp:e?1/0:this.container.container.endTime,id:this.container.container.id}),!(this.isSelectedControlEvent||this.isSelectedContainerEvent)&&(this.isSelectedContainerEvent=!0,t&&!this.container.isRemoved&&this.selectBranches.setManifestContainerEvents({container:this.container.container,branches:this.branches,isEOV:e}),!e&&this.interactiveEvents.exec(this.container.container.endTime??1/0))}onStartTime(){this.show()}onEndTime(){this.selectContainerEvent(!1);let{isExpectTime:e,hasOpenURIEventInCurrentContainer:t}=this.getContainerEventState(),i=this.interactiveTimeOpenUri?e||t:D(this.container.container.events)||e;(this.isSelectedControlEvent||!i)&&this.removeView()}onBeforeStartTime(){this.container.hide?.(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:I.visibility,visibility:!1})}reset(){this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.gameState=1}removeView(e=!1){this.container.removeView(e),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:I.containerRemoved,visibility:!1}),this.gameState=5,this.onRemove?.()}fakeRemoveView(e=!1){this.container.isRemoved||this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:I.containerFakeRemoved,visibility:!1,removeAllOpenURI:e}),this.container.fakeRemove()}destroy(){this.reset(),this.removeView(!0),this.gameState=6,this.subscription.unsubscribe(),this.branches=[],this.interactiveEvents.containersEventsCallState.setCalled({timestamp:this.container.container.endTime??1/0,id:this.container.container.id})}};var kt=(n=[])=>n.reduce((e,t,i)=>{let r=(t?.controls??[]).filter(s=>!Ie(s));if(Me(r)){let s=[t.startTime??0,t.endTime??1/0],l={id:t.id,isRemoved:!1};if(!i)e.push({subjects:[l],range:s});else{let a=[],o=-1/0,c=1/0,g=[],C=[];for(let u=0;u<e.length;u++){let y=e[u];if(C.push(...y.subjects),y.range[0]<c&&(c=y.range[0]),y.range[1]>o&&(o=y.range[1]),s[0]>=y.range[0]&&s[1]<=y.range[1])return e[u].subjects.push(l),e;s[0]<y.range[0]&&s[1]>y.range[0]&&(a.push(u),g=g.concat(y.subjects)),s[0]>=y.range[0]&&s[0]<=y.range[1]&&(a.push(u),g=g.concat(y.subjects),s[0]=y.range[0]),s[1]>=y.range[0]&&s[1]<=y.range[1]&&(a.push(u),g=g.concat(y.subjects),s[1]=y.range[1])}if(C.push(l),s[0]<=c&&s[1]>=o)return[{subjects:C,range:s}];a.length&&a.reverse().forEach(u=>{e.splice(u,1)}),e.push({subjects:g.concat([l]),range:s})}}return e},[]).sort((e,t)=>e.range[0]-t.range[0]);function Mt(){let n={};function e(){for(let a in n)Object.prototype.hasOwnProperty.call(n,a)&&delete n[a]}function t(a){let o={};for(let c in n)+c<=a&&(o[c]=n[c]);return o}function i(a){let o={};for(let c in n)+c>=a&&(o[c]=n[c]);return o}function r({timestamp:a,priority:o,initiator:c}){if(Qe(a)){let g=n[a]??null;if(g&&o&&Y(o,!0)){let C={},u=g[o];return u&&(C={...C,...u}),C=H(C)?null:C,C&&Y(c,!0)?C[c]??null:C}return g}return null}function s({timestamp:a,priority:o,initiator:c}){if(Qe(a))if(n[a]){if(o&&Y(o,!0))if(n[a][o]){if(c&&Y(c,!0))if(n[a][o][c]){if(delete n[a][o][c],!H(n[a][o]))return!0}else return!1;if(delete n[a][o],!H(n[a]))return!0}else return!1;return delete n[a]}else return!1;return!1}function l({timestamp:a,priority:o,initiator:c,...g}){n[a]?.[o]?.[c]?n[a][o][c].push({...g}):n[a]?.[o]?n[a][o]={...n[a][o],[c]:[{...g}]}:n[a]?n[a]={...n[a],[o]:{[c]:[{...g}]}}:n[a]={[o]:{[c]:[{...g}]}}}return{map:n,remove:s,add:l,removeAll:e,get:r,getLte:t,getGte:i}}var di=[x.expect,x.setNextBranch],ui=1/0;function Vt(n,e){let t=n,i,r=mi(e),s=Mt(),l,a=()=>{y(),d()},o=h=>{s.add.call(void 0,h),L()},c=(h=[])=>{for(let v of h)if(v.action(),di.includes(v.actionType))break},g=(h=1/0)=>{let v=Le(s.get({timestamp:h,priority:"control"})??{}),f=Le(s.get({timestamp:h,priority:"container"})??{}),S=Le(s.get({timestamp:h,priority:"chapter"})??{});return[...v,...f,...S]},C=h=>{r.isReady(h)&&c(g(h))},u=()=>{c([...Le(s.get({timestamp:1/0,priority:"chapter"})??{})])},y=()=>{i&&(l?.unsubscribe(),i=void 0)},T=h=>{},L=()=>{i||(i=()=>setTimeout(()=>{C(1/0)}),l=t.events.ended$.subscribe(i))},b=h=>{y(),t=h},p=h=>{h.priority==="container"&&r.resetCalled(h.timestamp),s.remove(h)},d=()=>{r.release(),s.removeAll()};return{setPlayer:b,add:o,remove:p,exec:C,execEndOfVideo:u,listen:L,unlisten:y,release:a,containersEventsCallState:r,getPreparedToExecActions:g}}function mi(n){let e=new Map;return{setCalled:({timestamp:a,id:o})=>{let c=e.get(a);c&&c[o]!==void 0&&(c[o]=!0)},setData:(a=[])=>{for(let o of a){let c=o.endTime??ui,g=e.get(c)??{};e.set(c,{...g,[o.id]:!1})}},resetCalled:a=>{let o=e.get(a);if(o)for(let c in o)o[c]=!1},isReady:a=>{let o=e.get(a);if(!o)return!0;let c=Object.values(o);return n?c.some(C=>C):!c.some(C=>!C)},release:()=>e.clear()}}function Le(n){return Object.values(n).flat().sort(e=>e.actionType===x.expect?-1:1)}var Pt={videoContentHeight:0,videoContentWidth:0},Lt=(n,e)=>{let{height:t,width:i}=e.info.intrinsicVideoSize$.getValue()||{};if(!(t&&i))return Pt;let{clientHeight:r,clientWidth:s}=e.experimental.element$.getValue()||{};if(!(r&&s))return Pt;let l=t/i,a=r/s,o,c;return a>l?(c=s,o=s*l):a<l?(c=r/l,o=r):(c=s,o=r),{videoContentWidth:c,videoContentHeight:o}};var fi=250;function $t(n){let e=()=>{},t=new ResizeObserver(a=>{s(a),e=s.bind(null,a)});function i(a){let{parentElement:o,player:c}=n();if(o&&c){let{videoContentWidth:g,videoContentHeight:C}=Lt(o,c);o.style.setProperty("--interactive-content-width",`${g}px`),o.style.setProperty("--interactive-content-height",`${C}px`),o.style.setProperty("--interactive-width",`${a[0].contentRect.width}px`),o.style.setProperty("--interactive-height",`${a[0].contentRect.height}px`)}}function r(){let{parentElement:a}=n();a.removeAttribute("style")}let s=q(a=>{let{fns:o=[]}=n();i(a);for(let c of o)c()},fi);function l(){e=void 0,t.disconnect(),r()}return{resizeObserver:t,calc:()=>{e?.()},release:l}}var re=class{constructor(){this.map={}}push(e,t){e in this.map?this.map[e].push(t):this.map[e]=[t]}get(e){let t=this.map[e];return t?t.slice():null}getAll(){let e=[];for(let t in this.map)e.concat(this.map[t]);return e}remove(e,t){e in this.map&&(this.map[e]=this.map[e].filter(i=>i!==t),this.map[e].length===0&&delete this.map[e])}clear(){this.map={}}keys(){return Object.keys(this.map)}size(){return this.keys().length}};var yi=n=>Math.floor(Math.random()*n),jt=n=>{let e=n.length,t=1/0,i=null;for(;e--;){let r=n[e],s=r.weight??1;s<t&&(t=s,i=r)}return i},Nt=n=>{let e=n.length,t=-1/0,i=null;for(;e--;){let r=n[e],s=r.weight??0;s>t&&(t=s,i=r)}return i};var Ft=n=>{let e=n.length,t=yi(e);return n[t]},Ot=1,Bt=n=>{let e=0;for(let i=0;i<n.length;++i)e+=n[i].weight??Ot;let t=Math.random()*e;e=0;for(let i=0;i<n.length-1;++i)if(e+=n[i].weight??Ot,e>=t)return n[i];return n[n.length-1]};var _t={shouldOpenNow:!0,isDetachContainer:!0};var rt=(n,e=!1)=>({...n,args:e?{...n.args,..._t}:{..._t,...n.args}}),Ut=({globalEventEmitter:n,player:e,interactiveEvents:t,removeControllers:i})=>{let r={isExpect:!1},s=()=>{r.isExpect&&(r.isExpect=!1)},l=({action:p,controlType:d,controlId:h,containerId:v,branches:f=[],onEvent:S,isEOV:w=()=>!1,isDisabled:M=()=>!1})=>{let E=rt(p,w()),R={timestamp:1/0,priority:"control",initiator:h,actionType:E.type},$=M(),U=n.emit.bind(n,m.interactives,{subjectId:h,subjectType:d,subjectName:"control",type:$?I.actionChoiceCanceled:I.actionChoice,actionType:p.type,payload:{containerId:v,...E.args}});if($){U();return}switch(E.type.trim().toLowerCase()){case x.setNextBranch.trim().toLowerCase():{let G=f.find(N=>N.id===E.args.branchId);if(!G)return;S(E.args.isDetachContainer,u.bind(null,{subjectId:h,subjectName:"control"})),U(),E.args.shouldOpenNow?T({subjectId:h,subjectName:"control",subjectType:d,action:E,payload:{chapterId:G.chapterId,autoSelect:!1}}):(t.add({...R,action:T.bind(null,{subjectId:h,subjectName:"control",subjectType:d,action:E,payload:{chapterId:G.chapterId,autoSelect:!1}})}),i?.());return}case x.continuePlayback.trim().toLowerCase():{S(E.args.isDetachContainer,u.bind(null,{subjectId:h,subjectName:"control"})),U(),E.args.shouldOpenNow?y({subjectId:h,subjectName:"control",subjectType:d,action:p}):t.add({...R,action:y.bind(null,{subjectId:h,subjectName:"control",subjectType:d,action:p})});return}case x.openURI.trim().toLowerCase():{S(E.args.isDetachContainer,u.bind(null,{subjectId:h,subjectName:"control"})),U(),E.args.shouldOpenNow?b({subjectId:h,subjectName:"control",subjectType:d,action:E,payload:{URI:p.args.uri}}):(t.add({...R,action:b.bind(null,{subjectId:h,subjectName:"control",subjectType:d,action:E,payload:{URI:p.args.uri}})}),i?.());return}default:console.error("Unexpected control event"),n.emit(m.errors,new A(1,1,{message:"Unexpected control event"}));return}},a=({action:p,container:{id:d,endTime:h},branches:v=[],isEOV:f=!1,autoSelected:S=!1})=>{let w=rt(p,f),M={timestamp:!w.args.shouldOpenNow||f?1/0:h??1/0,priority:"container",initiator:d,actionType:w.type},E=n.emit.bind(n,m.interactives,{subjectId:d,subjectName:"container",type:I.actionChoice,actionType:w.type,payload:w.args});switch(w.type.trim().toLowerCase()){case x.setNextBranch.trim().toLowerCase():{let R=v.find($=>$.id===w.args.branchId);if(!R)return;E(),t.add({...M,action:T.bind(null,{subjectId:d,subjectName:"container",action:w,payload:{chapterId:R.chapterId,autoSelect:S}})}),i?.();return}case x.setMaxWeightBranch.trim().toLowerCase():return;case x.setMinWeightBranch.trim().toLowerCase():return;case x.setRandomBranch.trim().toLowerCase():return;case x.setWeightlessRandomBranch.trim().toLowerCase():return;case x.continuePlayback.trim().toLowerCase():{E(),t.add({...M,action:y.bind(null,{subjectId:d,subjectName:"container",action:w})});return}case x.openURI.trim().toLowerCase():{E(),t.add({...M,action:b.bind(null,{subjectId:d,subjectName:"container",action:w,payload:{URI:p.args.uri}})}),i?.();return}default:console.error("Unexpected container event"),n.emit(m.errors,new A(1,1,{message:"Unexpected container event"}));return}};function o({container:p,branches:d,isEOV:h=!1}){let v=Je(p.events);if(v){let f=rt(v.action,h);n.emit(m.interactives,{subjectId:p.id,subjectName:"container",type:I.actionChoice,actionType:f.type,payload:f.args}),t.add({timestamp:h?1/0:p.endTime??1/0,priority:"container",initiator:p.id,actionType:x.expect,action:C.bind(null,{subjectId:p.id,subjectName:"container"})}),r.isExpect=!0}else for(let f of p.events??[])a({action:f.action,container:p,branches:d,isEOV:h})}let c=({chapterId:p,action:d,branches:h=[]})=>{let v=n.emit.bind(n,m.interactives,{subjectId:p,subjectName:"chapter",type:I.actionChoice,actionType:d.type,payload:d.args});switch(d.type.trim().toLowerCase()){case x.setNextBranch.trim().toLowerCase():{let f=h.find(S=>S.id===d.args.branchId);return f?.chapterId?(v(),T.bind(null,{subjectId:p,subjectName:"chapter",action:d,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case x.setWeightlessRandomBranch.trim().toLowerCase():{let f=Ft(h);return f?.chapterId?(v(),T.bind(null,{subjectId:p,subjectName:"chapter",action:d,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case x.setRandomBranch.trim().toLowerCase():{let f=Bt(h);return f?.chapterId?(v(),T.bind(null,{subjectId:p,subjectName:"chapter",action:d,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case x.setMaxWeightBranch.trim().toLowerCase():{let f=Nt(h);return f?.chapterId?(v(),T.bind(null,{subjectId:p,subjectName:"chapter",action:d,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case x.setMinWeightBranch.trim().toLowerCase():{let f=jt(h);return f?.chapterId?(v(),T.bind(null,{subjectId:p,subjectName:"chapter",action:d,payload:{chapterId:f.chapterId,autoSelect:!0}})):void 0}case x.continuePlayback.trim().toLowerCase():return v(),y.bind(null,{subjectId:p,subjectName:"chapter",action:d});case x.openURI.trim().toLowerCase():return v(),b.bind(null,{subjectId:p,subjectName:"chapter",action:d,payload:{URI:d.args.uri}});default:console.error("Unexpected chapter event"),n.emit(m.errors,new A(1,1,{message:"Unexpected chapter event"}));return}};function g(p){let d=Je(p.events);if(d){if(O(p))return;n.emit(m.interactives,{subjectId:p.id,subjectName:"chapter",type:I.actionChoice,actionType:d.action.type,payload:d.action.args}),t.add({timestamp:1/0,priority:"chapter",initiator:p.id,actionType:x.expect,action:C.bind(null,{subjectId:p.id,subjectName:"chapter"})})}else p.events?.forEach(h=>{let v=c({chapterId:p.id,action:h.action,branches:p.branches});v&&t.add({timestamp:1/0,priority:"chapter",initiator:p.id,actionType:h.action.type,action:v})})}let C=({subjectId:p,subjectName:d})=>{e.pause(),n.emit(m.interactives,{subjectId:p,subjectName:d,type:I.actionExecution,actionType:x.expect})},u=({subjectId:p,subjectName:d})=>{e.info.isEnded$.getValue()?t.execEndOfVideo():e.play(),n.emit(m.interactives,{subjectId:p,subjectName:d,type:I.actionExecution,actionType:"after-expect"})},y=({subjectId:p,subjectName:d,subjectType:h,action:v})=>{n.emit(m.interactives,{subjectId:p,subjectName:d,subjectType:h,type:I.actionExecution,actionType:v.type})},T=({subjectId:p,subjectName:d,subjectType:h,action:v,payload:f})=>{f.behaviour="change-chapter",n.emit(m.interactives,{subjectId:p,subjectName:d,subjectType:h,type:I.actionExecution,actionType:v.type,payload:f})},L=({subjectId:p,subjectName:d,subjectType:h,action:v,payload:f})=>{f.behaviour="change-manifest",n.emit(m.interactives,{subjectId:p,subjectName:d,subjectType:h,type:I.actionExecution,actionType:v.type,payload:f})},b=({subjectId:p,subjectName:d,subjectType:h,action:v,payload:f})=>{if(!f.URI)return;let S=window.open(f.URI,"_blank","noopener,noreferrer");S&&(S.opener=null),n.emit(m.interactives,{subjectId:p,subjectName:d,subjectType:h,type:I.actionExecution,actionType:v.type})};return{onControlEvent:l,onContainerEvent:a,onChapterEvent:c,onExpectEvent:C,expectEventHandler:u,setManifestChapterEvents:g,setManifestContainerEvents:o,stopExpect:s,state:r}};import{Subscription as Ei,Subject as at,ValueSubject as se}from"@vkontakte/videoplayer-shared/evergreen";var st=(n,e)=>{let t={};return n.map(i=>{if(!t[i]){let r=e.chapters.find(l=>l.id===i);if(!r)return null;let s=e.media.videos.find(l=>r.videoId===l.id);if(!s)return null;t[i]=Gt(s)}return t[i]}).filter(Boolean)},gi=n=>{for(let e of n.variants)if(Ci(e)&&e.payload)return e.payload.id},Ci=n=>!!(n.type==="custom"&&n.payload&&n.payload.type==="vk"),Gt=n=>{let e=gi(n);if(!e)return null;let t=e.split("_").pop();return t?parseInt(t,10):null},bi=(n,e)=>{for(let t of n.media.videos)if(e===Gt(t)){for(let i of n.chapters)if(i.videoId===t.id)return i.id;return}},zt=(n,e)=>n.reduce((t,i)=>{let r=bi(e,i);return r?[...t,r]:t},[]);var ae=class{constructor({globalEventEmitter:e,videoId:t,interactiveController:i,historyApi:r,settings:s}){this.state={history$:new se([]),hasPrevChapter$:new se(!1),prevChapter$:new se(null),isInitialChapter$:new se(!1),isGoBackLimited$:new se(!1)};this.#i=null;this.#a=!1;this.#e=null;this.#p=null;this.events={inited$:new at,destroyed$:new at,error$:new at};this.#n=null;this.#r=null;this.#t=null;this.#o=new Ei;this.#l=!1;this.#c=0;this.#n=t,this.#t=e,this.#r=i,this.#i=r,this.#s=s,this.state.history$&&this.#o&&this.#o?.add(this.state.history$.subscribe(l=>{this.state.prevChapter$.next(l.at(-2)||null),this.state.hasPrevChapter$.next(l.length>1),this.state.isInitialChapter$.next(this.getInitialChapterId()===this.#e?.metadata?.initChapterId),this.state.isGoBackLimited$.next(this.#c===this.#s.maxLength-1)}))}#i;#s;#a;#e;#p;#n;#r;#t;#o;#l;#c;async setManifest(e){if(!this.#r||!this.#t)return;this.#e=e,await this.getProjectHistory();let t=this.getInitialChapterId();await this.#r.setChapter({chapterId:t,pushToHistory:!1}),this.#a||(this.#a=!0,this.events.inited$.next({initChapterId:t}))}get inited(){return this.#a}async updateHistory(e,t=!0){if(!this.#e)return;this.#l?(this.#l=!1,this.#c++):this.#c=0;let i=this.#e,r=e.length-this.#s.maxLength,s=r>0?e.slice(r):e,l=st(s,i);if(this.#p=l,this.state.history$.next(s),!(!t||!this.#i||!this.#n))try{await this.#i.save(this.#n,l)}catch{let o=new A(1,5,"Unable to save interactive history");this.events.error$.next(o),this.#t?.emit(m.errors,o)}}async goBack(){if(!this.state||!this.#r){let i=new A(1,5,"Unable to save interactive history");return this.events.error$.next(i),this.#t?.emit(m.errors,i)}this.#l=!0;let e=this.state.history$.getValue().slice(0,-1),t=e.pop();this.state.history$.next(e),await this.#r.setChapter({chapterId:t,playPrev:!0})}async getProjectHistory(){if(!this.#e||!this.#n)return;let e=this.#e,t=[this.getInitialVideoId()];if(this.#i)try{let r=await this.#i.get(this.#n);r.length&&(t=r)}catch{let s=new A(1,5,"Error while trying to fetch data");this.events.error$.next(s),this.#t?.emit(m.errors,s)}let i=zt(t,e);this.state.history$.next(i)}getInitialChapterId(){return this.state.history$.getValue()?.at(-1)||this.#s.initChapterId||this.#e?.metadata.initChapterId}getInitialVideoId(){if(this.#e){let e=this.getInitialChapterId();return st([e],this.#e).pop()}return null}destroy(){this.#n=null,this.#i=null,this.#r=null,this.#o?.unsubscribe(),this.#o=null,this.#a=!1,this.#t?.emit(m.historyDestroyed),this.events.destroyed$.next(),this.#t=null}};var $e=class n{constructor(e,t,i,r){this.target=e,this.type=t,this.listener=i,this.options=n._convertOptions(e,r),this.target.addEventListener(t,i,this.options)}unlisten(){this.type&&this.listener&&this.options&&this.target?.removeEventListener(this.type,this.listener,this.options),this.target=null,this.type=null,this.listener=null,this.options=!1}static _convertOptions(e,t){if(t===void 0)return!1;if(typeof t=="boolean")return t;{let i=new Set(["passive","capture"]),r=Object.keys(t).filter(l=>!i.has(l));return r.length===0&&console.warn("Unsupported flag(s) to addEventListener: "+r.join(",")),n._doesSupportObject(e)?t:t.capture||!1}}static{this._supportsObject=void 0}static _doesSupportObject(e){let t=n._supportsObject;if(t===void 0){t=!1;try{let i={},r={get:()=>(t=!0,!1)};Object.defineProperty(i,"passive",r),Object.defineProperty(i,"capture",r);let s=()=>{};e.addEventListener("test",s,i),e.removeEventListener("test",s,i)}catch{t=!1}n._supportsObject=t}return t||!1}};var Oe=class{constructor(){this.bindingMap=new re}release(){this.removeAll(),this.bindingMap=null}listen(e,t,i,r){if(!this.bindingMap)return;let s=new $e(e,t,i,r);this.bindingMap.push(t,s)}listenOnce(e,t,i,r){let s=l=>{this.unlisten(e,t,s),i(l)};this.listen(e,t,s,r)}unlisten(e,t,i){if(!this.bindingMap)return;let r=this.bindingMap.get(t)||[];for(let s of r)s.target===e&&(i===s.listener||!i)&&(s.unlisten(),this.bindingMap.remove(t,s))}removeAll(){if(!this.bindingMap)return;let e=this.bindingMap.getAll();for(let t of e)t.unlisten();this.bindingMap.clear()}};var je=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 e=this.rootElement.getContext("2d")?.getImageData(0,0,this.rootElement.width,this.rootElement.height);if(!e)return!1;let t=e.data,i=t.length;for(let r=3;r<i;r+=40)if(t[r]!==0)return!0;return!1}destroy(){this.rootElement.remove()}show(){this.rootElement.style.visibility="visible"}hide(){this.rootElement.style.visibility="hidden"}setCanvasImageSource(e){this.canvasImgSrc=e}draw(){this.canvasImgSrc&&this.rootElement.getContext("2d")?.drawImage(this.canvasImgSrc,0,0,this.rootElement.width,this.rootElement.height)}async updateCanvasDimensions(e,t=!1){let i=e.width+e.height;if(this._prevSizeId===i)return;let r;t&&(r=await this.save()),this.rootElement.width=e.width,this.rootElement.height=e.height,t&&r&&this.restore(r),this._prevSizeId=i}async save(){let e=this.rootElement.toDataURL("image/jpeg",1),t=new Image;return t.crossOrigin="anonymous",t.src=e,await t.decode(),t}restore(e){this.rootElement&&this.rootElement.getContext("2d")?.drawImage(e,0,0,this.rootElement.width,this.rootElement.height)}};var Ne=class{constructor({parentElement:e,endOffsetMs:t=250,onError:i}){this.currentVideoDurationMs=1/0;this._containerTimeFrameShouldReceived=!1;this._endTimeFrameReceived=!1;this._shouldCallSkip=!1;this.onEachTick=e=>{let t=e??this.lastFrameCanvas.canvasImgSrc.currentTime*1e3,i=this.isChapterEndTime(t);if(this.isContainerTime(t))this._endTimeFrameReceived=!1,this._containerTimeFrameShouldReceived=!0,this._shouldCallSkip=!0;else if(i)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=`
+var pe="1.0.29-dev.ac01cfb7.0";function _t(n,t=1){let e="0",i="0",r="0";return n.length===4?(e="0x"+n[1]+n[1],i="0x"+n[2]+n[2],r="0x"+n[3]+n[3]):n.length===7&&(e="0x"+n[1]+n[2],i="0x"+n[3]+n[4],r="0x"+n[5]+n[6]),`rgba(${+e},${+i},${+r},${t})`}var V="interactive",qe="interactive-controls-container",ct=()=>document.querySelector(`.${qe}`),he=.4,M={textColor:"#000",textSize:.4,textContent:"",roundCorners:0,borderWidth:0,borderColor:"#000",borderAlpha:1,backgroundColor:"#fff",backgroundAlpha:1,innerSizesDependOn:"self",angle:0},de=(i=>(i.top="flex-start",i.bottom="flex-end",i.center="center",i))(de||{}),ue=(i=>(i.start="flex-start",i.end="flex-end",i.center="center",i))(ue||{}),me=(i=>(i.start="left",i.end="right",i.center="center",i))(me||{}),pt=({target:n,props:t})=>{n.style.alignItems=(t?.gravityVertical&&de[t.gravityVertical])??"center",n.style.justifyContent=(t?.gravityHorizontal&&ue[t.gravityHorizontal])??"center",n.style.textAlign=(t?.alignment&&me[t.alignment])??"left"},ht=({target:n,props:t,fallback:e,dependsOn:i})=>{n.style.color=t?.text?.color??e.textColor,n.style.fontSize=`calc(${i.height} * ${t?.text?.size??e.textSize})`,n.textContent=t?.text?.value??e.textContent},dt=({target:n,props:t,fallback:e})=>{n.style.backgroundColor=_t(t?.background?.color??e.backgroundColor,t?.background?.alpha??e.backgroundAlpha)},ut=({target:n,props:t,fallback:e,dependsOn:i})=>{n.style.border=`calc(${i.height} * ${t?.shape?.border?.width??e.borderWidth}) solid ${_t(t?.shape?.border?.color??e.borderColor,t?.shape?.border?.alpha??e.borderAlpha)}`,n.style.borderRadius=`calc(${i.height} * ${t?.shape?.roundCorners??e.roundCorners})`},z=({target:n,layoutParams:t,fallback:e})=>{let i=t.angle??e.angle;i=i&&i*-1,n.style.transform=`rotate(${i}rad)`};var j=class{constructor(t){this.control=t;this.container=null;this.controlElement=null;this.clickListener=null}createContainerElement(t){let e=document.createElement("div");e.classList.add(`${V}-control-container-${this.control.id}`),t(e,this.control.layoutParams);let i=(this.control.layoutParams.innerSizesDependOn??M.innerSizesDependOn)==="self"?{height:e.style.height,width:e.style.width}:{height:"var(--interactive-content-height)",width:"var(--interactive-content-width)"};this.container={element:e,dimensions:i}}createClickListener(t){return e=>{e.stopPropagation(),t()}}setEvents(t){!this.container||!this.control.events||this.control.events.forEach(e=>{switch(e.type.trim().toLowerCase()){case"onclick":this.clickListener=this.createClickListener(()=>t({action:e.action,controlId:this.control.id,controlType:this.control.type})),this.container?.element.addEventListener("click",this.clickListener);break;default:break}})}removeListeners(){this.container?.element&&this.clickListener&&this.container?.element.removeEventListener("click",this.clickListener)}};var Ht="int",O=(i=>(i.AREA=`${Ht}_area`,i.TEXT=`${Ht}_text`,i.BUTTON=`${Ht}_bttn`,i))(O||{});var mt=n=>{if(n.type.trim().toLowerCase()==="area")return new Dt(n)},Dt=class extends j{constructor(t){super(t)}createView({parentElement:t,layoutCallback:e}){if(super.createContainerElement(e),!this.container)return;let i=document.createElement("button");i.type="button",i.classList.add(`${V}-${this.control.id}`),i.setAttribute("data-testid",O.AREA),i.style.display="flex",i.style.width="100%",i.style.height="100%",i.style.cursor="pointer",dt({target:i,props:this.control.props,fallback:{...M,backgroundColor:"transparent"}}),ut({target:i,props:this.control.props,fallback:{...M,borderAlpha:0},dependsOn:this.container.dimensions}),z({target:i,layoutParams:this.control.layoutParams,fallback:M}),this.container.element.append(i),t.append(this.container.element),this.controlElement=i}disable(){this.controlElement&&(this.controlElement.style.cursor="default")}enable(){this.controlElement&&(this.controlElement.style.cursor="pointer")}getElement(){return this.controlElement}};var ft=()=>{let n=document.createElement("span");return n.style.display="inline-block",n.style.whiteSpace="pre",n.style.overflow="hidden",n.style.textOverflow="ellipsis",n.style.maxWidth="100%",n.style.maxHeight="100%",n};var yt=n=>{if(n.type.trim().toLowerCase()==="button")return new Gt(n)},Gt=class extends j{constructor(t){super(t)}createView({parentElement:t,layoutCallback:e}){if(super.createContainerElement(e),!this.container)return;let i=document.createElement("button");i.type="button",i.classList.add(`${V}-${this.control.id}`),i.setAttribute("data-testid",O.BUTTON),i.style.display="flex",i.style.width="100%",i.style.height="100%",i.style.cursor="pointer",i.style.fontFamily="inherit",z({target:i,layoutParams:this.control.layoutParams,fallback:M}),dt({target:i,props:this.control.props,fallback:M}),ut({target:i,props:this.control.props,fallback:M,dependsOn:this.container.dimensions}),pt({target:i,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let r=ft();ht({target:r,props:this.control.props,fallback:M,dependsOn:this.container.dimensions}),i.append(r),this.container.element.append(i),t.append(this.container.element),this.controlElement=i}disable(){this.controlElement&&(this.controlElement.style.cursor="default")}enable(){this.controlElement&&(this.controlElement.style.cursor="pointer")}getElement(){return this.controlElement}};var fe=n=>{if(n.type.trim().toLowerCase()==="text")return new Ut(n)},Ut=class extends j{constructor(t){super(t)}createView({parentElement:t,layoutCallback:e}){if(super.createContainerElement(e),!this.container)return;let i=document.createElement("div");i.classList.add(`${V}-${this.control.id}`),i.setAttribute("data-testid",O.TEXT),i.style.display="flex",i.style.width="100%",i.style.height="100%",i.style.fontFamily="inherit",z({target:i,layoutParams:this.control.layoutParams,fallback:M}),pt({target:i,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let r=ft();ht({target:r,props:this.control.props,fallback:M,dependsOn:this.container.dimensions}),i.append(r),this.container.element.append(i),t.append(this.container.element),this.controlElement=i}disable(){}enable(){}getElement(){return this.controlElement}};var zt=class{constructor(t){this.layout=t}},gt=class extends zt{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 W=class{constructor(t){this.container=t,this.factories=new Map,this.controls=[],this.setControls()}addControlFactory(t,e){this.factories.set(t.trim().toLowerCase(),e),this.setControls()}removeControlFactory(t){this.factories.delete(t.trim().toLowerCase()),this.setControls()}setControls(){this.controls=this.chooseControls()}chooseControls(){return this.container.controls?.reduce((t,e)=>{let i=e.type.trim().toLowerCase(),r=this.factories.get(i);if(r){let s=r(e);if(s)return[...t,s]}return[...t]},[])||[]}};var vt=(n,t)=>{if(n.type.trim().toLowerCase()==="choice")return new Wt(n,t)},Wt=class extends W{constructor(t,e){super(t),this.rootElement=e??ct(),this.layout=new gt(this.container.layout),this.isRemoved=!1,this.isDisabled=!1,this.addControlFactory("button",yt),this.addControlFactory("text",fe),this.addControlFactory("area",mt)}createView(t){let e=document.createElement("div");return e.classList.add(`${V}-${this.container.id}`),this.layout.setContainerLayout(e),this.controls.forEach(i=>{i.createView({parentElement:e,layoutCallback:this.layout.setControlLayout}),i.setEvents(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=`${he}`,this.isDisabled=!0)}removeView(){this.isRemoved||(this.controls.forEach(t=>t.removeListeners()),this.getElement()?.remove(),this.isRemoved=!0)}getElement(){return this.rootElement.querySelector(`.${V}-${this.container.id}`)}};import{clientChecker as Ei,combine as Ii,InterfaceLanguage as xi,Observable as We,once as Ti,Subject as F,Subscription as Qe,ValueSubject as P}from"@vkontakte/videoplayer-shared/evergreen";import{InteractiveInterfaceClick as at}from"@vkontakte/videoplayer-statistics/evergreen";import{loadVKLangPack as Xe}from"@vkontakte/videoplayer-shared/evergreen";function Z(n,t){let e;return(...i)=>{clearTimeout(e),e=setTimeout(()=>n(...i),t)}}var B=(n,t)=>Object.prototype.toString.call(n)===`[object ${t}]`,q=n=>B(n,"Object"),Ct=n=>B(n,"String"),bt=n=>B(n,"Array"),Et=n=>B(n,"Number"),ye=n=>B(n,"Function");var Qt=n=>Et(n)&&!isNaN(n);var _=n=>q(n)&&Object.keys(n).length===0,Kt=n=>bt(n)&&!n.length;var X=(n,t)=>Ct(n)&&(t?n.trim():n).length;var ge="video_interactive",ve="videoint";var Ce=250,Y=class{constructor(t){this.handleZoomChange=Z(t=>{this.lastZoomInfo=t},Ce);this.onResize=t=>{if(!this.isReady||this.isHidden||!t[0].contentRect.width||!t[0].contentRect.height)return;let e=this.getNextPoint();e&&this.ngEditor?.zoomTo(e),this.ngEditorSize={width:t[0].contentRect.width,height:t[0].contentRect.height}};this.handleChapterChange=t=>{if(this.manifest){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=null}};this.handleManifestChange=(t,e=[])=>{if(this.isReady=!1,!Et(t.graph.edit.chapters[0].x)){this.onError?.("Can't show graph"),console.error("Can't show graph");return}this.lastZoomInfo=null,this.manifest=t,this.visitedChapterIds=new Set(e),this.ngEditor&&(this.manifest.metadata.id!==this.currentManifestId?(this.ngEditor.update(t),this.currentManifestId=this.manifest.metadata.id):this.ngEditor.setVisitedChapters(Array.from(e)),this.isReady=!0)};this.init(t)}init({root:t,onOpenPreviewClick:e,onError:i,lang:r,visitedChapters:s=[]}){this.isReady=!1,this.isHidden=!0,this.manifest=null,this.visitedChapterIds=new Set(s),this.onOpenPreviewClick=e,this.onError=i,this.lang=r??"ru",this.zoom=.7,this.lastZoomInfo=null,this.currentManifestId=null,this.currentChapterId=null,this.ngEditor=null,this.ngEditorSize=null,this.graphWrapperElement=Ye(t),this.resizeObserver=new ResizeObserver(Z(this.onResize,Ce)),this.resizeObserver.observe(this.graphWrapperElement)}getNextPoint(t=this.ngEditorSize){return!this.lastZoomInfo||!t?null:[(this.lastZoomInfo.x-t.width/2)/this.lastZoomInfo.value*-1,(this.lastZoomInfo.y-t.height/2)/this.lastZoomInfo.value*-1]}setVisitedChapters(t){this.visitedChapterIds=new Set([...this.visitedChapterIds,...t]),this.ngEditor?.setVisitedChapters(Array.from(this.visitedChapterIds))}updateVideosInfo(t){this.ngEditor?.updateVideosInfo(t)}async show(){this.manifest&&(this.ngEditor||await this.initNgEditor(),this.graphWrapperElement.style.display="block",!this.lastZoomInfo&&this.currentChapterId&&this.ngEditor?.focusChapter(this.currentChapterId),this.isHidden=!1)}async initNgEditor(){if(!this.manifest)return;let t;try{t=await Xe(this.lang,ge,ve)}catch{console.log("Unable to load graph language pack")}let{GraphEditor:e}=await import("@interactiveplatform/movika-graph-editor");this.ngEditor=new e(this.graphWrapperElement,{mode:"read",lang:this.lang==="ru"?"ru":"en",translation:t}),this.currentManifestId=this.manifest.metadata.id,this.ngEditor.update(this.manifest),this.ngEditor.setVisitedChapters(Array.from(this.visitedChapterIds)),this.currentChapterId&&this.ngEditor.selectChapter(this.currentChapterId),this.ngEditor.on("control",({name:i,...r})=>{i==="openPreview"&&"chapterId"in r&&this.onOpenPreviewClick?.(r.chapterId)}),this.ngEditor.on("zoom",this.handleZoomChange),this.isReady=!0}hide(){this.graphWrapperElement.style.display="none",this.isHidden=!0}destroy(){this.hide(),this.manifest=null,this.resizeObserver.disconnect(),this.ngEditor?.setVisitedChapters([]),this.onOpenPreviewClick=void 0,this.ngEditor?.dispose(),this.graphWrapperElement.remove(),this.isReady=!1}};function Ye(n){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",n.append(t),t}var J=class{constructor(){this._containers=[];this._player=null;this.setPlayer=t=>{this._player=t};this.setContainers=t=>{this._containers=t};this.deleteContainer=t=>{this._containers=this._containers.filter(e=>e.id!==t)};this.getNextInteractiveTime=(t=3e3)=>{if(!this._containers.length||this._player===null)return null;let e=-1,i=!1,r=Math.round(this._player.info.position$.getValue()*1e3);for(let s of this._containers){let l=s.startTime-t;if(l<=r&&(s.endTime&&r<=s.endTime||s.endTime===null)){i=!0;break}r<l&&(e=e===-1?l:Math.min(e,l))}return!i&&e!==-1?e:null}}};import{isSupportedManifest as xt,ContainerTypes as On,ControlTypes as Tt,EventActionTypes as E,EventTypes as Bn,migrateManifestToLatestVersion as Ie,compareVersions as _n}from"@interactiveplatform/movika-manifest";var be={metadata:"Object",chapters:"Array"},Ee=n=>{if(!q(n))return!1;for(let t in be)if(!n[t]||!B(n[t],be[t]))return!1;return xt(n.metadata.version)},It=n=>n.type===Tt.Text,Mn=n=>n.type===Tt.Button,Rn=n=>n.type===Tt.Area,Vn={Choice:"Choice",TextInput:"TextInput"},Pn={Button:"Button",Area:"Area",Text:"Text"},Ln={onClick:"onClick",onSuspense:"onSuspense"},$n={openURI:"openURI",setNextBranch:"setNextBranch",setWeightlessRandomBranch:"setWeightlessRandomBranch",setRandomBranch:"setRandomBranch",setMaxWeightBranch:"setMaxWeightBranch",setMinWeightBranch:"setMinWeightBranch",setDefaultBranch:"setDefaultBranch",continuePlayback:"continuePlayback",expect:"expect"};var A=class{constructor(t,e,...i){this.severity=t;this.category=e;this.data=i}toString(){return`Interactive SDK error ${JSON.stringify(this,null,"  ")}`}};var St=class{constructor(){this.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 i=()=>{e(),this.off(t,i)};return this.listeners[t].push(i),this}off(t,e){return this.removeListener(t,e)}reset(){this.listeners={}}removeListener(t,e){let i=this.listeners[t]||[];for(let r=i.length;r>0;r--)if(i[r]===e){i.splice(r,1);break}return this}emit(t,...e){let i=this.listeners[t];return i?(i.forEach(r=>{r(...e)}),!0):!1}listenerCount(t){return this.rawListeners(t).length}rawListeners(t){return this.listeners[t]||[]}};var wt=class{constructor(t){this.fns=[];this.addFn=(t,e=!1)=>{ye(t)&&(this.fns.push(t),e&&this.updateFn())};this.removeFn=(t,e=!1)=>{this.fns=this.fns.filter(i=>i!==t),e&&this.updateFn()};this.updateFn=()=>{this.fn=()=>{this.fns.forEach(t=>t()),this.raf&&this.forceRequestAnimation()}};this.forceRequestAnimation=()=>{this.fn&&(this.raf=requestAnimationFrame(this.fn))};this.requestAnimation=()=>{this.raf||this.forceRequestAnimation()};this.cancelAnimation=()=>{this.raf&&(cancelAnimationFrame(this.raf),this.raf=void 0)};t&&(this.fn=t,this.addFn(t))}release(){this.cancelAnimation(),this.fn=void 0,this.fns=[]}};import{ValueSubject as si}from"@vkontakte/videoplayer-shared/evergreen";var At=class{constructor(t){this.loaders={chapterLoaders:t?.chapterLoaders??[],manifestLoaders:t?.manifestLoaders??[]}}async exec(t,e){return Je(...this.loaders[t])(e)}};function Je(...n){return async function(e){let i=[...n];for(;i.length>0;)e=await i.shift()(e);return e}}function tt(n,t,e){return n?{...n,[t]:n[t]?[e,...n[t]]:[e]}:{[t]:[e]}}function kt({actions:n,errors:t,chapterId:e,...i}){if(e){let r=n.getManifest(),s=n.getChapter(r.chapters,e);if(s){let l=n.getMedia(r.media,s.videoId),a=n.getGraph(r.graph,s.id);return l?{...i,actions:n,errors:t,result:{chapter:s,media:l,graph:a}}:{...i,errors:tt(t,kt.name,"Could not find media"),actions:n}}}return{...i,errors:tt(t,kt.name,"Could not find chapter"),actions:n}}var Zt=(n="",t="")=>{let e=n.split("."),i=t.split("."),r=0;for(let s=0;s<Math.max(e.length,i.length)&&!r;s++)e[s]>i[s]?r=1:e[s]<i[s]?r=-1:r=0;return r};var ti=async n=>{try{let t={},e;if(Ct(n)){e=new URL(n).href;let r=await fetch(e);if(!r.ok)return{};t=await r.json()}else if(q(n))t=n;else return{};if(!Ee(t))return{};let i=t.metadata.media;if(Ct(i)&&!("media"in t))try{let r;e?r=new URL(i,e).href:(r=new URL(i).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 xe(n){let{manifest:t,manifestURL:e}=await ti(n);if(!t)throw new Error("Failed on fetch");let i=Ie(t);return i.media=ei(i.media,e),delete i.metadata.media,i}function Mt(n,t){if(t)return n.find(e=>e.id===t)}function qt(n,t){return n.edit?.chapters?n.edit.chapters.find(e=>e.id===t):n.view?.chapters?n.view.chapters.find(e=>e.id===t):void 0}function Xt(n,t){return n.videos.find(e=>e.id===t)}function ei(n,t){return{...n,videos:n.videos.map(e=>({...e,variants:e.variants.map(i=>{let r="url"in i?i.url:"",s=ii(r,t);return{...i,url:s||r}})}))}}function ii(n="",t){try{return new URL(n,t).href}catch{return""}}function ni(n){return Zt(n,"3.2.0")>=0}var Rt=n=>bt(n)&&!Kt(n),$=n=>n.order==="end",Vt=n=>bt(n.containers)&&!Kt(n.containers)&&$(n),Te=(n,t)=>{let e=n*1e3;return Rt(t.controls)&&e<(t.startTime??0)},Yt=(n,t)=>{let e=n*1e3;return Rt(t.controls)&&e>=(t.startTime??0)&&e<=(t.endTime??1/0)};var H=(n=[])=>n.some(t=>t.action.type==="expect"),Jt=(n=[])=>n.find(t=>t.action.type==="expect"),ri=n=>n?.length===1,Q=n=>ri(n)&&It(n[0]);function Se(n,...t){return e=>typeof t[0]=="object"&&typeof e=="object"?n({...t[0],...e}):n(...t,...e)}var we=(n,t)=>H(n.events)?!1:t.some(({container:e})=>e.container.id!==n.id&&H(e.container.events)&&e.container.endTime===n.endTime&&!e.isRemoved);var K=class extends At{constructor(e,i){super(e);this.manifest=null;this.chapter=null;this.media=null;this.graph=null;this.prevChapter$=new si(null);this.onError=i,this.release()}release(){return this.manifest=null,this.chapter=null,this.media=null,this.graph=null,this.prevChapter$.next(null),this}async setManifest(e){this.release();let i=await this.exec("manifestLoaders",{actions:{addErrorMessage:tt},result:null,errors:null,source:e});return i.errors&&this.errorHandler(i.errors),this.manifest=await xe(i.result??e),this}async setInitial(){return this.setNext()}async setNext(e=this.manifest?.metadata.initChapterId){if(!e)return this;this.prevChapter$.next(this.chapter);let i=await this.exec("chapterLoaders",kt({actions:{getManifest:()=>this.manifest,getCurrent:this.getCurrent,getGraph:qt,getChapter:Mt,getMedia:Xt,getByBranches:this.getByBranches.bind(this),addErrorMessage:tt},result:null,errors:null,chapterId:e}));return i.errors&&this.errorHandler(i.errors),this.chapter=i.result.chapter,this.media=i.result.media,this.graph=i.result.graph,this}errorHandler(e){this.onError(e),console.error("Something went wrong with loaders",{errors:e})}getInitial(){return this.getByChapterId(this.manifest?.metadata.initChapterId)||null}getByChapterId(e=this.manifest?.metadata.initChapterId){if(!e||!this.manifest)return null;let i=Mt(this.manifest.chapters,e);if(i){let r=Xt(this.manifest.media,i.videoId),s=qt(this.manifest.graph,i.id);if(r)return{chapter:i,media:r,graph:s}}return null}getBranches(e=this.chapter?.id){if(e===this.chapter?.id)return this.getByBranches(this.chapter?.branches);{let i=Mt(this.manifest?.chapters||[],e);return this.getByBranches(i?.branches)}}getByBranches(e=[]){return e.reduce((i,r)=>{let s=this.getByChapterId(r.chapterId);return s&&i.push(s),i},[])}getCurrent(){return{chapter:this.chapter,media:this.media,graph:this.graph}}isInitialChapter(){return this.chapter?.id===this.manifest?.metadata.initChapterId}isEndChapter(){return this.chapter?$(this.chapter):!1}};import{Player as ai}from"@vkontakte/videoplayer-core/evergreen";import{Subscription as ie,Tracer as oi,ValueSubject as li}from"@vkontakte/videoplayer-shared/evergreen";var Ae=n=>{let t=n.variants.find(e=>e.payload?.type==="vk");if(t&&t.payload){let[e,i]=t.payload.id.split("_");return[e,i]}return[]};function te(){let n=new Map;function t({listId:s=Math.random().toString(),itemId:l=Math.random().toString(),...a}){let o=n.get(s),h={...a};return o?o[l]=h:n.set(s,{[l]:h}),{listId:s,itemId:l,...a}}function e(s){s.player.destroy(),s.container.remove(),s.subscription.unsubscribe(),s.statistics?.oneStat.destroy(),s.statistics?.statSubscription.unsubscribe()}function i(s,l){let a=n.get(s);if(!a)throw Error("Can't remove. Not find.");if(l){let o=a[l];o&&e(o),delete a[l],Object.keys(a).length||n.delete(s)}else{for(let o of Object.values(a))e(o);n.delete(s)}}function r(){for(let s of n)i(s[0])}return{createPlayer:t,removePlayer:i,map:n,removeAll:r}}function ee(n,t=[]){let e={},i,r=!t.length;for(let s of n.variants)if(!i&&"cover"in s&&(i=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:i,title:n.title??""}}var et=(n,t)=>{let e=n.info.currentQuality$.getValue(),i=n.info.availableQualities$.getValue();e!==t&&i.includes(t)&&(n.setQuality(t),n.setAutoQuality(!1))};var ci=2;function ne(n){let t=te(),e=new ie,i={},r=null,s=!1,l,a=new li(null);n&&o(n);function o(x){r=x}function h(x,p,c){if(!r)throw Error("need to set interactive controller");if(!r.options)return;let f=(t.map.get(x)??{})[p];if(f){i={chapterId:c,listId:x,itemId:p,...f};let u=i.player;i.subscription.add(u.info.currentQuality$.subscribe(S=>{let T=u.info.position$.getValue(),R=u.info.isAutoQualityEnabled$.getValue();if(!(!S||!T||R))for(let y of t.map)Object.values(y[1]).forEach(({player:w})=>{et(w,S)})})).add(u.events.started$.subscribe(()=>{g(p)})),f.container.remove(),r.setPlayer(f.player),s||(r.init(),s=!0),a.next({player:i.player,config:i.config,statistics:i.statistics});return}throw Error("Can't set. Not find.")}async function g(x){if(!r)throw Error("need to set interactive controller");if(_(i)||x!==i.itemId)return;let p=r.getChapterBranches(),c=new Set;for(let d of p)c.has(d.media.id)||(await v({media:d.media,chapterId:d.chapter.id,setAsActive:!1,title:d.chapter.label}),c.add(d.media.id))}async function I({chapter:{id:x},manifestVideo:p}){if(_(i)||!r)return;let c=i.player.info.muted$.getValue(),d=i.player.info.currentQuality$.getValue(),f=i.player.info.isAutoQualityEnabled$.getValue(),u=i.player.info.volume$.getValue(),S=i.player.info.currentPlaybackRate$.getValue(),T=!f,R=!1;for(let y of t.map)if(y[0]===p.id&&!r.state.isReplay$.getValue()){let w=Object.keys(y[1]);for(let L of w)L===i.itemId?(w.length<ci||(R=!0),t.removePlayer(y[0],L)):(R=!0,h(y[0],L,x),T?et(i.player,d):i.player.setAutoQuality(!0),i.player.setVolume(u),i.player.setMuted(c),i.player.setPlaybackRate(S))}else t.removePlayer(y[0]);R||(await v({media:p,chapterId:x,setAsActive:!0,playbackRate:S}),T?et(i.player,d):i.player.setAutoQuality(!0),i.player.setVolume(u),i.player.setMuted(c))}async function v({media:x,chapterId:p,prefetch:c=!0,setAsActive:d=!0,autoplay:f=!1,preferredExt:u,title:S,playbackRate:T}){let R=Math.random().toString(),y=document.createElement("div");l.append(y);let w;if(r?.options?.vkVideoLoader){let lt=Ae(x);lt.length&&(w=await r.options.vkVideoLoader(...lt))}let L=r?.options?.coreConfig||void 0,D={...L,configName:[...L?.configName??[],"interactive"]},G={container:y,...w?.videos?.[0]||{sources:ee(x,u).sources},title:S,failoverHosts:w?.failoverHosts||[]},N=new ai(D,oi.createRootTracer());N.initVideo(G);let oe=null;if(w?.videos&&r?.options.createOneStat){let lt=w.videos[0],Bt=r.options.createOneStat(lt),ce=new ie;Bt&&(ce.add(Bt.attachTo(N)),oe={oneStat:Bt,statSubscription:ce})}let le=new ie,Ze=i?.player?.info.isAutoQualityEnabled$.getValue();le.add(N.events.canplay$.subscribe(function(){Ze||et(N,i.player.info.currentQuality$.getValue()),T&&N.setPlaybackRate(T)}));let U=t.createPlayer({listId:x.id,itemId:R,player:N,container:y,sources:ee(x,u).sources,config:G,subscription:le,statistics:oe});return d&&h(x.id,U.itemId,p),f&&U.player.play(),c&&!f&&U.player.prepare(),{player:U.player,config:U.config,statistics:U.statistics}}function b(){k(),r=null,l.remove()}function k(){e.unsubscribe(),t.removeAll(),i={},s=!1}async function ot(){if(!r)throw Error("need to set interactive controller");k(),l=document.createElement("div");let{media:x,chapter:p}=r.getCurrentChapter();x&&p?(e.add(r.events.chapterChanged$.subscribe(I)),await v({media:x,chapterId:p.id,title:p.label})):console.error("not found")}return{...t,init:ot,setInteractiveController:o,createPlayer:v,removeAll:b,getActivePlayer:function(){return i},activePlayerChanged:a}}var m={graph:"graph",interactives:"interactives",chapterChanged:"chapter-changed",playerChanged:"player-changed",manifestChanged:"manifest-changed",errors:"errors",eachTick:"eachTick",historyInited:"history-inited",historyDestroyed:"history-destroyed"},it={visibility:"visibility",watchAgainClicked:"watchAgainClicked"},C={actionChoiceCanceled:"action-choice-canceled",actionChoice:"action-choice",actionExecution:"action-execution",visibility:"visibility",containerRemoved:"container-removed",rangeEnded:"range-ended"};import{Subscription as pi}from"@vkontakte/videoplayer-shared/evergreen";var Pt=class{constructor({player:t,container:e,branches:i,selectBranches:r,interactiveEvents:s,globalEvents:l,globalEventEmitter:a,ignoreContainerEvent:o,permanentTextControls:h,disabledControls$:g,onRemove:I}){this.hide=()=>{setTimeout(()=>{this.gameState!==4&&(H(this.container.container.events)&&this.gameState===3||this.selectBranches.state.isExpect||(this.gameState!==2&&this.container.hide?.(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:C.visibility,visibility:!1})))})};this.show=()=>{if(this.gameState===2&&!this.isSelectedControlEvent)if(this.container.getElement())this.container.show?.(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:C.visibility,visibility:!0,isFirst:!1});else{let e=Se(this.selectBranches.onControlEvent,{isDisabled:()=>this.container.isDisabled,branches:this.branches,containerId:this.container.container.id,onDetachContainer:()=>{this.removeView(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:C.visibility,visibility:!1})},onEvent:(i,r)=>{this.isSelectedControlEvent=!0,i!==!1&&(this.removeView(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:C.visibility,visibility:!1})),(this.gameState===4||this.gameState===3||this.selectBranches.state.isExpect)&&(this.selectBranches.stopExpect(),r(),this.removeView(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:C.visibility,visibility:!1}))},isEOV:()=>this.gameState===4});this.container.createView(e),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:C.visibility,visibility:!0,isFirst:!0}),this.disabledControls$.getValue()&&this.container.disable?.()}};this.onEndOfVideo=()=>{this.gameState=4,this.selectContainerEvent(!0)};this.whilePlaying=()=>{let t=this.player.experimental.element$.getValue(),i=t instanceof HTMLVideoElement?t.readyState:void 0,r=[6,5];if(!i||r.includes(this.gameState)&&!this.isPermanentText)return;let s=this.player.getExactTime();if(Te(s,this.container.container))this.gameState!==1&&(this.gameState=1,this.onBeforeStartTime());else if(Yt(s,this.container.container))this.gameState!==2&&(this.gameState=2,this.onStartTime());else if(this.gameState!==3){let h=this.gameState;this.gameState=3,h===2&&this.onEndTime()}else this.isPermanentText||this.removeView();let l=Yt(s,this.container.container),a=this.container.container.startTime?[this.container.container.startTime,this.container.container.endTime??1/0]:[],o={subjectId:this.container.container.id,subjectName:"container",range:a,currentTime:s,isInteractiveTime:l};this.globalEventEmitter.emit(m.eachTick,o),this.globalEvents.eachTick$.next(o)};this.container=e,this.branches=i,this.selectBranches=r,this.subscription=new pi,this.player=t,this.interactiveEvents=s,this.ignoreContainerEvent=o,this.isPermanentText=h&&Q(e.container.controls),this.disabledControls$=g,this.onRemove=I,this.globalEventEmitter=a,this.gameState=0,this.globalEvents=l,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?.()}))}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??1/0))}onStartTime(){this.show()}onEndTime(){this.selectContainerEvent(!1);let t=H(this.container.container.events)||this.ignoreContainerEvent();(this.isSelectedControlEvent||!t)&&this.removeView()}onBeforeStartTime(){this.container.hide?.(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:C.visibility,visibility:!1})}reset(){this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.gameState=1}removeView(){this.container.removeView(),this.globalEventEmitter.emit(m.interactives,{subjectId:this.container.container.id,subjectName:"container",type:C.containerRemoved,visibility:!1}),this.gameState=5,this.onRemove?.()}destroy(){this.reset(),this.removeView(),this.gameState=6,this.subscription.unsubscribe(),this.branches=[],this.interactiveEvents.containersEventsCallState.setCalled({timestamp:this.container.container.endTime??1/0,id:this.container.container.id})}};var ke=(n=[])=>n.reduce((t,e,i)=>{let r=(e?.controls??[]).filter(s=>!It(s));if(Rt(r)){let s=[e.startTime??0,e.endTime??1/0],l=e.id;if(!i)t.push({subjects:[l],range:s});else{let a=[],o=-1/0,h=1/0,g=[],I=[];for(let v=0;v<t.length;v++){let b=t[v];if(I.push(...b.subjects),b.range[0]<h&&(h=b.range[0]),b.range[1]>o&&(o=b.range[1]),s[0]>=b.range[0]&&s[1]<=b.range[1])return t[v].subjects.push(l),t;s[0]<b.range[0]&&s[1]>b.range[0]&&(a.push(v),g=g.concat(b.subjects)),s[0]>=b.range[0]&&s[0]<=b.range[1]&&(a.push(v),g=g.concat(b.subjects),s[0]=b.range[0]),s[1]>=b.range[0]&&s[1]<=b.range[1]&&(a.push(v),g=g.concat(b.subjects),s[1]=b.range[1])}if(I.push(l),s[0]<=h&&s[1]>=o)return[{subjects:I,range:s}];a.length&&a.reverse().forEach(v=>{t.splice(v,1)}),t.push({subjects:g.concat([l]),range:s})}}return t},[]).sort((t,e)=>t.range[0]-e.range[0]);function Me(){let n={};function t(){for(let a in n)Object.prototype.hasOwnProperty.call(n,a)&&delete n[a]}function e(a){let o={};for(let h in n)+h<=a&&(o[h]=n[h]);return o}function i(a){let o={};for(let h in n)+h>=a&&(o[h]=n[h]);return o}function r({timestamp:a,priority:o,initiator:h}){if(Qt(a)){let g=n[a]??null;if(g&&o&&X(o,!0)){let I={},v=g[o];return v&&(I={...I,...v}),I=_(I)?null:I,I&&X(h,!0)?I[h]??null:I}return g}return null}function s({timestamp:a,priority:o,initiator:h}){if(Qt(a))if(n[a]){if(o&&X(o,!0))if(n[a][o]){if(h&&X(h,!0))if(n[a][o][h]){if(delete n[a][o][h],!_(n[a][o]))return!0}else return!1;if(delete n[a][o],!_(n[a]))return!0}else return!1;return delete n[a]}else return!1;return!1}function l({timestamp:a,priority:o,initiator:h,...g}){n[a]?.[o]?.[h]?n[a][o][h].push({...g}):n[a]?.[o]?n[a][o]={...n[a][o],[h]:[{...g}]}:n[a]?n[a]={...n[a],[o]:{[h]:[{...g}]}}:n[a]={[o]:{[h]:[{...g}]}}}return{map:n,remove:s,add:l,removeAll:t,get:r,getLte:e,getGte:i}}var hi=[E.expect,E.setNextBranch],di=1/0;function Re(n){let t=n,e,i=ui(),r=Me(),s,l=()=>{v(),p()},a=c=>{r.add.call(void 0,c),k()},o=(c=[])=>{for(let d of c)if(d.action(),hi.includes(d.actionType))break},h=(c=1/0)=>{let d=Lt(r.get({timestamp:c,priority:"control"})??{}),f=Lt(r.get({timestamp:c,priority:"container"})??{}),u=Lt(r.get({timestamp:c,priority:"chapter"})??{});return[...d,...f,...u]},g=c=>{i.isReady(c)&&o(h(c))},I=()=>{o([...Lt(r.get({timestamp:1/0,priority:"chapter"})??{})])},v=()=>{e&&(s?.unsubscribe(),e=void 0)},b=c=>{},k=()=>{e||(e=()=>setTimeout(()=>{g(1/0)}),s=t.events.ended$.subscribe(e))},ot=c=>{v(),t=c},x=c=>{c.priority==="container"&&i.resetCalled(c.timestamp),r.remove(c)},p=()=>{i.release(),r.removeAll()};return{setPlayer:ot,add:a,remove:x,exec:g,execEndOfVideo:I,listen:k,unlisten:v,release:l,containersEventsCallState:i,getPreparedToExecActions:h}}function ui(){let n=new Map;return{setCalled:({timestamp:l,id:a})=>{let o=n.get(l);o&&o[a]!==void 0&&(o[a]=!0)},setData:(l=[])=>{for(let a of l){let o=a.endTime??di,h=n.get(o)??{};n.set(o,{...h,[a.id]:!1})}},resetCalled:l=>{let a=n.get(l);if(a)for(let o in a)a[o]=!1},isReady:l=>{let a=n.get(l);return a?!Object.values(a).some(o=>!o):!0},release:()=>n.clear()}}function Lt(n){return Object.values(n).flat().sort(t=>t.actionType===E.expect?-1:1)}var Ve={videoContentHeight:0,videoContentWidth:0},Pe=(n,t)=>{let{height:e,width:i}=t.info.intrinsicVideoSize$.getValue()||{};if(!(e&&i))return Ve;let{clientHeight:r,clientWidth:s}=t.experimental.element$.getValue()||{};if(!(r&&s))return Ve;let l=e/i,a=r/s,o,h;return a>l?(h=s,o=s*l):a<l?(h=r/l,o=r):(h=s,o=r),{videoContentWidth:h,videoContentHeight:o}};var mi=250;function Le(n){let t=()=>{},e=new ResizeObserver(a=>{s(a),t=s.bind(null,a)});function i(a){let{parentElement:o,player:h}=n();if(o&&h){let{videoContentWidth:g,videoContentHeight:I}=Pe(o,h);o.style.setProperty("--interactive-content-width",`${g}px`),o.style.setProperty("--interactive-content-height",`${I}px`),o.style.setProperty("--interactive-width",`${a[0].contentRect.width}px`),o.style.setProperty("--interactive-height",`${a[0].contentRect.height}px`)}}function r(){let{parentElement:a}=n();a.removeAttribute("style")}let s=Z(a=>{let{fns:o=[]}=n();i(a);for(let h of o)h()},mi);function l(){t=void 0,e.disconnect(),r()}return{resizeObserver:e,calc:()=>{t?.()},release:l}}var nt=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.concat(this.map[e]);return t}remove(t,e){t in this.map&&(this.map[t]=this.map[t].filter(i=>i!==e),this.map[t].length===0&&delete this.map[t])}clear(){this.map={}}keys(){return Object.keys(this.map)}size(){return this.keys().length}};var fi=n=>Math.floor(Math.random()*n),je=n=>{let t=n.length,e=1/0,i=null;for(;t--;){let r=n[t],s=r.weight??1;s<e&&(e=s,i=r)}return i},Ne=n=>{let t=n.length,e=-1/0,i=null;for(;t--;){let r=n[t],s=r.weight??0;s>e&&(e=s,i=r)}return i};var Fe=n=>{let t=n.length,e=fi(t);return n[e]},$e=1,Oe=n=>{let t=0;for(let i=0;i<n.length;++i)t+=n[i].weight??$e;let e=Math.random()*t;t=0;for(let i=0;i<n.length-1;++i)if(t+=n[i].weight??$e,t>=e)return n[i];return n[n.length-1]};var Be={shouldOpenNow:!0,isDetachContainer:!0};var re=(n,t=!1)=>({...n,args:t?{...n.args,...Be}:{...Be,...n.args}}),De=({globalEventEmitter:n,player:t,interactiveEvents:e,removeControllers:i})=>{let r={isExpect:!1},s=()=>{r.isExpect&&(r.isExpect=!1)},l=({action:p,controlType:c,controlId:d,containerId:f,branches:u=[],onEvent:S,isEOV:T=()=>!1,isDisabled:R=()=>!1})=>{let y=re(p,T()),w={timestamp:1/0,priority:"control",initiator:d,actionType:y.type},L=R(),D=n.emit.bind(n,m.interactives,{subjectId:d,subjectType:c,subjectName:"control",type:L?C.actionChoiceCanceled:C.actionChoice,actionType:p.type,payload:{containerId:f,...y.args}});if(L){D();return}switch(y.type.trim().toLowerCase()){case E.setNextBranch.trim().toLowerCase():{let G=u.find(N=>N.id===y.args.branchId);if(!G)return;S(y.args.isDetachContainer,v.bind(null,{subjectId:d,subjectName:"control"})),D(),y.args.shouldOpenNow?k({subjectId:d,subjectName:"control",subjectType:c,action:y,payload:{chapterId:G.chapterId,autoSelect:!1}}):(e.add({...w,action:k.bind(null,{subjectId:d,subjectName:"control",subjectType:c,action:y,payload:{chapterId:G.chapterId,autoSelect:!1}})}),i?.());return}case E.continuePlayback.trim().toLowerCase():{S(y.args.isDetachContainer,v.bind(null,{subjectId:d,subjectName:"control"})),D(),y.args.shouldOpenNow?b({subjectId:d,subjectName:"control",subjectType:c,action:p}):e.add({...w,action:b.bind(null,{subjectId:d,subjectName:"control",subjectType:c,action:p})});return}case E.openURI.trim().toLowerCase():{S(y.args.isDetachContainer,v.bind(null,{subjectId:d,subjectName:"control"})),D(),y.args.shouldOpenNow?x({subjectId:d,subjectName:"control",subjectType:c,action:y,payload:{URI:p.args.uri}}):(e.add({...w,action:x.bind(null,{subjectId:d,subjectName:"control",subjectType:c,action:y,payload:{URI:p.args.uri}})}),i?.());return}default:console.error("Unexpected control event"),n.emit(m.errors,new A(1,1,{message:"Unexpected control event"}));return}},a=({action:p,container:{id:c,endTime:d},branches:f=[],isEOV:u=!1,autoSelected:S=!1})=>{let T=re(p,u),R={timestamp:!T.args.shouldOpenNow||u?1/0:d??1/0,priority:"container",initiator:c,actionType:T.type},y=n.emit.bind(n,m.interactives,{subjectId:c,subjectName:"container",type:C.actionChoice,actionType:T.type,payload:T.args});switch(T.type.trim().toLowerCase()){case E.setNextBranch.trim().toLowerCase():{let w=f.find(L=>L.id===T.args.branchId);if(!w)return;y(),e.add({...R,action:k.bind(null,{subjectId:c,subjectName:"container",action:T,payload:{chapterId:w.chapterId,autoSelect:S}})}),i?.();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():{y(),e.add({...R,action:b.bind(null,{subjectId:c,subjectName:"container",action:T})});return}case E.openURI.trim().toLowerCase():{y(),e.add({...R,action:x.bind(null,{subjectId:c,subjectName:"container",action:T,payload:{URI:p.args.uri}})}),i?.();return}default:console.error("Unexpected container event"),n.emit(m.errors,new A(1,1,{message:"Unexpected container event"}));return}};function o({container:p,branches:c,isEOV:d=!1}){let f=Jt(p.events);if(f){let u=re(f.action,d);n.emit(m.interactives,{subjectId:p.id,subjectName:"container",type:C.actionChoice,actionType:u.type,payload:u.args}),e.add({timestamp:d?1/0:p.endTime??1/0,priority:"container",initiator:p.id,actionType:E.expect,action:I.bind(null,{subjectId:p.id,subjectName:"container"})}),r.isExpect=!0}else for(let u of p.events??[])a({action:u.action,container:p,branches:c,isEOV:d})}let h=({chapterId:p,action:c,branches:d=[]})=>{let f=n.emit.bind(n,m.interactives,{subjectId:p,subjectName:"chapter",type:C.actionChoice,actionType:c.type,payload:c.args});switch(c.type.trim().toLowerCase()){case E.setNextBranch.trim().toLowerCase():{let u=d.find(S=>S.id===c.args.branchId);return u?.chapterId?(f(),k.bind(null,{subjectId:p,subjectName:"chapter",action:c,payload:{chapterId:u.chapterId,autoSelect:!0}})):void 0}case E.setWeightlessRandomBranch.trim().toLowerCase():{let u=Fe(d);return u?.chapterId?(f(),k.bind(null,{subjectId:p,subjectName:"chapter",action:c,payload:{chapterId:u.chapterId,autoSelect:!0}})):void 0}case E.setRandomBranch.trim().toLowerCase():{let u=Oe(d);return u?.chapterId?(f(),k.bind(null,{subjectId:p,subjectName:"chapter",action:c,payload:{chapterId:u.chapterId,autoSelect:!0}})):void 0}case E.setMaxWeightBranch.trim().toLowerCase():{let u=Ne(d);return u?.chapterId?(f(),k.bind(null,{subjectId:p,subjectName:"chapter",action:c,payload:{chapterId:u.chapterId,autoSelect:!0}})):void 0}case E.setMinWeightBranch.trim().toLowerCase():{let u=je(d);return u?.chapterId?(f(),k.bind(null,{subjectId:p,subjectName:"chapter",action:c,payload:{chapterId:u.chapterId,autoSelect:!0}})):void 0}case E.continuePlayback.trim().toLowerCase():return f(),b.bind(null,{subjectId:p,subjectName:"chapter",action:c});case E.openURI.trim().toLowerCase():return f(),x.bind(null,{subjectId:p,subjectName:"chapter",action:c,payload:{URI:c.args.uri}});default:console.error("Unexpected chapter event"),n.emit(m.errors,new A(1,1,{message:"Unexpected chapter event"}));return}};function g(p){let c=Jt(p.events);if(c){if($(p))return;n.emit(m.interactives,{subjectId:p.id,subjectName:"chapter",type:C.actionChoice,actionType:c.action.type,payload:c.action.args}),e.add({timestamp:1/0,priority:"chapter",initiator:p.id,actionType:E.expect,action:I.bind(null,{subjectId:p.id,subjectName:"chapter"})})}else p.events?.forEach(d=>{let f=h({chapterId:p.id,action:d.action,branches:p.branches});f&&e.add({timestamp:1/0,priority:"chapter",initiator:p.id,actionType:d.action.type,action:f})})}let I=({subjectId:p,subjectName:c})=>{t.pause(),n.emit(m.interactives,{subjectId:p,subjectName:c,type:C.actionExecution,actionType:E.expect})},v=({subjectId:p,subjectName:c})=>{t.info.isEnded$.getValue()?e.execEndOfVideo():t.play(),n.emit(m.interactives,{subjectId:p,subjectName:c,type:C.actionExecution,actionType:"after-expect"})},b=({subjectId:p,subjectName:c,subjectType:d,action:f})=>{n.emit(m.interactives,{subjectId:p,subjectName:c,subjectType:d,type:C.actionExecution,actionType:f.type})},k=({subjectId:p,subjectName:c,subjectType:d,action:f,payload:u})=>{u.behaviour="change-chapter",n.emit(m.interactives,{subjectId:p,subjectName:c,subjectType:d,type:C.actionExecution,actionType:f.type,payload:u})},ot=({subjectId:p,subjectName:c,subjectType:d,action:f,payload:u})=>{u.behaviour="change-manifest",n.emit(m.interactives,{subjectId:p,subjectName:c,subjectType:d,type:C.actionExecution,actionType:f.type,payload:u})},x=({subjectId:p,subjectName:c,subjectType:d,action:f,payload:u})=>{if(!u.URI)return;let S=window.open(u.URI,"_blank","noopener,noreferrer");S&&(S.opener=null),n.emit(m.interactives,{subjectId:p,subjectName:c,subjectType:d,type:C.actionExecution,actionType:f.type})};return{onControlEvent:l,onContainerEvent:a,onChapterEvent:h,onExpectEvent:I,expectEventHandler:v,setManifestChapterEvents:g,setManifestContainerEvents:o,stopExpect:s,state:r}};import{Subscription as bi,Subject as ae,ValueSubject as rt}from"@vkontakte/videoplayer-shared/evergreen";var se=(n,t)=>{let e={};return n.map(i=>{if(!e[i]){let r=t.chapters.find(l=>l.id===i);if(!r)return null;let s=t.media.videos.find(l=>r.videoId===l.id);if(!s)return null;e[i]=Ge(s)}return e[i]}).filter(Boolean)},gi=n=>{for(let t of n.variants)if(vi(t)&&t.payload)return t.payload.id},vi=n=>!!(n.type==="custom"&&n.payload&&n.payload.type==="vk"),Ge=n=>{let t=gi(n);if(!t)return null;let e=t.split("_").pop();return e?parseInt(e,10):null},Ci=(n,t)=>{for(let e of n.media.videos)if(t===Ge(e)){for(let i of n.chapters)if(i.videoId===e.id)return i.id;return}},Ue=(n,t)=>n.reduce((e,i)=>{let r=Ci(t,i);return r?[...e,r]:e},[]);var st=class{constructor({globalEventEmitter:t,videoId:e,interactiveController:i,historyApi:r,settings:s}){this.state={history$:new rt([]),hasPrevChapter$:new rt(!1),prevChapter$:new rt(null),isInitialChapter$:new rt(!1),isGoBackLimited$:new rt(!1)};this.#i=null;this.#a=!1;this.#t=null;this.#p=null;this.events={inited$:new ae,destroyed$:new ae,error$:new ae};this.#n=null;this.#r=null;this.#e=null;this.#o=new bi;this.#l=!1;this.#c=0;this.#n=e,this.#e=t,this.#r=i,this.#i=r,this.#s=s,this.state.history$&&this.#o&&this.#o?.add(this.state.history$.subscribe(l=>{this.state.prevChapter$.next(l.at(-2)||null),this.state.hasPrevChapter$.next(l.length>1),this.state.isInitialChapter$.next(this.getInitialChapterId()===this.#t?.metadata?.initChapterId),this.state.isGoBackLimited$.next(this.#c===this.#s.maxLength-1)}))}#i;#s;#a;#t;#p;#n;#r;#e;#o;#l;#c;async setManifest(t){if(!this.#r||!this.#e)return;this.#t=t,await this.getProjectHistory();let e=this.getInitialChapterId();await this.#r.setChapter({chapterId:e,pushToHistory:!1}),this.#a||(this.#a=!0,this.events.inited$.next({initChapterId:e}))}get inited(){return this.#a}async updateHistory(t,e=!0){if(!this.#t)return;this.#l?(this.#l=!1,this.#c++):this.#c=0;let i=this.#t,r=t.length-this.#s.maxLength,s=r>0?t.slice(r):t,l=se(s,i);if(this.#p=l,this.state.history$.next(s),!(!e||!this.#i||!this.#n))try{await this.#i.save(this.#n,l)}catch{let o=new A(1,5,"Unable to save interactive history");this.events.error$.next(o),this.#e?.emit(m.errors,o)}}async goBack(){if(!this.state||!this.#r){let i=new A(1,5,"Unable to save interactive history");return this.events.error$.next(i),this.#e?.emit(m.errors,i)}this.#l=!0;let t=this.state.history$.getValue().slice(0,-1),e=t.pop();this.state.history$.next(t),await this.#r.setChapter({chapterId:e,playPrev:!0})}async getProjectHistory(){if(!this.#t||!this.#n)return;let t=this.#t,e=[this.getInitialVideoId()];if(this.#i)try{let r=await this.#i.get(this.#n);r.length&&(e=r)}catch{let s=new A(1,5,"Error while trying to fetch data");this.events.error$.next(s),this.#e?.emit(m.errors,s)}let i=Ue(e,t);this.state.history$.next(i)}getInitialChapterId(){return this.state.history$.getValue()?.at(-1)||this.#s.initChapterId||this.#t?.metadata.initChapterId}getInitialVideoId(){if(this.#t){let t=this.getInitialChapterId();return se([t],this.#t).pop()}return null}destroy(){this.#n=null,this.#i=null,this.#r=null,this.#o?.unsubscribe(),this.#o=null,this.#a=!1,this.#e?.emit(m.historyDestroyed),this.events.destroyed$.next(),this.#e=null}};var $t=class n{constructor(t,e,i,r){this.target=t,this.type=e,this.listener=i,this.options=n._convertOptions(t,r),this.target.addEventListener(e,i,this.options)}unlisten(){this.type&&this.listener&&this.options&&this.target?.removeEventListener(this.type,this.listener,this.options),this.target=null,this.type=null,this.listener=null,this.options=!1}static _convertOptions(t,e){if(e===void 0)return!1;if(typeof e=="boolean")return e;{let i=new Set(["passive","capture"]),r=Object.keys(e).filter(l=>!i.has(l));return r.length===0&&console.warn("Unsupported flag(s) to addEventListener: "+r.join(",")),n._doesSupportObject(t)?e:e.capture||!1}}static{this._supportsObject=void 0}static _doesSupportObject(t){let e=n._supportsObject;if(e===void 0){e=!1;try{let i={},r={get:()=>(e=!0,!1)};Object.defineProperty(i,"passive",r),Object.defineProperty(i,"capture",r);let s=()=>{};t.addEventListener("test",s,i),t.removeEventListener("test",s,i)}catch{e=!1}n._supportsObject=e}return e||!1}};var jt=class{constructor(){this.bindingMap=new nt}release(){this.removeAll(),this.bindingMap=null}listen(t,e,i,r){if(!this.bindingMap)return;let s=new $t(t,e,i,r);this.bindingMap.push(e,s)}listenOnce(t,e,i,r){let s=l=>{this.unlisten(t,e,s),i(l)};this.listen(t,e,s,r)}unlisten(t,e,i){if(!this.bindingMap)return;let r=this.bindingMap.get(e)||[];for(let s of r)s.target===t&&(i===s.listener||!i)&&(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 Nt=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,i=e.length;for(let r=3;r<i;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 i=t.width+t.height;if(this._prevSizeId===i)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=i}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 Ft=class{constructor({parentElement:t,endOffsetMs:e=250,onError:i}){this.currentVideoDurationMs=1/0;this._containerTimeFrameShouldReceived=!1;this._endTimeFrameReceived=!1;this._shouldCallSkip=!1;this.onEachTick=t=>{let e=t??this.lastFrameCanvas.canvasImgSrc.currentTime*1e3,i=this.isChapterEndTime(e);if(this.isContainerTime(e))this._endTimeFrameReceived=!1,this._containerTimeFrameShouldReceived=!0,this._shouldCallSkip=!0;else if(i)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=`
       position: absolute;
       top: 0;
       left: 0;
@@ -11,13 +11,13 @@ var pt="1.0.29-dev.a60090ed.0";function _e(n,e=1){let t="0",i="0",r="0";return n
       height: var(--interactive-height);
       background-color: var(--black);
       visibility: hidden;
-    `,this.lastFrameCanvas=new je,this.endOffsetMs=t,this._callbacks={onError:i},this.lastFrameCanvas.rootElement.style.cssText=`
+    `,this.lastFrameCanvas=new Nt,this.endOffsetMs=e,this._callbacks={onError:i},this.lastFrameCanvas.rootElement.style.cssText=`
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
-    `,this.rootElement.prepend(this.lastFrameCanvas.rootElement),e.prepend(this.rootElement)}destroy(){this.hide(),this.reset(),this._callbacks=void 0,this.lastFrameCanvas.destroy(),this.rootElement.remove()}setVideoDuration(e){this.currentVideoDurationMs=e}setVideoElement(e){this.lastFrameCanvas.setCanvasImageSource(e)}setCurrentChapter(e){this.currentChapter=e}show(){this.rootElement.style.visibility="visible"}hide(){this.rootElement.style.visibility="hidden"}async updateCanvasDimensions(e=!1){this._containerTimeFrameShouldReceived||this._endTimeFrameReceived||(e=!1);let t=getComputedStyle(this.rootElement),i={width:parseInt(t.getPropertyValue("--interactive-content-width"),10),height:parseInt(t.getPropertyValue("--interactive-content-height"),10)};try{this.lastFrameCanvas.updateCanvasDimensions(i,e)}catch(r){this._onError(r)}}draw(){(this._containerTimeFrameShouldReceived||!this._containerTimeFrameShouldReceived&&!this._endTimeFrameReceived)&&this.lastFrameCanvas.draw()}isChapterEndTime(e){return this.currentVideoDurationMs&&e>=this.currentVideoDurationMs-this.endOffsetMs}isContainerTime(e){if(this.currentChapter)return this.currentChapter.containers.some(t=>t.controls?.length&&e>=(t.startTime??0)&&e<=Math.min(t.endTime??1/0,this.currentVideoDurationMs-this.endOffsetMs))}reset(){this._endTimeFrameReceived=!1,this._containerTimeFrameShouldReceived=!1,this._shouldCallSkip=!1}_onError(e){this._callbacks?.onError?.(e)}};function Wt(n=0){return new Promise(e=>{setTimeout(()=>{e(0)},n)})}var Zt=Object.freeze({lang:Ti.RU,loaders:{},graph:!1,initSeamless:!1,lastFrame:!1,permanentTextControls:!0,interactiveTimeOpenUri:!1,config:{historyMaxLength:100,noInteractionEventTimeout:3e4}});function wi(){let n=document.createElement("div");return n.style.cssText=`
+    `,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),i={width:parseInt(e.getPropertyValue("--interactive-content-width"),10),height:parseInt(e.getPropertyValue("--interactive-content-height"),10)};try{this.lastFrameCanvas.updateCanvasDimensions(i,t)}catch(r){this._onError(r)}}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 ze(n=0){return new Promise(t=>{setTimeout(()=>{t(0)},n)})}var Ke=Object.freeze({lang:xi.RU,loaders:{},graph:!1,initSeamless:!1,lastFrame:!1,permanentTextControls:!0,config:{historyMaxLength:100,noInteractionEventTimeout:3e4}});function Si(){let n=document.createElement("div");return n.style.cssText=`
     position: absolute;
     top: 0;
     left: 0;
-  `,n}var Fe=class{constructor(e){this.subscription=new Kt;this.globalEventEmitter=new Se;this.animation=new we;this.eventManager=new Oe;this.seekToInteractiveController=new ee;this.endedRanges=new Set;this.gameControllers=[];this.rootElement=wi();this.factories=new Map([["choice",ge]]);this.isFirstChapterFetched=!1;this.player=null;this.interactiveEvents=null;this.selectBranches=null;this.seamlessController=null;this.seamlessControllerSubs=new Kt;this.graph=null;this.lastFrame=null;this.appState=0;this.state={prevChapter$:new P(null),isInitialChapter$:new P(!1),isFirstChapter$:new P(!0),isEndChapter$:new P(!1),isInteractiveExpectation$:new P(!1),isReplay$:new P(!1),calledByInteractive$:new P(!1),lastChapterChangeWasInitiatedByInteractive$:new P(!1),disabledControls$:new P(!1),interactiveRanges$:new P([]),isInteractiveTime$:new P(!1),statistics$:new P(null),isSeekable$:new P(!1)};this.events={noInteraction$:new F,graphVisibilityChanged$:new F,watchAgainIsClicked$:new F,chapterChanged$:new F,playerChanged$:new F,error$:new F,eachTick$:new F,manifestChanged$:new F};this.clearHistoryIfEnded=()=>{let e=this.player?.info.isEnded$.getValue(),t=this.state.isInteractiveExpectation$.getValue(),{chapter:i}=this.getCurrentChapter();e&&i&&O(i)&&!t&&this.historyController.updateHistory([]),window.removeEventListener("beforeunload",this.clearHistoryIfEnded)};this.handleSeamlessPlayerChanged=e=>{if(!e)return;let{statistics:t,...i}=e;if(t){let{statSubscription:r,oneStat:s}=t;r.add(s.attachToInteractive(this.getStatEvents())),this.state.statistics$.next(t)}this.state.isReplay$.getValue()&&this.state.isReplay$.next(!1),this.events.playerChanged$.next(i),this.globalEventEmitter.emit(m.playerChanged,i)};this.onPlaybackStarted=()=>{this.resizeManager?.calc(),this.animation.requestAnimation()};this.removeControllers=(e=!0)=>{this.gameControllers.forEach(t=>{!e&&t.isPermanentText||(this.animation.removeFn(t.whilePlaying),t.destroy())})};this.completeInteractiveRange=e=>{let{interactiveRanges$:t}=this.state,r=t.getValue().map(s=>({...s,subjects:s.subjects.filter(l=>l.id!==e)}));t.next(r)};this.clearNoInteractionTimeout=()=>{this.noInteractionTimeout&&(clearTimeout(this.noInteractionTimeout),this.noInteractionTimeout=void 0)};this._options={...Zt,...e,config:{...Zt.config,...e.config}},this._options.parentElement.append(this.rootElement),this.historyController=new ae({interactiveController:this,globalEventEmitter:this.globalEventEmitter,videoId:this._options.projectInfo?.videoId,historyApi:this._options.historyApi,settings:{maxLength:this._options.config.historyMaxLength,initChapterId:this._options.initChapterId}}),this._options.lastFrame&&(this.lastFrame=new Ne({parentElement:this._options.parentElement,onError:t=>this.globalEventEmitter.emit(m.errors,new A(1,6,t))})),this.eventManager.listen(this.rootElement,"mousedown",t=>t.stopPropagation()),this.eventManager.listen(this.rootElement,"mouseup",t=>t.stopPropagation()),this.manifestController=new Z(this._options.loaders,t=>this.globalEventEmitter.emit(m.errors,new A(1,3,t))),this.resizeManager=$t(()=>({player:this.player,parentElement:this._options?.parentElement,fns:this._options?.lastFrame?[()=>{this.lastFrame?.updateCanvasDimensions(!0)}]:[]})),this._options.graph&&(this.graph=new J({root:this._options.parentElement,lang:this._options.lang,onOpenPreviewClick:t=>{this.setChapter({chapterId:t}),this.globalEventEmitter.emit(m.graph,{type:ne.watchAgainClicked,chapterId:t}),this.events.watchAgainIsClicked$.next(t)},onError:t=>this.globalEventEmitter.emit(m.errors,new A(1,4,{message:t}))})),this.initSubscriptions()}initSubscriptions(){this.subscription.add(this.historyController.events.inited$.subscribe(async({videosInfo:e=[]})=>{this._options.initSeamless&&(await this.initSeamless(),this.updateGraphVideosInfo(e))})),this.globalEventEmitter.on(m.interactives,async e=>{if(e.type===I.actionExecution){if(this.state.calledByInteractive$.next(!0),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!0),e.payload?.behaviour==="change-chapter"){let{chapterId:i}=e.payload;this.setChapter({chapterId:i}),this.state.isFirstChapter$.getValue()&&this.state.isFirstChapter$.next(!1)}if(e.payload?.behaviour==="change-manifest"){let{manifestURL:i}=e.payload;this.setManifest(i)}let t=e.type==="action-execution";t&&e.actionType==="expect"?this.state.isInteractiveExpectation$.next(!0):t&&e.actionType==="after-expect"&&this.state.isInteractiveExpectation$.next(!1)}e.type===I.containerRemoved&&this.completeInteractiveRange(e.subjectId),e.type===I.containerFakeRemoved&&this.handleFakeRemoval(e.subjectId,e.removeAllOpenURI)}),this.subscription.add(this.events.manifestChanged$.subscribe(()=>{this.state.calledByInteractive$.next(!1),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)})),this.globalEventEmitter.on(m.manifestChanged,()=>{this.state.calledByInteractive$.next(!1),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)})}async initSeamless(){this.seamlessController=nt(this),this.seamlessControllerSubs.add(this.seamlessController.activePlayerChanged.subscribe(this.handleSeamlessPlayerChanged)),await this.seamlessController.init()}handlePositionChange(e){(!this.graph||this.graph.isHidden)&&this.checkIfSeekable();let t=e*1e3,r=this.getInteractiveRanges().reverse().find(({range:s})=>t>=s[1]);if(r){let s=r.range.join("-");this.endedRanges.has(s)||(this.endedRanges.add(s),this.globalEventEmitter.emit(m.interactives,{type:I.rangeEnded,payload:r,visibility:!0}))}}registerVideoEvents(){this.player&&(window.removeEventListener("beforeunload",this.clearHistoryIfEnded),this.subscription.unsubscribe(),window.addEventListener("beforeunload",this.clearHistoryIfEnded),this.subscription.add(this.player.events.started$.pipe(Si()).subscribe(this.onPlaybackStarted)).add(this.player.events.playing$.subscribe(this.animation.requestAnimation)).add(this.player.events.willPause$.subscribe(this.animation.cancelAnimation)).add(this.player.info.position$.subscribe(this.handlePositionChange.bind(this))).add(this.manifestController.prevChapter$.subscribe(e=>this.state.prevChapter$.next(e))).add(xi({position:this.player.info.position$,interactiveRanges:this.state.interactiveRanges$,isInteractiveExpectation:this.state.isInteractiveExpectation$}).subscribe(({position:e,interactiveRanges:t,isInteractiveExpectation:i})=>{let r;if(i)r=!0;else{let o=e*1e3;r=!!t.find(({range:[g,C],subjects:u})=>g<o&&o<C&&u.some(y=>!y.isRemoved)&&u.length)}r!==this.state.isInteractiveTime$.getValue()&&this.state.isInteractiveTime$.next(r);let s=!!this.noInteractionTimeout,a=this.player?.info.playbackState$.getValue()==="playing"||i;r&&!s&&a?this.noInteractionTimeout=window.setTimeout(()=>{this.events.noInteraction$.next()},this._options.config.noInteractionEventTimeout):s&&!a&&this.clearNoInteractionTimeout()})),this.subscription.add(this.historyController.events.error$.subscribe(this.events.error$)),this._options.lastFrame&&this.subscription.add(this.player.info.duration$.subscribe(e=>{this.lastFrame?.setVideoDuration(e*1e3)})).add(this.player.experimental.element$.subscribe(e=>{e&&this.lastFrame?.setVideoElement(e)})).add(this.player.events.firstFrame$.subscribe(()=>{this.lastFrame?.reset(),setTimeout(()=>{this.lastFrame?.hide(),this.lastFrame?.lastFrameCanvas.clear()},50)})).add(this.player.events.seeked$.subscribe(this.lastFrame.onSeek)))}setGameControllers(){let e=this.manifestController.chapter;e&&this.appState===1&&(this.selectBranches?.setManifestChapterEvents(e),this.gameControllers=this.filterGameControllers(e),this.interactiveEvents?.containersEventsCallState.setData(e.containers),this.seekToInteractiveController.setContainers(this.gameControllers.map(t=>t.container.container).filter(t=>!K(t.controls))),this._options.lastFrame&&this.animation.addFn(()=>{this.player&&this.lastFrame?.onEachTick(this.player.info.position$.getValue()*1e3)},!0),this.state.interactiveRanges$.next(this.getInteractiveRanges()),this.appState=2)}filterGameControllers(e){let t=[];return e.containers.forEach(i=>{let r=i.type.trim().toLowerCase(),s=this.factories.get(r);if(s){let l=new Pe({player:this.player,container:s(i,this.rootElement),branches:e.branches,selectBranches:this.selectBranches,interactiveEvents:this.interactiveEvents,globalEvents:this.events,globalEventEmitter:this.globalEventEmitter,getContainerEventState:()=>Rt(i,this.gameControllers),permanentTextControls:this._options.permanentTextControls,interactiveTimeOpenUri:this._options.interactiveTimeOpenUri,disabledControls$:this.state.disabledControls$,onRemove:()=>{this.seekToInteractiveController.deleteContainer(i.id)}});this.animation.addFn(l.whilePlaying,!0),t.push(l)}}),t}checkIfSeekable(){if(this.state.isInteractiveExpectation$.getValue()){this.state.isSeekable$.next(!1);return}let t=this.state.isSeekable$.getValue(),i=!!this.seekToInteractiveController.getNextInteractiveTime();(i&&!t||!i&&t)&&this.state.isSeekable$.next(!t)}updateLastEventInfo(){this.state.calledByInteractive$.getValue()?this.state.calledByInteractive$.next(!1):this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)}pushChapterToHistory(e){if(this.updateLastEventInfo(),!this.historyController.inited)return;let t=this.state.lastChapterChangeWasInitiatedByInteractive$.getValue(),i=this.state.prevChapter$.getValue(),r=(i&&O(i)&&Ve(i))??!1,s=this.manifestController.manifest?.metadata.initChapterId===e,l=this.historyController.state.history$.getValue();if(s||r&&t){this.historyController.updateHistory([e]);return}l.at(-1)!==e&&this.historyController.updateHistory([...l,e])}handleFakeRemoval(e,t){let{interactiveRanges$:i}=this.state,s=i.getValue().map(l=>{let a=l.subjects.some(c=>c.id===e),o=l.subjects.map(c=>t&&a||c.id===e?{...c,isRemoved:!0}:c);return{...l,subjects:o}});i.next(s)}reset(){this.appState===2&&(this.removeControllers(),this.gameControllers=[],this.animation.release(),this.interactiveEvents?.release(),this.appState=1,this.state.isSeekable$.next(!1),this.clearNoInteractionTimeout())}get options(){return this._options}init(){this.manifestController.chapter&&this._options.parentElement&&this.player&&this._options.fullscreenTargetElement&&this.appState===0&&(this.resizeManager?.resizeObserver.observe(this._options.fullscreenTargetElement),this.registerVideoEvents(),this.appState=1,this.setGameControllers())}async setManifest(e){this.reset(),this.isFirstChapterFetched=!1;let t=await this.manifestController.setManifest(e);if(t.manifest)return this.graph&&this.graph.handleManifestChange(t.manifest),await this.historyController.setManifest(t.manifest),this.events.manifestChanged$.next(t.manifest),this.globalEventEmitter.emit(m.manifestChanged,{manifest:t.manifest}),this.setGameControllers(),t.manifest}setPlayer(e){this.reset(),this.player=e,this.seekToInteractiveController.setPlayer(this.player),this.interactiveEvents?this.interactiveEvents.setPlayer(this.player):this.interactiveEvents=Vt(this.player,this._options.interactiveTimeOpenUri),this.selectBranches=Ut({player:this.player,interactiveEvents:this.interactiveEvents,globalEventEmitter:this.globalEventEmitter,removeControllers:()=>this.removeControllers(!1)}),this.appState===1&&(this.registerVideoEvents(),this.setGameControllers())}async setChapter({chapterId:e,pushToHistory:t=!0,playPrev:i=!1}={}){this.reset(),this.lastFrame&&this.isFirstChapterFetched&&(this.lastFrame.draw(),this.lastFrame.show()),Ii.isSafari&&await Wt(35);let r=!i&&this.state.isEndChapter$.getValue()&&this.getCurrentManifest()?.metadata.initChapterId===e;this.state.isReplay$.next(r);let{chapter:s,media:l,graph:a}=await(e?this.manifestController.setNext(e):this.manifestController.setInitial());(!e||r)&&this.state.isFirstChapter$.next(!0),!(!s||!l)&&(t&&this.pushChapterToHistory(s.id),this.state.isInitialChapter$.next(this.manifestController.isInitialChapter()),this.state.isEndChapter$.next(this.manifestController.isEndChapter()),this.graph&&this.graph.handleChapterChange(s),this.lastFrame?.setCurrentChapter(s),this.events.chapterChanged$.next({chapter:s,manifestVideo:l}),this.globalEventEmitter.emit(m.chapterChanged,{chapter:s,media:l,graph:a}),this.setGameControllers(),this.endedRanges=new Set,this.isFirstChapterFetched=!0)}getStatEvents(){return{click$:new Qt(e=>{this.globalEventEmitter.on(m.graph,({type:t,visibility:i})=>{t==="visibility"&&e.next(i?oe.GRAPH_SHOW:oe.GRAPH_HIDE),t==="watchAgainClicked"&&e.next(oe.WATCH_AGAIN)}),this.globalEventEmitter.on(m.interactives,({type:t,subjectName:i,subjectType:r})=>{t!=="action-choice"||i!=="control"||(r==="Button"&&e.next(oe.NEXT_BUTTON),r==="Area"&&e.next(oe.NEXT_AREA))})}),nextMovie$:new Qt(e=>{this.events.playerChanged$.subscribe(({config:t})=>{t?.unitedVideoId&&!this.state.isFirstChapter$.getValue()&&e.next(t.unitedVideoId)})})}}toggleGraphView(e=!0){this.graph&&(e?(this.graph.show(),this.state.isSeekable$.next(!1)):(this.graph.hide(),this.checkIfSeekable()),this.globalEventEmitter.emit(m.graph,{type:ne.visibility,visibility:e}),this.events.graphVisibilityChanged$.next(e))}setVisitedChapters(e){Array.isArray(e)&&this.graph?.setVisitedChapters(e)}updateGraphVideosInfo(e){Array.isArray(e)&&this.graph?.updateVideosInfo(e)}deadEndCheck(){return!(this.interactiveEvents?.getPreparedToExecActions()||[]).some(i=>i.actionType===x.setNextBranch)}allControlsAreRemoved(){return!this.gameControllers.some(t=>!t.container.isRemoved)}isEndedExpectation(){if(!this.player||!this.gameControllers)return!1;let e=this.player.info.position$.getValue(),t=this.player.info.duration$.getValue();return e===t&&this.gameControllers.some(i=>{let r=i.container.container;return!i.container.isRemoved&&r.endTime===null&&D(r.events)})}playPrevChapter(){this.historyController.goBack()}setDisabledControls(e){this.state.disabledControls$.next(e)}isSupport(e=this.manifestController.manifest){return!!e&&xe(e.metadata.version)}getInitialVideoInfo(){return{videoId:this.historyController.getInitialVideoId(),chapterId:this.historyController.getInitialChapterId()}}getHistoryState(){return this.historyController.state}getIsSeekable(){return this.state.isSeekable$}getInteractiveRanges(){return kt(this.manifestController.chapter?.containers)}getNextInteractiveStartTime(e){return this.seekToInteractiveController.getNextInteractiveTime(e)}getChapterBranches(e){return this.manifestController.getBranches(e)}getCurrentChapter(){return this.manifestController.getCurrent()}getCurrentManifest(){return this.manifestController.manifest}on(e,t){return this.globalEventEmitter.on(e,t),this}off(e,t){return this.globalEventEmitter.off(e,t),this}once(e,t){return this.globalEventEmitter.once(e,t),this}destroy(){this.clearHistoryIfEnded(),this.removeControllers(),this.gameControllers=[],this.graph?.destroy(),this.seamlessControllerSubs.unsubscribe(),this.seamlessController?.removeAll(),this.resizeManager?.release(),this.animation.release(),this.interactiveEvents?.release(),this.manifestController.release(),this.eventManager.release(),this.subscription.unsubscribe(),this.globalEventEmitter.reset(),this.lastFrame?.destroy(),this.rootElement.remove(),this.historyController.destroy(),this.isFirstChapterFetched=!1,this.appState=3}};var Ri={Container:Q,createChoiceContainer:ge,createAreaControl:me,createButtonControl:ye,getRootEl:ce,classnamesPrefix:V};var Ds={version:pt};export{Fn as ContainerTypes,Te as ControlTypes,A as CustomError,m as EVENT_NAMES,x as EventActionTypes,Bn as EventTypes,Fe as Interactives,Z as ManifestController,Ds as SDKInfo,st as chapterIdsToVKVideoIds,Ze as compareVersions,Pn as containerTypes,Ln as controlTypes,It as eventActionTypes,$n as eventTypes,bi as getChapterIdByVkVideoId,Gt as getVKVideoIdByMedia,gi as getVideoRawIdByMedia,ne as graphEventTypes,Ve as hasEndTemplate,I as interactivesEventTypes,Vn as isAreaControl,Mn as isButtonControl,O as isLastChapter,K as isOneTextCtrlContainer,xe as isSupportedManifest,Ie as isTextControl,Ci as isVKVariantItem,Et as isValidManifest,xt as migrateManifestToLatestVersion,Ri as utils,zt as vkVideoIdsToChapterIds};
+  `,n}var Ot=class{constructor(t){this.subscription=new Qe;this.globalEventEmitter=new St;this.animation=new wt;this.eventManager=new jt;this.seekToInteractiveController=new J;this.endedRanges=new Set;this.gameControllers=[];this.rootElement=Si();this.factories=new Map([["choice",vt]]);this.isFirstChapterFetched=!1;this.player=null;this.interactiveEvents=null;this.selectBranches=null;this.seamlessController=null;this.seamlessControllerSubs=new Qe;this.graph=null;this.lastFrame=null;this.appState=0;this.state={prevChapter$:new P(null),isInitialChapter$:new P(!1),isFirstChapter$:new P(!0),isEndChapter$:new P(!1),isInteractiveExpectation$:new P(!1),isReplay$:new P(!1),calledByInteractive$:new P(!1),lastChapterChangeWasInitiatedByInteractive$:new P(!1),disabledControls$:new P(!1),interactiveRanges$:new P([]),isInteractiveTime$:new P(!1),statistics$:new P(null),isSeekable$:new P(!1)};this.events={noInteraction$:new F,graphVisibilityChanged$:new F,watchAgainIsClicked$:new F,chapterChanged$:new F,playerChanged$:new F,error$:new F,eachTick$:new F,manifestChanged$:new F};this.clearHistoryIfEnded=()=>{let t=this.player?.info.isEnded$.getValue(),e=this.state.isInteractiveExpectation$.getValue(),{chapter:i}=this.getCurrentChapter();t&&i&&$(i)&&!e&&this.historyController.updateHistory([]),window.removeEventListener("beforeunload",this.clearHistoryIfEnded)};this.handleSeamlessPlayerChanged=t=>{if(!t)return;let{statistics:e,...i}=t;if(e){let{statSubscription:r,oneStat:s}=e;r.add(s.attachToInteractive(this.getStatEvents())),this.state.statistics$.next(e)}this.state.isReplay$.getValue()&&this.state.isReplay$.next(!1),this.events.playerChanged$.next(i),this.globalEventEmitter.emit(m.playerChanged,i)};this.onPlaybackStarted=()=>{this.resizeManager?.calc(),this.animation.requestAnimation()};this.removeControllers=(t=!0)=>{this.gameControllers.forEach(e=>{!t&&e.isPermanentText||(this.animation.removeFn(e.whilePlaying),e.destroy())})};this.completeInteractiveRange=t=>{let{interactiveRanges$:e}=this.state,r=e.getValue().map(s=>({...s,subjects:s.subjects.filter(l=>l!==t)}));e.next(r)};this.clearNoInteractionTimeout=()=>{this.noInteractionTimeout&&(clearTimeout(this.noInteractionTimeout),this.noInteractionTimeout=void 0)};this._options={...Ke,...t,config:{...Ke.config,...t.config}},this._options.parentElement.append(this.rootElement),this.historyController=new st({interactiveController:this,globalEventEmitter:this.globalEventEmitter,videoId:this._options.projectInfo?.videoId,historyApi:this._options.historyApi,settings:{maxLength:this._options.config.historyMaxLength,initChapterId:this._options.initChapterId}}),this._options.lastFrame&&(this.lastFrame=new Ft({parentElement:this._options.parentElement,onError:e=>this.globalEventEmitter.emit(m.errors,new A(1,6,e))})),this.eventManager.listen(this.rootElement,"mousedown",e=>e.stopPropagation()),this.eventManager.listen(this.rootElement,"mouseup",e=>e.stopPropagation()),this.manifestController=new K(this._options.loaders,e=>this.globalEventEmitter.emit(m.errors,new A(1,3,e))),this.resizeManager=Le(()=>({player:this.player,parentElement:this._options?.parentElement,fns:this._options?.lastFrame?[()=>{this.lastFrame?.updateCanvasDimensions(!0)}]:[]})),this._options.graph&&(this.graph=new Y({root:this._options.parentElement,lang:this._options.lang,onOpenPreviewClick:e=>{this.setChapter({chapterId:e}),this.globalEventEmitter.emit(m.graph,{type:it.watchAgainClicked,chapterId:e}),this.events.watchAgainIsClicked$.next(e)},onError:e=>this.globalEventEmitter.emit(m.errors,new A(1,4,{message:e}))})),this.initSubscriptions()}initSubscriptions(){this.subscription.add(this.historyController.events.inited$.subscribe(async({videosInfo:t=[]})=>{this._options.initSeamless&&(await this.initSeamless(),this.updateGraphVideosInfo(t))})),this.globalEventEmitter.on(m.interactives,async t=>{if(t.type===C.actionExecution){if(this.state.calledByInteractive$.next(!0),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!0),t.payload?.behaviour==="change-chapter"){let{chapterId:i}=t.payload;this.setChapter({chapterId:i}),this.state.isFirstChapter$.getValue()&&this.state.isFirstChapter$.next(!1)}if(t.payload?.behaviour==="change-manifest"){let{manifestURL:i}=t.payload;this.setManifest(i)}let e=t.type==="action-execution";e&&t.actionType==="expect"?this.state.isInteractiveExpectation$.next(!0):e&&t.actionType==="after-expect"&&this.state.isInteractiveExpectation$.next(!1)}t.type===C.containerRemoved&&this.completeInteractiveRange(t.subjectId)}),this.subscription.add(this.events.manifestChanged$.subscribe(()=>{this.state.calledByInteractive$.next(!1),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)})),this.globalEventEmitter.on(m.manifestChanged,()=>{this.state.calledByInteractive$.next(!1),this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)})}async initSeamless(){this.seamlessController=ne(this),this.seamlessControllerSubs.add(this.seamlessController.activePlayerChanged.subscribe(this.handleSeamlessPlayerChanged)),await this.seamlessController.init()}handlePositionChange(t){(!this.graph||this.graph.isHidden)&&this.checkIfSeekable();let e=t*1e3,r=this.getInteractiveRanges().reverse().find(({range:s})=>e>=s[1]);if(r){let s=r.range.join("-");this.endedRanges.has(s)||(this.endedRanges.add(s),this.globalEventEmitter.emit(m.interactives,{type:C.rangeEnded,payload:r,visibility:!0}))}}registerVideoEvents(){this.player&&(window.removeEventListener("beforeunload",this.clearHistoryIfEnded),this.subscription.unsubscribe(),window.addEventListener("beforeunload",this.clearHistoryIfEnded),this.subscription.add(this.player.events.started$.pipe(Ti()).subscribe(this.onPlaybackStarted)).add(this.player.events.playing$.subscribe(this.animation.requestAnimation)).add(this.player.events.willPause$.subscribe(this.animation.cancelAnimation)).add(this.player.info.position$.subscribe(this.handlePositionChange.bind(this))).add(this.manifestController.prevChapter$.subscribe(t=>this.state.prevChapter$.next(t))).add(Ii({position:this.player.info.position$,interactiveRanges:this.state.interactiveRanges$,isInteractiveExpectation:this.state.isInteractiveExpectation$}).subscribe(({position:t,interactiveRanges:e,isInteractiveExpectation:i})=>{let r;if(i)r=!0;else{let o=t*1e3;r=!!e.find(({range:[g,I],subjects:v})=>g<o&&o<I&&v.length)}r!==this.state.isInteractiveTime$.getValue()&&this.state.isInteractiveTime$.next(r);let s=!!this.noInteractionTimeout,a=this.player?.info.playbackState$.getValue()==="playing"||i;r&&!s&&a?this.noInteractionTimeout=window.setTimeout(()=>{this.events.noInteraction$.next()},this._options.config.noInteractionEventTimeout):s&&!a&&this.clearNoInteractionTimeout()})),this.subscription.add(this.historyController.events.error$.subscribe(this.events.error$)),this._options.lastFrame&&this.subscription.add(this.player.info.duration$.subscribe(t=>{this.lastFrame?.setVideoDuration(t*1e3)})).add(this.player.experimental.element$.subscribe(t=>{t&&this.lastFrame?.setVideoElement(t)})).add(this.player.events.firstFrame$.subscribe(()=>{this.lastFrame?.reset(),setTimeout(()=>{this.lastFrame?.hide(),this.lastFrame?.lastFrameCanvas.clear()},50)})).add(this.player.events.seeked$.subscribe(this.lastFrame.onSeek)))}setGameControllers(){let t=this.manifestController.chapter;t&&this.appState===1&&(this.selectBranches?.setManifestChapterEvents(t),this.gameControllers=this.filterGameControllers(t),this.interactiveEvents?.containersEventsCallState.setData(t.containers),this.seekToInteractiveController.setContainers(this.gameControllers.map(e=>e.container.container).filter(e=>!Q(e.controls))),this._options.lastFrame&&this.animation.addFn(()=>{this.player&&this.lastFrame?.onEachTick(this.player.info.position$.getValue()*1e3)},!0),this.state.interactiveRanges$.next(this.getInteractiveRanges()),this.appState=2)}filterGameControllers(t){let e=[];return t.containers.forEach(i=>{let r=i.type.trim().toLowerCase(),s=this.factories.get(r);if(s){let l=new Pt({player:this.player,container:s(i,this.rootElement),branches:t.branches,selectBranches:this.selectBranches,interactiveEvents:this.interactiveEvents,globalEvents:this.events,globalEventEmitter:this.globalEventEmitter,ignoreContainerEvent:()=>we(i,this.gameControllers),permanentTextControls:this._options.permanentTextControls,disabledControls$:this.state.disabledControls$,onRemove:()=>{this.seekToInteractiveController.deleteContainer(i.id)}});this.animation.addFn(l.whilePlaying,!0),e.push(l)}}),e}checkIfSeekable(){if(this.state.isInteractiveExpectation$.getValue()){this.state.isSeekable$.next(!1);return}let e=this.state.isSeekable$.getValue(),i=!!this.seekToInteractiveController.getNextInteractiveTime();(i&&!e||!i&&e)&&this.state.isSeekable$.next(!e)}updateLastEventInfo(){this.state.calledByInteractive$.getValue()?this.state.calledByInteractive$.next(!1):this.state.lastChapterChangeWasInitiatedByInteractive$.next(!1)}pushChapterToHistory(t){if(this.updateLastEventInfo(),!this.historyController.inited)return;let e=this.state.lastChapterChangeWasInitiatedByInteractive$.getValue(),i=this.state.prevChapter$.getValue(),r=(i&&$(i)&&Vt(i))??!1,s=this.manifestController.manifest?.metadata.initChapterId===t,l=this.historyController.state.history$.getValue();if(s||r&&e){this.historyController.updateHistory([t]);return}l.at(-1)!==t&&this.historyController.updateHistory([...l,t])}reset(){this.appState===2&&(this.removeControllers(),this.gameControllers=[],this.animation.release(),this.interactiveEvents?.release(),this.appState=1,this.state.isSeekable$.next(!1),this.clearNoInteractionTimeout())}get options(){return this._options}init(){this.manifestController.chapter&&this._options.parentElement&&this.player&&this._options.fullscreenTargetElement&&this.appState===0&&(this.resizeManager?.resizeObserver.observe(this._options.fullscreenTargetElement),this.registerVideoEvents(),this.appState=1,this.setGameControllers())}async setManifest(t){this.reset(),this.isFirstChapterFetched=!1;let e=await this.manifestController.setManifest(t);if(e.manifest)return this.graph&&this.graph.handleManifestChange(e.manifest),await this.historyController.setManifest(e.manifest),this.events.manifestChanged$.next(e.manifest),this.globalEventEmitter.emit(m.manifestChanged,{manifest:e.manifest}),this.setGameControllers(),e.manifest}setPlayer(t){this.reset(),this.player=t,this.seekToInteractiveController.setPlayer(this.player),this.interactiveEvents?this.interactiveEvents.setPlayer(this.player):this.interactiveEvents=Re(this.player),this.selectBranches=De({player:this.player,interactiveEvents:this.interactiveEvents,globalEventEmitter:this.globalEventEmitter,removeControllers:()=>this.removeControllers(!1)}),this.appState===1&&(this.registerVideoEvents(),this.setGameControllers())}async setChapter({chapterId:t,pushToHistory:e=!0,playPrev:i=!1}={}){this.reset(),this.lastFrame&&this.isFirstChapterFetched&&(this.lastFrame.draw(),this.lastFrame.show()),Ei.isSafari&&await ze(35);let r=!i&&this.state.isEndChapter$.getValue()&&this.getCurrentManifest()?.metadata.initChapterId===t;this.state.isReplay$.next(r);let{chapter:s,media:l,graph:a}=await(t?this.manifestController.setNext(t):this.manifestController.setInitial());(!t||r)&&this.state.isFirstChapter$.next(!0),!(!s||!l)&&(e&&this.pushChapterToHistory(s.id),this.state.isInitialChapter$.next(this.manifestController.isInitialChapter()),this.state.isEndChapter$.next(this.manifestController.isEndChapter()),this.graph&&this.graph.handleChapterChange(s),this.lastFrame?.setCurrentChapter(s),this.events.chapterChanged$.next({chapter:s,manifestVideo:l}),this.globalEventEmitter.emit(m.chapterChanged,{chapter:s,media:l,graph:a}),this.setGameControllers(),this.endedRanges=new Set,this.isFirstChapterFetched=!0)}getStatEvents(){return{click$:new We(t=>{this.globalEventEmitter.on(m.graph,({type:e,visibility:i})=>{e==="visibility"&&t.next(i?at.GRAPH_SHOW:at.GRAPH_HIDE),e==="watchAgainClicked"&&t.next(at.WATCH_AGAIN)}),this.globalEventEmitter.on(m.interactives,({type:e,subjectName:i,subjectType:r})=>{e!=="action-choice"||i!=="control"||(r==="Button"&&t.next(at.NEXT_BUTTON),r==="Area"&&t.next(at.NEXT_AREA))})}),nextMovie$:new We(t=>{this.events.playerChanged$.subscribe(({config:e})=>{e?.unitedVideoId&&!this.state.isFirstChapter$.getValue()&&t.next(e.unitedVideoId)})})}}toggleGraphView(t=!0){this.graph&&(t?(this.graph.show(),this.state.isSeekable$.next(!1)):(this.graph.hide(),this.checkIfSeekable()),this.globalEventEmitter.emit(m.graph,{type:it.visibility,visibility:t}),this.events.graphVisibilityChanged$.next(t))}setVisitedChapters(t){Array.isArray(t)&&this.graph?.setVisitedChapters(t)}updateGraphVideosInfo(t){Array.isArray(t)&&this.graph?.updateVideosInfo(t)}deadEndCheck(){return!(this.interactiveEvents?.getPreparedToExecActions()||[]).some(i=>i.actionType===E.setNextBranch)}allControlsAreRemoved(){return!this.gameControllers.some(e=>!e.container.isRemoved)}isEndedExpectation(){if(!this.player||!this.gameControllers)return!1;let t=this.player.info.position$.getValue(),e=this.player.info.duration$.getValue();return t===e&&this.gameControllers.some(i=>{let r=i.container.container;return!i.container.isRemoved&&r.endTime===null&&H(r.events)})}playPrevChapter(){this.historyController.goBack()}setDisabledControls(t){this.state.disabledControls$.next(t)}isSupport(t=this.manifestController.manifest){return!!t&&xt(t.metadata.version)}getInitialVideoInfo(){return{videoId:this.historyController.getInitialVideoId(),chapterId:this.historyController.getInitialChapterId()}}getHistoryState(){return this.historyController.state}getIsSeekable(){return this.state.isSeekable$}getInteractiveRanges(){return ke(this.manifestController.chapter?.containers)}getNextInteractiveStartTime(t){return this.seekToInteractiveController.getNextInteractiveTime(t)}getChapterBranches(t){return this.manifestController.getBranches(t)}getCurrentChapter(){return this.manifestController.getCurrent()}getCurrentManifest(){return this.manifestController.manifest}on(t,e){return this.globalEventEmitter.on(t,e),this}off(t,e){return this.globalEventEmitter.off(t,e),this}once(t,e){return this.globalEventEmitter.once(t,e),this}destroy(){this.clearHistoryIfEnded(),this.removeControllers(),this.gameControllers=[],this.graph?.destroy(),this.seamlessControllerSubs.unsubscribe(),this.seamlessController?.removeAll(),this.resizeManager?.release(),this.animation.release(),this.interactiveEvents?.release(),this.manifestController.release(),this.eventManager.release(),this.subscription.unsubscribe(),this.globalEventEmitter.reset(),this.lastFrame?.destroy(),this.rootElement.remove(),this.historyController.destroy(),this.isFirstChapterFetched=!1,this.appState=3}};var wi={Container:W,createChoiceContainer:vt,createAreaControl:mt,createButtonControl:yt,getRootEl:ct,classnamesPrefix:V};var Ds={version:pe};export{On as ContainerTypes,Tt as ControlTypes,A as CustomError,m as EVENT_NAMES,E as EventActionTypes,Bn as EventTypes,Ot as Interactives,K as ManifestController,Ds as SDKInfo,se as chapterIdsToVKVideoIds,Zt as compareVersions,Vn as containerTypes,Pn as controlTypes,$n as eventActionTypes,Ln as eventTypes,Ci as getChapterIdByVkVideoId,Ge as getVKVideoIdByMedia,gi as getVideoRawIdByMedia,it as graphEventTypes,Vt as hasEndTemplate,C as interactivesEventTypes,Rn as isAreaControl,Mn as isButtonControl,$ as isLastChapter,Q as isOneTextCtrlContainer,xt as isSupportedManifest,It as isTextControl,vi as isVKVariantItem,Ee as isValidManifest,Ie as migrateManifestToLatestVersion,wi as utils,Ue as vkVideoIdsToChapterIds};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vkontakte/videoplayer-interactive",
-  "version": "1.0.29-dev.a60090ed.0",
+  "version": "1.0.29-dev.ac01cfb7.0",
   "author": "vk.com",
   "description": "Movika interactive SDK",
   "homepage": "https://vk.com",
@@ -51,8 +51,8 @@
   "dependencies": {
     "@interactiveplatform/movika-graph-editor": "1.11.0",
     "@interactiveplatform/movika-manifest": "^1.0.0",
-    "@vkontakte/videoplayer-core": "^2.0.122",
-    "@vkontakte/videoplayer-shared": "^1.0.51",
-    "@vkontakte/videoplayer-statistics": "^1.0.68"
+    "@vkontakte/videoplayer-core": "2.0.123-dev.22aa1228.0",
+    "@vkontakte/videoplayer-shared": "1.0.52-dev.835e177b.0",
+    "@vkontakte/videoplayer-statistics": "1.0.69-dev.aaf844c1.0"
   }
 }

package/types/modules/Interactives/Interactives.d.ts

@@ -66,7 +66,6 @@ export declare class Interactives {
     private updateLastEventInfo;
     private pushChapterToHistory;
     private completeInteractiveRange;
-    private handleFakeRemoval;
     private clearNoInteractionTimeout;
     private reset;
     get options(): IInteractiveOptions;

package/types/modules/Interactives/containers/ChoiceContainer.d.ts

@@ -13,7 +13,6 @@ export declare class ChoiceContainer extends Container {
     show(): void;
     enable(): void;
     disable(): void;
-    removeView(destroy?: boolean): void;
-    fakeRemove(): void;
+    removeView(): void;
     getElement(): HTMLElement | null;
 }

package/types/modules/Interactives/types.d.ts

@@ -31,7 +31,6 @@ export interface IInteractiveOptions {
     lastFrame: boolean;
     initSeamless: boolean;
     permanentTextControls: boolean;
-    interactiveTimeOpenUri: boolean;
     loaders: Partial<Loaders>;
     initChapterId?: string;
     projectInfo?: InteractiveProjectInfo;
@@ -60,10 +59,3 @@ export interface EachTickData {
     currentTime: number;
     isInteractiveTime: boolean;
 }
-export type IgnoreExpectState = {
-    isExpectTime: boolean;
-    hasOtherExpect: boolean;
-    hasOpenURIEvent: boolean;
-    hasOpenURIEventInCurrentContainer: boolean;
-    isAllOpenURIEventsValid: boolean;
-};

package/types/modules/Interactives/utils/GameController.d.ts

@@ -3,7 +3,6 @@ import { type IPlayer } from '@vkontakte/videoplayer-core';
 import type { InteractiveEventsType } from './InteractiveEvents';
 import type { ChapterBranch } from '../../../manifest';
 import type { EventEmitter } from '../../../utils/EventEmitter';
-import type { IgnoreExpectState } from '../../../modules/Interactives/types';
 import type { ChoiceContainer } from "../../../modules/Interactives/containers";
 import { SelectBranches } from './SelectBranches';
 import { type GlobalEvents } from './events';
@@ -15,9 +14,8 @@ export declare class GameController {
     subscription: ISubscription;
     player: IPlayer;
     interactiveEvents: InteractiveEventsType;
-    getContainerEventState: () => IgnoreExpectState;
+    ignoreContainerEvent: () => boolean;
     isPermanentText: boolean;
-    interactiveTimeOpenUri: boolean;
     disabledControls$: IValueSubject<boolean>;
     onRemove: () => void;
     globalEventEmitter: EventEmitter;
@@ -25,7 +23,7 @@ export declare class GameController {
     isSelectedControlEvent: boolean;
     isSelectedContainerEvent: boolean;
     globalEvents: GlobalEvents;
-    constructor({ player, container, branches, selectBranches, interactiveEvents, globalEvents, globalEventEmitter, getContainerEventState, permanentTextControls, interactiveTimeOpenUri, disabledControls$, onRemove, }: {
+    constructor({ player, container, branches, selectBranches, interactiveEvents, globalEvents, globalEventEmitter, ignoreContainerEvent, permanentTextControls, disabledControls$, onRemove, }: {
         player: any;
         container: any;
         branches: any;
@@ -33,9 +31,8 @@ export declare class GameController {
         interactiveEvents: any;
         globalEvents: any;
         globalEventEmitter: any;
-        getContainerEventState: any;
+        ignoreContainerEvent: any;
         permanentTextControls: any;
-        interactiveTimeOpenUri: any;
         disabledControls$: any;
         onRemove: any;
     });
@@ -49,7 +46,6 @@ export declare class GameController {
     onEndOfVideo: () => void;
     whilePlaying: () => void;
     reset(): void;
-    removeView(destroy?: boolean): void;
-    fakeRemoveView(remove?: boolean): void;
+    removeView(): void;
     destroy(): void;
 }

package/types/modules/Interactives/utils/InteractiveEvents.d.ts

@@ -7,7 +7,7 @@ type RemoveMethodParamType = Parameters<TGroupsStack['remove']>[0];
 /**
  * Executes an events at different times of the current chapter
  */
-export declare function InteractiveEvents(player: IPlayer, interactiveTimeOpenUri: any): {
+export declare function InteractiveEvents(player: IPlayer): {
     setPlayer: (player: IPlayer) => void;
     add: (args: AddMethodParamType) => void;
     remove: (args: RemoveMethodParamType) => void;

package/types/modules/Interactives/utils/events.d.ts

@@ -50,6 +50,5 @@ export declare const interactivesEventTypes: {
     readonly actionExecution: "action-execution";
     readonly visibility: "visibility";
     readonly containerRemoved: "container-removed";
-    readonly containerFakeRemoved: "container-fake-removed";
     readonly rangeEnded: "range-ended";
 };

package/types/modules/Interactives/utils/gameUtils.d.ts

@@ -1,6 +1,5 @@
 import { type Control, type Chapter, type ChapterContainer } from '../../../manifest';
 import type { GameController } from './GameController';
-import type { IgnoreExpectState } from '../../../modules/Interactives/types';
 export declare enum GameStates {
     nothing = 0,
     beforeInteractive = 1,
@@ -25,5 +24,5 @@ export declare function excludeTextControl(containers?: ChapterContainer[]): Cha
 export declare const isEOVEndTime: (target: HTMLVideoElement, endTime: ChapterContainer["endTime"]) => boolean;
 export declare function partial<T extends unknown[], U extends unknown[], R>(fn: (...args: [...T, ...U]) => R, ...presetArgs: T): (...laterArgs: U) => R;
 export declare function partial<T extends Record<string, unknown>, P extends Partial<T>>(fn: (args: T) => unknown, presetArgs: P): (laterArgs: Omit<T, keyof P>) => ReturnType<typeof fn>;
-export declare const evaluateContainerEventStatus: (container: ChapterContainer, gameControllers: GameController[]) => IgnoreExpectState;
+export declare const shouldIgnoreContainerEvent: (container: ChapterContainer, gameControllers: GameController[]) => boolean;
 export {};

package/types/modules/Interactives/utils/getInteractiveRanges.d.ts

@@ -1,10 +1,6 @@
 import { type Container } from '../../../manifest';
-export type Subject = {
-    id: string;
-    isRemoved: boolean;
-};
 export type InteractiveRange = {
-    subjects: Subject[];
+    subjects: string[];
     range: [number, number];
 };
 export type InteractiveRanges = Array<InteractiveRange>;