@vkontakte/videoplayer-interactive 1.0.63-dev.5aefbe80.0 → 1.0.63-dev.b3d42409.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/es2015.cjs +3 -3
  2. package/es2015.esm.js +3 -3
  3. package/esnext.cjs +3 -3
  4. package/esnext.esm.js +3 -3
  5. package/evergreen.esm.js +3 -3
  6. package/package.json +4 -4
package/esnext.cjs CHANGED
@@ -1,9 +1,9 @@
1
1
  /**
2
- * @vkontakte/videoplayer-interactive v1.0.63-dev.5aefbe80.0
3
- * Fri, 27 Mar 2026 12:51:51 GMT
2
+ * @vkontakte/videoplayer-interactive v1.0.63-dev.b3d42409.0
3
+ * Fri, 27 Mar 2026 04:54:52 GMT
4
4
  * https://st.mycdn.me/static/vkontakte-videoplayer/1-0-63/doc/
5
5
  */
6
- var e=Object.defineProperty,t=Object.getOwnPropertyNames,n=Object.getOwnPropertyDescriptor,r=Object.prototype.hasOwnProperty;function i(e){return this[e]}var a=a=>{var s=(o??=new WeakMap).get(a),c;if(s)return s;if(s=e({},`__esModule`,{value:!0}),a&&typeof a==`object`||typeof a==`function`)for(var l of t(a))r.call(s,l)||e(s,l,{get:i.bind(a,l),enumerable:!(c=n(a,l))||c.enumerable});return o.set(a,s),s},o,s=e=>e;function c(e,t){this[e]=s.bind(null,t)}var l=(t,n)=>{for(var r in n)e(t,r,{get:n[r],enumerable:!0,configurable:!0,set:c.bind(n,r)})},u={};l(u,{vkVideoIdsToChapterIds:()=>vn,utils:()=>kn,migrateManifestToLatestVersion:()=>j.migrateManifestToLatestVersion,isValidManifest:()=>Ce,isVKVariantItem:()=>hn,isTextControl:()=>M,isSupportedManifest:()=>j.isSupportedManifest,isOneTextCtrlContainer:()=>F,isLastChapter:()=>N,isButtonControl:()=>we,isAreaControl:()=>Te,interactivesEventTypes:()=>Z,hasEndTemplate:()=>je,graphEventTypes:()=>Vt,getVideoRawIdByMedia:()=>mn,getVKVideoIdByMedia:()=>gn,getChapterIdByVkVideoId:()=>_n,eventTypes:()=>Oe,eventActionTypes:()=>ke,controlTypes:()=>De,containerTypes:()=>Ee,compareVersions:()=>Tt,chapterIdsToVKVideoIds:()=>pn,SDKInfo:()=>An,ManifestController:()=>Pt,Interactives:()=>On,EventTypes:()=>j.EventTypes,EventActionTypes:()=>j.EventActionTypes,EVENT_NAMES:()=>X,CustomError:()=>_,ControlTypes:()=>j.ControlTypes,ContainerTypes:()=>j.ContainerTypes}),module.exports=a(u);var d=`1.0.63-dev.5aefbe80.0`,f=require(`@vkontakte/videoplayer-shared`);class p{layout;cssVarsManager;constructor(e,t){this.layout=e,this.cssVarsManager=t}}class m extends p{cssVarsManager;constructor(e,t){super(e,t),this.cssVarsManager=t,this.cssVarsManager=t}setContainerLayout(e){e.style.position=`relative`}setControlLayout(e,t){let n=this.cssVarsManager.getPropValue(`--interactive-content-width`),r=this.cssVarsManager.getPropValue(`--interactive-content-height`),i=this.cssVarsManager.getPropValue(`--interactive-width`),a=this.cssVarsManager.getPropValue(`--interactive-height`);e.style.position=`absolute`,e.style.width=`calc(${n} * (${t.width} + 0.0002))`,e.style.height=`calc(${r} * ${t.height})`,e.style.left=`calc(${n} * ${t.x} + ((${i} - ${n}) / 2))`,e.style.top=`calc(${r} * ${t.y} + ((${a} - ${r}) / 2))`}}var h=require(`@vkontakte/videoplayer-shared`);function g(e){return`features`in e}class _{severity;category;data;constructor(e,t,...n){this.severity=e,this.category=t,this.data=n}toString(){return`Interactive SDK error ${JSON.stringify(this,null,` `)}`}}function v({emitter$:e,error:t,subjectId:n,message:r=``,severity:i=1,category:a=1}){let o=new _(i,a,{message:r,error:t,details:{id:n}});e.next(o)}class y{container;options;factories;controls;error$=new h.Subject;cssVarsManager;constructor(e,t,n){this.container=e,this.options=n,this.factories=new Map,this.controls=[],this.setControls(),this.cssVarsManager=t}featureIsEnabled(e){return!!(this.options&&this.options.features&&g(this.options)&&this.options.features[e])}onError(e=``,t){v({emitter$:this.error$,error:t,message:e,subjectId:this.container.id})}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 n=t.type.trim().toLowerCase(),r=this.factories.get(n);if(r){let n=r(t,this.options);if(n)return[...e,n]}return[...e]},[])||[]}}var b=require(`@vkontakte/videoplayer-shared`),x=(e,t)=>Object.prototype.toString.call(e)===`[object ${t}]`,S=e=>x(e,`Object`),ee=e=>x(e,`String`),te=e=>x(e,`Array`),ne=e=>x(e,`Number`),re=e=>x(e,`Function`),ie=e=>x(e,`Boolean`),ae=e=>ne(e)&&!isNaN(e),C=e=>S(e)&&Object.keys(e).length===0,oe=e=>te(e)&&!e.length,w=(e,t)=>ee(e)&&!!(t?e.trim():e).length;function T(e,t=1){let n=`0`,r=`0`,i=`0`;return e.length===4?(n=`0x`+e[1]+e[1],r=`0x`+e[2]+e[2],i=`0x`+e[3]+e[3]):e.length===7&&(n=`0x`+e[1]+e[2],r=`0x`+e[3]+e[4],i=`0x`+e[5]+e[6]),`rgba(${+n},${+r},${+i},${t})`}var se=`interactive`,E={textColor:`#000`,textSize:.4,textContent:``,roundCorners:0,borderWidth:0,borderWidthRawValue:`1px`,roundCornersRawValue:`0`,borderColor:`#000`,borderAlpha:1,backgroundColor:`#fff`,backgroundAlpha:1,innerSizesDependOn:`self`,angle:0,shadowColorLight:`#fff`,shadowColorDark:`#000`,shadowColorAlpha:.24},ce;(e=>{e.top=`flex-start`,e.bottom=`flex-end`,e.center=`center`})(ce||={});var le;(e=>{e.start=`flex-start`,e.end=`flex-end`,e.center=`center`})(le||={});var ue=({target:e,props:t})=>{e.style.alignItems=(t?.gravityVertical&&ce[t.gravityVertical])??`center`,e.style.justifyContent=(t?.gravityHorizontal&&le[t.gravityHorizontal])??`center`,e.style.textAlign=t?.alignment??`center`},de=({target:e,props:t,fallback:n,dependsOn:r})=>{e.style.color=t?.text?.color??n.textColor,e.style.fontSize=`calc(${r.height} * ${t?.text?.size??n.textSize})`,e.textContent=t?.text?.value??n.textContent},fe=({target:e,props:t,fallback:n})=>{e.style.backgroundColor=T(t?.background?.color??n.backgroundColor,t?.background?.alpha??n.backgroundAlpha)},pe=({target:e,props:t,fallback:n,dependsOn:r,useRawValues:i=!1})=>{let a=i?n.borderWidthRawValue:`calc(${r.height} * ${t?.shape?.border?.width??n.borderWidth})`,o=i?n.roundCornersRawValue:`calc(${r.height} * ${t?.shape?.roundCorners??n.roundCorners})`;e.style.borderWidth=a,e.style.borderStyle=`solid`,e.style.borderColor=T(i?n.borderColor:t?.shape?.border?.color??n.borderColor,i?n.borderAlpha:t?.shape?.border?.alpha??n.borderAlpha),e.style.borderRadius=o},me=({target:e,isDark:t,baseDimension:n,fallback:r})=>{let i=T(r.shadowColorLight,r.shadowColorAlpha),a=T(r.shadowColorDark,r.shadowColorAlpha),o=`0px 0px ${`calc(${n} * 0.25)`} ${`calc(${n} * 0.11)`} ${t?a:i}`;e.style.boxShadow=o},he=({target:e,layoutParams:t,fallback:n})=>{let r=t.angle??n.angle;r&&=r*-1,e.style.transform=`rotate(${r}rad)`},D=require(`@vkontakte/videoplayer-shared`),ge=`interactive-control-tap`,O={common:ge,animation:`${ge}-animation`,visible:`${ge}-visible`},_e=60;class ve{element;controlRotateAngleRad;clickCancelCondition;circleDiameterPx;useDimensionsBasedSize;constructor({controlRotateAngleRad:e,clickCancelCondition:t,circleDiameterPx:n=_e,useDimensionsBasedSize:r=!1}){let i=document.createElement(`div`);i.classList.add(O.common),this.controlRotateAngleRad=e,this.element=i,this.clickCancelCondition=t,this.circleDiameterPx=n,this.useDimensionsBasedSize=r}onElementClick=e=>{if(!e.target||!e.currentTarget||this.clickCancelCondition())return;let t=e.currentTarget.parentElement;if(!t)return;let n=t.getBoundingClientRect(),r={width:this.useDimensionsBasedSize?t.offsetWidth:this.circleDiameterPx,height:this.useDimensionsBasedSize?t.offsetHeight:this.circleDiameterPx},i=Math.min(r.width,r.height),a=n.left+n.width/2,o=n.top+n.height/2,s=ye(e.clientX-a,e.clientY-o,this.controlRotateAngleRad);this.element.style.width=i+`px`,this.element.style.left=s.x+n.width/2-i/2+`px`,this.element.style.top=s.y+n.height/2-i/2+`px`,this.element.classList.add(O.visible,O.animation)};onAnimationEnd=e=>{e.stopPropagation(),!(!e.target||!e.currentTarget)&&e.target===e.currentTarget&&this.element.classList.remove(O.visible,O.animation)}}function ye(e,t,n){return{x:e*Math.cos(n)-t*Math.sin(n),y:e*Math.sin(n)+t*Math.cos(n)}}function be(e){return`features`in e}var k=`interactive-control`,A={common:k,selected:`${k}-selected`,wrapper:`${k}-wrapper`,disabled:`${k}-disabled`,button:`${k}-button`,area:`${k}-area`,text:`${k}-text`,blinkAnim:`${k}-blink-anim`,blinkAnimButton:`${k}-blink-anim-button`,blinkAnimArea:`${k}-blink-anim-area`},xe=40,j=require(`@interactiveplatform/movika-manifest`),Se={metadata:`Object`,chapters:`Array`},Ce=e=>{if(!S(e))return!1;for(let t in Se){let n=e[t];if(!n||!x(n,Se[t]))return!1}return j.isSupportedManifest(e.metadata.version)};function M(e){return e.type===j.ControlTypes.Text}function we(e){return e.type===j.ControlTypes.Button}function Te(e){return e.type===j.ControlTypes.Area}var Ee={Choice:`Choice`,TextInput:`TextInput`},De={Button:`Button`,Area:`Area`,Text:`Text`},Oe={onClick:`onClick`,onSuspense:`onSuspense`},ke={openURI:`openURI`,setNextBranch:`setNextBranch`,setWeightlessRandomBranch:`setWeightlessRandomBranch`,setRandomBranch:`setRandomBranch`,setMaxWeightBranch:`setMaxWeightBranch`,setMinWeightBranch:`setMinWeightBranch`,setDefaultBranch:`setDefaultBranch`,continuePlayback:`continuePlayback`,expect:`expect`},Ae=e=>te(e)&&!oe(e),N=e=>e.order===`end`,je=e=>te(e.containers)&&!oe(e.containers)&&N(e),Me=(e,t)=>{let n=e*1e3;return Ae(t.controls)&&n<(t.startTime??0)},Ne=(e,t)=>{let n=e*1e3;return Ae(t.controls)&&n>=(t.startTime??0)&&n<=(t.endTime??1/0)},P=(e=[])=>e.some(e=>e.action.type===`expect`),Pe=(e=[])=>e.find(e=>e.action.type===`expect`),Fe=e=>e?.length===1,F=e=>Fe(e)&&M(e[0]);function Ie(e=[],t=1/0,n=[]){return e.filter(({container:e})=>!n.includes(e.container.id)&&P(e.container.events)&&e.container.endTime===t&&!e.isRemoved&&!e.willRemoved)}function I({gameControllers:e=[],subjectName:t,subjectId:n,execFn:r}){for(let i of e)if(t===`container`&&i.container.container.id===n){r(i),Ie(e,i.container.container.endTime,[i.container.container.id]).forEach(e=>{r(e)});break}}function Le(e){for(let t of e.events)if(t.action.type===`openURI`)return!0;return!1}var Re=(e,t)=>{let n=P(e.events)&&!(e=>t.find(({container:t})=>t.container.id===e)?.container.isRemoved)(e.id),r=(t,n=!1,r=!1)=>{let i=r?`every`:`some`;return t.controls[i](r=>{let a=n?t.endTime===e.endTime:!0;return r.events?.[i](e=>e.action?.type===j.EventActionTypes.openURI)&&a})},i=e=>e.some(({container:e})=>r(e.container,!0,!1)&&!e.isRemoved),a=e=>e.every(({container:e})=>e.isRemoved||e.willRemoved?!0:r(e.container,!0,!0)),o=Ie(t,e.endTime,[e.id]).length,s=e=>e.controls.some(e=>e.events?.some(e=>e.action?.args?.shouldOpenNow)),c=n||o>0,l=i(t),u=r(e),d=a(t),f=n?!1:o>0,p=s(e);return{isExpectTime:c,hasOtherExpect:o>0,hasOpenURIEvent:l,hasOpenURIEventInCurrentContainer:u,isAllOpenURIEventsValid:d,isExpectEventForCurrentContainer:f,hasShouldOpenNowEvent:p}};class L{control;options;container=null;controlElement=null;subscriptions=new D.Subscription;error$=new D.Subject;controlTap;isInteracted=!1;isRemoved=!1;cssVarsManager=null;constructor(e,t=void 0){this.control=e,this.options=t}setCssVarsManager(e){this.cssVarsManager=e}onControlSelect=()=>{this.container?.isManifestContainerDisabled()||Le(this.control)||this.container?.element?.classList.add(`interactive-control-wrapper-selected`)};removeView(e=!1){let t=this.getElement();if(t){if(e){if(t.classList.contains(`interactive-control-before-remove`))return;t.classList.add(`interactive-control-before-remove`),this.subscriptions.add(D.fromEvent(t,`transitionend`).subscribe(this.onTransitionEnd,e=>this.onError(`${L.name} remove view transition error`,e))).add(D.fromEvent(t,`transitioncancel`).subscribe(this.onTransitionEnd,e=>this.onError(`${L.name} remove view transition error`,e)));return}this.removeListeners(),t.remove(),this.isRemoved=!0}}onTransitionEnd=e=>{e.stopPropagation(),!(!e.target||!e.currentTarget)&&e.target===e.currentTarget&&this.removeView()};onError(e=``,t){v({emitter$:this.error$,error:t,message:e,subjectId:this.control.id})}addControlTap(e){this.featureIsEnabled(`controlsTapPlace`)&&this.container&&(this.controlTap=new ve({controlRotateAngleRad:this.control.layoutParams.angle??E.angle,clickCancelCondition:this.container.isManifestContainerDisabled,circleDiameterPx:this.isTouch()?xe:void 0}),this.subscriptions.add(D.fromEvent(e,`click`).subscribe(this.controlTap.onElementClick,e=>this.onError(`Control click tap animation error`,e))).add(D.fromEvent(this.controlTap.element,`animationend`).subscribe(this.controlTap.onAnimationEnd,e=>this.onError(`Tap animationend error`,e))),this.container.element.append(this.controlTap.element))}createContainerElement(e){let t=document.createElement(`div`);t.classList.add(A.wrapper),e.setControlLayout(t,this.control.layoutParams),this.container={element:t,dimensions:(this.control.layoutParams.innerSizesDependOn??E.innerSizesDependOn)===`self`?{height:t.style.height,width:t.style.width}:{height:this.cssVarsManager?.getPropValue(`--interactive-content-height`)??0,width:this.cssVarsManager?.getPropValue(`--interactive-content-width`)??0},isManifestContainerDisabled:()=>e.isContainerDisabled?.()??!1}}createClickListener(e){return t=>{t.stopPropagation(),this.isInteracted=!0,e()}}featureIsEnabled(e){return!!(this.options&&be(this.options)&&this.options.features[e])}isTouch(){return!!(this.options&&be(this.options)&&this.options.isTouch)}setEvents(e){!this.container||!this.control.events||this.control.events.forEach(t=>{switch(t.type.trim().toLowerCase()){case`onclick`:if(!this.container)break;this.subscriptions.add(D.fromEvent(this.container.element,`click`).subscribe(this.createClickListener(()=>e({action:t.action,controlId:this.control.id,controlType:this.control.type})),e=>this.onError(`Error happened on control interaction`,e)));break;default:break}})}removeListeners(){this.subscriptions.unsubscribe()}}var ze=`interactive-blink-anim-reference`,R={common:ze,animation:`${ze}-animation`,disabled:`${ze}-disabled`};class Be{_RAFId=0;_element=void 0;get element(){return this._element}create(){if(this._element)return;let e=document.createElement(`div`);e.classList.add(R.common,R.animation),this._element=e}restart(){this._element&&(this._element.classList.add(R.disabled),this.cleanupRAF(),this._RAFId=requestAnimationFrame(()=>{this._element&&(this._element.classList.remove(R.disabled),this.cleanupRAF())}))}cleanupRAF(){this._RAFId&&=(cancelAnimationFrame(this._RAFId),0)}destroy(){this.cleanupRAF(),this._element=void 0}}var Ve=`interactive-container`,z={common:Ve,hidden:`${Ve}-hidden`,disabled:`${Ve}-disabled`},He=(e,t)=>{if(e.type.trim().toLowerCase()===`area`)return new Ue(e,t)};class Ue extends L{constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;this.isInteracted=!1,this.isRemoved=!1;let n=document.createElement(`button`);n.type=`button`,n.classList.add(A.common,A.area),n.setAttribute(`data-testid`,`int_area`),fe({target:n,props:this.control.props,fallback:{...E,backgroundColor:`transparent`}}),he({target:n,layoutParams:this.control.layoutParams,fallback:E}),this.addControlTap(n),this.subscriptions.add(b.fromEvent(this.container.element,`click`).pipe(b.once()).subscribe(this.onControlSelect,e=>this.onError(`Control click handler error`,e))),this.container.element.append(n),e.append(this.container.element),this.controlElement=n,this.updateShadowStyles(),this.registerBlinkAnimationEvents()}registerBlinkAnimationEvents(){if(!this.featureIsEnabled(`controlsExpectTimeBlinkAnimation`))return;let e=this.container?.element.parentElement;!e||!this.controlElement||(this.subscriptions.add(b.fromEvent(this.controlElement,`mouseleave`).subscribe(()=>{if(e.classList.contains(z.disabled))return;let t=e.parentElement;if(t){let e=t.querySelector(`.${R.common}`);e&&this.syncBlinkAnimation(e)}},e=>this.onError(`Error happened in mouseleave callback`,e))),this.subscriptions.add(b.fromEvent(this.controlElement,`mouseenter`).subscribe(()=>{e.classList.contains(z.disabled)||this.onBlinkHovering()},e=>this.onError(`Error happened in mouseenter callback`,e))).add(b.fromEvent(this.controlElement,`mouseleave`).subscribe(()=>{this.controlElement&&(this.controlElement.style.animation=``)},e=>this.onError(`Error happened in mouseleave callback`,e))))}disable(){this.controlElement&&this.controlElement.classList.add(A.disabled)}enable(){this.controlElement&&this.controlElement.classList.remove(A.disabled)}getElement(){return this.controlElement}updateShadowStyles(e){if(!(!this.container||!this.controlElement))if(ie(e)){let t=Math.min(this.controlElement.offsetWidth,this.controlElement.offsetHeight)+`px`;me({target:this.controlElement,props:this.control.props,fallback:E,isDark:e,baseDimension:t}),pe({target:this.controlElement,props:this.control.props,fallback:{...E,borderColor:e?E.shadowColorDark:E.shadowColorLight,borderAlpha:1,borderWidthRawValue:`0.1px`,roundCornersRawValue:`calc(${this.container.dimensions.height} * ${this.control.props?.shape?.roundCorners??E.roundCorners})`},dependsOn:this.container.dimensions,useRawValues:!0})}else pe({target:this.controlElement,props:this.control.props,fallback:{...E,borderAlpha:0},dependsOn:this.container.dimensions})}toggleBlinkAnimation(e){this.controlElement?.classList.toggle(A.blinkAnim,e),this.controlElement?.classList.toggle(A.blinkAnimArea,e)}syncBlinkAnimation(e){this.controlElement&&(!this.controlElement.classList.contains(`${A.blinkAnimArea}`)||this.controlElement.classList.contains(A.selected)||this.controlElement.classList.contains(R.disabled)||(this.controlElement.classList.add(R.disabled),this.subscriptions.add(b.fromEvent(e,`animationiteration`).pipe(b.once()).subscribe(()=>{this.controlElement&&this.controlElement.classList.remove(R.disabled)},e=>this.onError(`Error happened in animationiteration callback`,e)))))}onBlinkHovering(){if(!this.controlElement||!this.controlElement.classList.contains(`${A.blinkAnimArea}`)||this.controlElement.classList.contains(A.selected))return;let e=window.getComputedStyle(this.controlElement),t=e.getPropertyValue(`--interactive-area-hover-opacity`).trim();this.controlElement.style.opacity=e.opacity,this.controlElement.style.animation=`none`,requestAnimationFrame(()=>{this.controlElement&&(this.controlElement.style.opacity=t)})}setShowTimeRange(){}updateFillAnimationDimensions(){}onProgress(){}onResize(){}}var B=require(`@vkontakte/videoplayer-shared`),We=e=>{let t=document.createElement(`span`);switch(e){case`Button`:case`button`:{let e=document.createElement(`div`);return Object.assign(e.style,{overflow:`hidden`,display:`flex`,justifyContent:`center`,alignItems:`center`}),e.append(t),Object.assign(t.style,{display:`inline-block`,whiteSpace:`pre`,textOverflow:`ellipsis`,maxWidth:`initial`,maxHeight:`100%`,wordBreak:`normal`}),e}default:return Object.assign(t.style,{display:`inline-block`,whiteSpace:`break-spaces`,overflow:`hidden`,textOverflow:`ellipsis`,maxWidth:`100%`,maxHeight:`100%`,wordBreak:`break-all`}),t}},V=Math.PI,Ge=2*V,H=V/2,Ke=3*H,qe=[0,H,V,Ke];function Je(e){return e===H}function Ye(e){return e===V}function Xe(e){return e===Ke}function Ze(e){return(e%Ge+Ge)%Ge}function Qe(e){for(let t of qe)if(e===t)return t}function $e(e){return Qe(e)?null:[1,2,3,4][Math.floor(e/H)+1-1]}function et(e){return e*180/Math.PI}var U=`interactive-control-fill-animation`,W={common:U,fillerWrapper:`${U}-filler-wrapper`,filler:`${U}-filler`,fillHeight:`${U}-fill-height`,fillWidth:`${U}-fill-width`,fromTop:`${U}-from-top`,fromBottom:`${U}-from-bottom`,fromLeft:`${U}-from-left`,fromRight:`${U}-from-right`};class tt{fillAnimationElement;fillAnimationFillerElement;fillAnimationFillerWrapperElement;startTime;endTime;shouldFillHeight;widthExpansionCoef=0;isDebug;fromLeft;useSkew;rotateAngle;constructor(e){let t=document.createElement(`div`);t.classList.add(W.common);let n=document.createElement(`div`);n.classList.add(W.fillerWrapper);let r=document.createElement(`div`);r.classList.add(W.filler),n.append(r),t.append(n);let i=Ze(e.rotateAngle),a=$e(i),o=a!==null,s=a===2||!o&&Ye(i)||a===3,c=!o&&Je(i),l=!o&&Xe(i),u=!s&&!c&&!l,d=c||l,f=o&&!d,p=f?i:0;t.style.borderRadius=e.borderRadius,n.style.transform=`skew(${p*-1}rad)`,d?(r.classList.add(W.fillHeight,c?W.fromTop:W.fromBottom),n.classList.add(W.fillHeight,c?W.fromTop:W.fromBottom)):(r.classList.add(W.fillWidth,u?W.fromLeft:W.fromRight),n.classList.add(W.fillWidth)),e.debug&&console.log(`[interactive ${tt.name}]`,{widthExpansionCoef:this.widthExpansionCoef,opts:e,shouldFillHeight:d,rotateAngleRad:i,rotateAngelDeg:et(i),rotateAngleRaw:e.rotateAngle,fromRight:s,fromTop:c,fromBottom:l,fromLeft:u}),this.useSkew=f,this.fromLeft=u,this.rotateAngle=i,this.fillAnimationElement=t,this.fillAnimationFillerElement=r,this.fillAnimationFillerWrapperElement=n,this.startTime=e.startTime,this.endTime=e.endTime,this.shouldFillHeight=d,this.isDebug=e.debug??!1}updateDimension(e){this.fillAnimationElement.style.top=`${e.borderWidth*-1}px`,this.fillAnimationElement.style.left=`${e.borderWidth*-1}px`,this.fillAnimationElement.style.width=`${e.width}px`,this.fillAnimationElement.style.height=`${e.height}px`;let t=this.calcWidthExpansionCoef({rotateAngle:this.rotateAngle,isSkewed:this.useSkew,initWidth:e.width,initHeight:e.height});!this.shouldFillHeight&&(this.fillAnimationFillerWrapperElement.style.width=100*t+100+`%`,this.fillAnimationFillerWrapperElement.style[`${this.fromLeft?`left`:`right`}`]=`calc((${t} * 100%) / 2 * -1)`),this.widthExpansionCoef=t}updateAnimation(e){if((e=>e<this.startTime||e>this.endTime)(e))return;let t=this.endTime-this.startTime,n=Math.min(Math.max((e-this.startTime)/t,0),1);this.shouldFillHeight?this.fillAnimationFillerElement.style.transform=`scaleY(${n})`:this.fillAnimationFillerElement.style.transform=`scaleX(${n})`}calcWidthExpansionCoef({rotateAngle:e,isSkewed:t=!1,initWidth:n,initHeight:r}){return t?(n+r*Math.abs(Math.tan(e)))/n-1:0}}var nt=(e,t)=>{if(e.type.trim().toLowerCase()===`button`)return new rt(e,t)};class rt extends L{startTime;endTime;controlFillAnimation;constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;this.isInteracted=!1,this.isRemoved=!1;let n=document.createElement(`button`);n.type=`button`,n.classList.add(A.common,A.button),n.setAttribute(`data-testid`,`int_bttn`),he({target:n,layoutParams:this.control.layoutParams,fallback:E}),fe({target:n,props:this.control.props,fallback:E}),pe({target:n,props:this.control.props,fallback:E,dependsOn:this.container.dimensions}),ue({target:n,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let r=We(this.control.type.trim().toLowerCase());de({target:r.firstElementChild??r,props:this.control.props,fallback:E,dependsOn:this.container.dimensions}),this.addControlTap(n),this.startTime!==void 0&&this.endTime!==void 0&&this.featureIsEnabled(`controlsFillAnimation`)&&(this.controlFillAnimation=new tt({startTime:this.startTime,endTime:this.endTime,rotateAngle:this.control.layoutParams.angle??E.angle,borderRadius:n.style.borderRadius})),this.subscriptions.add(B.fromEvent(n,`click`).pipe(B.once()).subscribe(this.onControlSelect,e=>this.onError(`Control click handler error`,e))),n.append(r,this.controlFillAnimation?.fillAnimationElement??``),this.container.element.append(this.controlTap?.element??``,n),e.append(this.container.element),this.controlElement=n,this.registerBlinkAnimationEvents()}registerBlinkAnimationEvents(){if(!this.featureIsEnabled(`controlsExpectTimeBlinkAnimation`))return;let e=this.container?.element.parentElement;!e||!this.controlElement||(this.subscriptions.add(B.fromEvent(this.controlElement,`mouseleave`).subscribe(()=>{if(e.classList.contains(z.disabled))return;let t=e.parentElement;if(t){let e=t.querySelector(`.${R.common}`);e&&this.syncBlinkAnimation(e)}},e=>this.onError(`Error happened in mouseleave callback`,e))),this.subscriptions.add(B.fromEvent(this.controlElement,`mouseenter`).subscribe(()=>{e.classList.contains(z.disabled)||this.onBlinkHovering()},e=>this.onError(`Error happened in mouseenter callback`,e))).add(B.fromEvent(this.controlElement,`mouseleave`).subscribe(()=>{this.controlElement&&(this.controlElement.style.animation=``)},e=>this.onError(`Error happened in mouseleave callback`,e))))}disable(){this.controlElement&&this.controlElement.classList.add(A.disabled)}enable(){this.controlElement&&this.controlElement.classList.remove(A.disabled)}getElement(){return this.controlElement}toggleBlinkAnimation(e){this.controlElement?.classList.toggle(A.blinkAnim,e),this.controlElement?.classList.toggle(A.blinkAnimButton,e)}syncBlinkAnimation(e){this.controlElement&&(!this.controlElement.classList.contains(`${A.blinkAnimButton}`)||this.controlElement.classList.contains(A.selected)||this.controlElement.classList.contains(R.disabled)||(this.controlElement.classList.add(R.disabled),this.subscriptions.add(B.fromEvent(e,`animationiteration`).pipe(B.once()).subscribe(()=>{this.controlElement&&this.controlElement.classList.remove(R.disabled)},e=>this.onError(`Error happened in animationiteration callback`,e)))))}onBlinkHovering(){if(!this.controlElement||!this.controlElement.classList.contains(`${A.blinkAnimButton}`)||this.controlElement.classList.contains(A.selected))return;let e=window.getComputedStyle(this.controlElement),t=e.getPropertyValue(`--interactive-button-hover-opacity`).trim();this.controlElement.style.opacity=e.opacity,this.controlElement.style.animation=`none`,requestAnimationFrame(()=>{this.controlElement&&(this.controlElement.style.opacity=t)})}updateFillAnimationDimensions(){if(!this.container||!this.controlElement||!this.controlFillAnimation)return;let e=getComputedStyle(this.controlElement),t={width:parseFloat(e.width),height:parseFloat(e.height),borderWidth:parseFloat(e.borderWidth)||0};this.controlFillAnimation.updateDimension(t)}setShowTimeRange(e,t){this.startTime=e,this.endTime=t}onProgress(e){this.controlFillAnimation?.updateAnimation(e)}onResize(){this.updateFillAnimationDimensions()}updateShadowStyles(){}}var it=(e,t)=>{if(e.type.trim().toLowerCase()===`text`)return new at(e,t)};class at extends L{constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;this.isInteracted=!1,this.isRemoved=!1;let n=document.createElement(`div`);n.classList.add(A.common,A.text),n.setAttribute(`data-testid`,`int_text`),he({target:n,layoutParams:this.control.layoutParams,fallback:E}),ue({target:n,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let r=We(this.control.type.trim().toLowerCase());de({target:r.firstElementChild??r,props:this.control.props,fallback:E,dependsOn:this.container.dimensions}),n.append(r),this.container.element.append(n),e.append(this.container.element),this.controlElement=n}getElement(){return this.controlElement}disable(){}enable(){}onProgress(){}onResize(){}updateShadowStyles(){}toggleBlinkAnimation(){}setShowTimeRange(){}updateFillAnimationDimensions(){}}var ot=(e,t,n,r)=>{if(e.type.trim().toLowerCase()===`choice`)return new st(e,t,n,r)};class st extends y{rootElement;containerElement=null;layout;subscriptions=new f.Subscription;isRemoved;isDisabled;willRemoved;cssVarsManager;constructor(e,t,n,r){super(e,n,r),this.rootElement=t,this.layout=new m(this.container.layout,n),this.cssVarsManager=n,this.isRemoved=!1,this.isDisabled=!1,this.addControlFactory(`button`,nt),this.addControlFactory(`text`,it),this.addControlFactory(`area`,He)}createView({eventCallback:e,videoDurationMs:t}){let n=document.createElement(`div`);return n.classList.add(z.common,z.disabled),n.setAttribute(`data-subjectId`,this.container.id),requestAnimationFrame(()=>{n.classList.remove(z.disabled)}),this.layout.setContainerLayout(n),this.controls.forEach(r=>{r.setShowTimeRange(this.container.startTime,this.container.endTime??t),r.setCssVarsManager(this.cssVarsManager),r.createView({parentElement:n,callbacks:{setControlLayout:(e,t)=>this.layout.setControlLayout(e,t),isContainerDisabled:()=>this.isDisabled}}),r.setEvents(e),this.subscriptions.add(r.error$.subscribe(this.error$))}),this.rootElement.append(n),this.isRemoved=!1,this.willRemoved=!1,this.containerElement=n,this.updateControlsFillAnimationDimensions(),n}updateControlsFillAnimationDimensions(){for(let e of this.controls)e.updateFillAnimationDimensions()}hide(){let e=this.getElement();e&&e.classList.add(z.hidden)}show(){let e=this.getElement();e&&e.classList.remove(z.hidden)}enable(){let e=this.getElement();e&&(e.classList.remove(z.disabled),this.controls.forEach(e=>e.enable()),this.isDisabled=!1)}disable(){let e=this.getElement();e&&(e.classList.add(z.disabled),this.controls.forEach(e=>e.disable()),this.isDisabled=!0)}removeView(e=!1,t=!1){let n=this.getElement();if(n){if(e){if(this.willRemoved)return;this.willRemoved=!0,t&&n.classList.add(`interactive-container-before-remove-delay`),n.classList.add(`interactive-container-before-remove`),this.subscriptions.add(f.fromEvent(n,`transitionend`).subscribe(this.onTransitionEnd,e=>this.onError(`${st.name} remove view transition error`,e))).add(f.fromEvent(n,`transitioncancel`).subscribe(this.onTransitionEnd,e=>this.onError(`${st.name} remove view transition error`,e)));return}this.subscriptions.unsubscribe(),this.removeAllControls(),n.remove(),this.isRemoved=!0,this.willRemoved=!1,this.containerElement=null}}onTransitionEnd=e=>{e.stopPropagation(),!(!e.target||!e.currentTarget)&&e.target===e.currentTarget&&this.removeView()};removeAllControls(e=!1){this.controls.forEach(t=>t.removeView(e))}removeNonInteractedControls(e=!1){this.controls.forEach(t=>{t.isInteracted||t.removeView(e)})}isInteracted(){return this.controls.some(e=>e.isInteracted)}fakeRemove(){this.isRemoved||=!0}getElement(){return this.containerElement}onProgress(e,t){t&&this.controls.forEach(t=>{t.onProgress(e)})}onResize(e){e&&this.controls.forEach(e=>{e.onResize()})}updateControlsShadowStyles(e){this.controls.forEach(t=>t.updateShadowStyles(e))}toggleBlinkAnimation(e){this.controls.forEach(t=>t.toggleBlinkAnimation(e))}}var G=require(`@vkontakte/videoplayer-shared`),K=require(`@vkontakte/videoplayer-statistics`),ct=require(`@vkontakte/videoplayer-shared`);function lt(e,t){let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}}var ut=`video_interactive`,dt=`videoint`,ft=250;class pt{isHidden;currentManifestId;currentChapterId;visitedChapterIds;onOpenPreviewClick;onError;lang;zoom;lastZoomInfo;isReady;ngEditor;ngEditorSize;graphWrapperElement;resizeObserver;manifest;constructor(e){this.init(e)}init({root:e,onOpenPreviewClick:t,onError:n,lang:r,visitedChapters:i=[]}){this.isReady=!1,this.isHidden=!0,this.manifest=null,this.visitedChapterIds=new Set(i),this.onOpenPreviewClick=t,this.onError=n,this.lang=r??`ru`,this.zoom=.7,this.lastZoomInfo=null,this.currentManifestId=null,this.currentChapterId=null,this.ngEditor=null,this.ngEditorSize=null,this.graphWrapperElement=mt(e),this.resizeObserver=new ResizeObserver(lt(this.onResize,ft)),this.resizeObserver.observe(this.graphWrapperElement)}handleZoomChange=lt(e=>{this.lastZoomInfo=e},ft);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,void 0,{isFromCenter:!0}),this.ngEditorSize={width:e[0].contentRect.width,height:e[0].contentRect.height}};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]}handleChapterChange=e=>{if(this.manifest){if(this.isHidden||this.hide(),!e?.id){this.onError?.(`Chapter 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}};handleManifestChange=(e,t=[])=>{if(this.isReady=!1,!ne(e.graph.edit.chapters[0].x)){this.onError?.(`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.setVisitedChapters(Array.from(t)):(this.ngEditor.update(e),this.currentManifestId=this.manifest.metadata.id),this.isReady=!0)};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 ct.loadVKLangPack(this.lang,ut,dt)}catch{this.onError?.(`Unable to load graph language pack`)}let{GraphEditor:t}=await import(`@interactiveplatform/movika-graph-editor`);this.ngEditor=new t(this.graphWrapperElement,{mode:`view`,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:e,...t})=>{e===`openPreview`&&`chapterId`in t&&this.onOpenPreviewClick?.(t.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 mt(e){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`,e.append(t),t}var ht=3e3;class gt{_containers=[];_player=null;setPlayer=e=>{this._player=e};setContainers=e=>{this._containers=e};deleteContainer=e=>{this._containers=this._containers.filter(t=>t.id!==e)};getNextInteractiveTime=(e=ht)=>{if(!this._containers.length||this._player===null)return null;let t=-1,n=!1,r=Math.round(this._player.info.position$.getValue()*1e3);for(let i of this._containers){let a=i.startTime-e;if(a<=r&&(i.endTime&&r<=i.endTime||i.endTime===null)){n=!0;break}r<a&&(t=t===-1?a:Math.min(t,a))}return!n&&t!==-1?t:null}}class _t{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 n=()=>{t(),this.off(e,n)};return this.listeners[e].push(n),this}off(e,t){return this.removeListener(e,t)}reset(){this.listeners={}}removeListener(e,t){let n=this.listeners[e]||[];for(let e=n.length;e>0;e--)if(n[e]===t){n.splice(e,1);break}return this}emit(e,...t){let n=this.listeners[e];return n?(n.forEach(e=>{e(...t)}),!0):!1}listenerCount(e){return this.rawListeners(e).length}rawListeners(e){return this.listeners[e]||[]}}class vt{raf;fn;fns=[];constructor(e){e&&(this.fn=e,this.addFn(e))}addFn=(e,t=!1)=>{re(e)&&(this.fns.push(e),t&&this.updateFn())};removeFn=(e,t=!1)=>{this.fns=this.fns.filter(t=>t!==e),t&&this.updateFn()};updateFn=()=>{this.fn=()=>{this.fns.forEach(e=>e()),this.raf&&this.forceRequestAnimation()}};forceRequestAnimation=()=>{this.fn&&(this.raf=requestAnimationFrame(this.fn))};requestAnimation=()=>{this.raf||this.forceRequestAnimation()};cancelAnimation=()=>{this.raf&&=(cancelAnimationFrame(this.raf),void 0)};release(){this.cancelAnimation(),this.fn=void 0,this.fns=[]}}class yt{rootElement;isCssVarsSupported;rootElementProps={};constructor(e){this.rootElement=e,this.isCssVarsSupported=yt.checkCssVarsSupport(e)}static checkCssVarsSupport(e){let t=`--test-key`,n=`test`;e.style.setProperty(t,n);let r=e.style.getPropertyValue(t)===n;return r&&e.style.removeProperty(t),r}getPropValue(e){return this.isCssVarsSupported?`var(${e})`:this.rootElementProps[e]??``}setup(e){if(this.rootElementProps={...this.rootElementProps,...e},this.isCssVarsSupported)for(let[t,n]of Object.entries(e))this.rootElement.style.setProperty(t,n)}cleanup(){for(let e in this.rootElementProps)this.rootElement.style.removeProperty(e);this.rootElementProps={}}setProp(e,t){this.rootElementProps[e]=t,this.isCssVarsSupported&&this.rootElement.style.setProperty(e,t)}}var bt=require(`@vkontakte/videoplayer-shared`);class xt{loaders;constructor(e){this.loaders={chapterLoaders:e?.chapterLoaders??[],manifestLoaders:e?.manifestLoaders??[]}}async exec(e,t){return St(...this.loaders[e])(t)}}function St(...e){return async function(t){let n=[...e];for(;n.length>0;)t=await n.shift()(t);return t}}function q(e,t,n){return e?{...e,[t]:e[t]?[n,...e[t]]:[n]}:{[t]:[n]}}function Ct({actions:e,errors:t,chapterId:n,...r}){if(n){let i=e.getManifest();if(i){let a=e.getChapter(i.chapters,n);if(a){let n=e.getMedia(i.media,a.videoId),o=e.getGraph(i.graph,a.id);return n?{...r,actions:e,errors:t,result:{chapter:a,media:n,graph:o}}:{...r,errors:q(t,Ct.name,`Could not find media`),actions:e}}}}return{...r,errors:q(t,Ct.name,`Could not find chapter`),actions:e}}var wt=require(`@vkontakte/videoplayer-shared`),Tt=(e=``,t=``)=>{let n=e.split(`.`),r=t.split(`.`),i=0;for(let e=0;e<Math.max(n.length,r.length)&&!i;e++)i=n[e]>r[e]?1:n[e]<r[e]?-1:0;return i},Et=async e=>{try{let t={},n;if(ee(e)){n=new URL(e).href;let r=await wt.fetchPolyfilled(n);if(!r.ok)return{};t=await r.json()}else if(S(e))t=e;else return{};if(!Ce(t))return{};let r=t.metadata.media;if(ee(r)&&!(`media`in t))try{let e;n?e=new URL(r,n).href:(e=new URL(r).href,n=e);let i=await wt.fetchPolyfilled(e);if(!i.ok)throw Error();t.metadata.media=await i.json()}catch{return Nt(t.metadata.version)?{manifest:t}:{}}return{manifest:t,manifestURL:n}}catch{return{}}};async function Dt(e){let{manifest:t,manifestURL:n}=await Et(e);if(!t)throw Error(`Failed on fetch`);let r=j.migrateManifestToLatestVersion(t);return r.media=jt(r.media,n),delete r.metadata.media,r}function Ot(e,t){if(t)return e.find(e=>e.id===t)}function kt(e,t){if(e.edit?.chapters)return e.edit.chapters.find(e=>e.id===t);if(e.view?.chapters)return e.view.chapters.find(e=>e.id===t)}function At(e,t){return e.videos.find(e=>e.id===t)}function jt(e,t){return{...e,videos:e.videos.map(e=>({...e,variants:e.variants.map(e=>{let n=`url`in e?e.url:``,r=Mt(n,t);return{...e,url:r||n}})}))}}function Mt(e=``,t){try{return new URL(e,t).href}catch{return``}}function Nt(e){return Tt(e,`3.2.0`)>=0}class Pt extends xt{manifest=null;chapter=null;media=null;graph=null;prevChapter$=new bt.ValueSubject(null);onError;constructor(e,t){super(e),this.onError=t,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 t=await this.exec(`manifestLoaders`,{actions:{addErrorMessage:q},result:null,errors:null,source:e});return t.errors&&this.errorHandler(t.errors),this.manifest=await Dt(t.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 t=await this.exec(`chapterLoaders`,Ct({actions:{getManifest:()=>this.manifest,getCurrent:this.getCurrent,getGraph:kt,getChapter:Ot,getMedia:At,getByBranches:this.getByBranches.bind(this),addErrorMessage:q},result:null,errors:null,chapterId:e}));return t.errors&&this.errorHandler(t.errors),t.result&&(this.chapter=t.result.chapter,this.media=t.result.media,this.graph=t.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 t=Ot(this.manifest.chapters,e);if(t){let e=At(this.manifest.media,t.videoId),n=kt(this.manifest.graph,t.id);if(e)return{chapter:t,media:e,graph:n}}return null}getBranches(e=this.chapter?.id){if(e===this.chapter?.id)return this.getByBranches(this.chapter?.branches);{let t=Ot(this.manifest?.chapters||[],e);return this.getByBranches(t?.branches)}}getByBranches(e=[]){return e.reduce((e,t)=>{let n=this.getByChapterId(t.chapterId);return n&&e.push(n),e},[])}getCurrent(){return{chapter:this.chapter,media:this.media,graph:this.graph}}isInitialChapter(){return this.chapter?.id===this.manifest?.metadata.initChapterId}isEndChapter(){return this.chapter?N(this.chapter):!1}}var Ft=require(`@vkontakte/videoplayer-core`),J=require(`@vkontakte/videoplayer-shared`),It=e=>{let t=e.variants.find(e=>e.payload?.type===`vk`);if(t&&t.payload){let[e,n]=t.payload.id.split(`_`);return[e,n]}return[]};function Lt(){let e=new Map;function t({listId:t=Math.random().toString(),itemId:n=Math.random().toString(),...r}){let i=e.get(t),a={...r};return i?i[n]=a:e.set(t,{[n]:a}),{listId:t,itemId:n,...r}}function n(e){e.player.destroy(),e.container.remove(),e.subscription.unsubscribe(),e.statistics?.oneStat.destroy(),e.statistics?.statSubscription.unsubscribe()}function r(t,r){let i=e.get(t);if(!i)throw Error(`Can't remove. Not find.`);if(r){let a=i[r];a&&n(a),delete i[r],Object.keys(i).length||e.delete(t)}else{for(let e of Object.values(i))n(e);e.delete(t)}}function i(){for(let t of e)r(t[0])}return{createPlayer:t,removePlayer:r,map:e,removeAll:i}}function Rt(e,t=[]){let n={},r,i=!t.length;for(let a of e.variants)if(!r&&`cover`in a&&(r=a.cover),`url`in a)switch(a.type.toLowerCase()){case`mp4`:(i||t.includes(`mp4`))&&(n.MPEG={...n.MPEG,[a.standard??`Invariant quality`]:a.url});break;case`mpeg`:(i||t.includes(`mpeg`))&&(n.MPEG={...n.MPEG,[a.standard??`Invariant quality`]:a.url});break;case`hls`:(i||t.includes(`hls`))&&(n={...n,HLS:{type:`url`,url:a.url}});break;case`dash`:(i||t.includes(`dash`))&&(n={...n,DASH_SEP:{compatibilityMode:!0,type:`url`,url:a.url}});break;default:break}return{sources:n,thumbUrl:r,title:e.title??``}}var Y=(e,t)=>{let n=e.info.currentQuality$.getValue(),r=e.info.availableQualities$.getValue();n!==t&&r.includes(t)&&(e.setQuality(t),e.setAutoQuality(!1))},zt=2;function Bt(e){let t=Lt(),n=new J.Subscription,r={},i=null,a=!1,o,s=new J.ValueSubject(null);e&&c(e);function c(e){i=e}function l(e,n,o){if(!i)throw Error(`need to set interactive controller`);if(!i.options)return;let c=(t.map.get(e)??{})[n];if(c){r={chapterId:o,listId:e,itemId:n,...c};let l=r.player;r.subscription.add(l.info.currentQuality$.subscribe(e=>{let n=l.info.position$.getValue(),r=l.info.isAutoQualityEnabled$.getValue();if(!(!e||!n||r))for(let n of t.map)Object.values(n[1]).forEach(({player:t})=>{Y(t,e)})})).add(l.events.started$.subscribe(()=>{u(n)})),c.container.remove(),i.setPlayer(c.player),a||=(i.init(),!0),s.next({player:r.player,config:r.config,statistics:r.statistics});return}throw Error(`Can't set. Not find.`)}async function u(e){if(!i)throw Error(`need to set interactive controller`);if(C(r)||e!==r.itemId)return;let t=i.getChapterBranches(),n=new Set;for(let e of t)n.has(e.media.id)||(await f({media:e.media,chapterId:e.chapter.id,setAsActive:!1,title:e.chapter.label}),n.add(e.media.id))}async function d({chapter:{id:e},manifestVideo:n}){if(C(r)||!i)return;let a=r.player.info.muted$.getValue(),o=r.player.info.currentQuality$.getValue(),s=r.player.info.isAutoQualityEnabled$.getValue(),c=r.player.info.volume$.getValue(),u=r.player.info.currentPlaybackRate$.getValue(),d=!s,p=!1;for(let s of t.map)if(s[0]===n.id&&!i.state.isReplay$.getValue()){let n=Object.keys(s[1]);for(let i of n)i===r.itemId?(n.length<zt||(p=!0),t.removePlayer(s[0],i)):(p=!0,l(s[0],i,e),d?Y(r.player,o):r.player.setAutoQuality(!0),r.player.setVolume(c),r.player.setMuted(a),r.player.setPlaybackRate(u))}else t.removePlayer(s[0]);p||(await f({media:n,chapterId:e,setAsActive:!0,playbackRate:u}),d?Y(r.player,o):r.player.setAutoQuality(!0),r.player.setVolume(c),r.player.setMuted(a))}async function f({media:e,chapterId:n,prefetch:a=!0,setAsActive:s=!0,autoplay:c=!1,preferredExt:u,title:d,playbackRate:f}){let p=Math.random().toString(),m=document.createElement(`div`);o.append(m);let h;if(i?.options?.vkVideoLoader){let t=It(e);t.length&&(h=await i.options.vkVideoLoader(...t))}let g={...i?.options?.coreConfig||void 0},_={container:m,sources:Rt(e,u).sources,...h?.videos?.[0],title:d,failoverHosts:h?.failoverHosts||[]},v=new Ft.Player(g,J.TracerFactory.createRootTracer());v.initVideo(_);let y=null;if(h?.videos&&i?.options.createOneStat){let e=h.videos[0],t=i.options.createOneStat(e),n=new J.Subscription;t&&(n.add(t.attachTo(v)),y={oneStat:t,statSubscription:n})}let b=new J.Subscription,x=r?.player?.info.isAutoQualityEnabled$.getValue();b.add(v.events.canplay$.subscribe(function(){x||Y(v,r.player.info.currentQuality$.getValue()),f&&v.setPlaybackRate(f)}));let S=t.createPlayer({listId:e.id,itemId:p,player:v,container:m,sources:Rt(e,u).sources,config:_,subscription:b,statistics:y});return s&&l(e.id,S.itemId,n),c&&S.player.play(),a&&!c&&S.player.prepare(),{player:S.player,config:S.config,statistics:S.statistics}}function p(){m(),i=null,o.remove()}function m(){n.unsubscribe(),t.removeAll(),r={},a=!1}async function h(){if(!i)throw Error(`need to set interactive controller`);m(),o=document.createElement(`div`);let{media:e,chapter:t}=i.getCurrentChapter();e&&t?(n.add(i.events.chapterChanged$.subscribe(d)),await f({media:e,chapterId:t.id,title:t.label})):console.error(`not found`)}return{map:t.map,removePlayer:t.removePlayer,init:h,setInteractiveController:c,createPlayer:f,removeAll:p,getActivePlayer:function(){return r},activePlayerChanged:s}}var X={graph:`graph`,interactives:`interactives`,chapterChanged:`chapter-changed`,playerChanged:`player-changed`,manifestChanged:`manifest-changed`,errors:`errors`,eachTick:`eachTick`,historyInited:`history-inited`,historyDestroyed:`history-destroyed`},Vt={visibility:`visibility`,watchAgainClicked:`watchAgainClicked`},Z={actionChoiceCanceled:`action-choice-canceled`,actionChoice:`action-choice`,actionExecution:`action-execution`,visibility:`visibility`,containerRemoved:`container-removed`,rangeEnded:`range-ended`},Ht=require(`@vkontakte/videoplayer-shared`);function Ut(e){return function(...t){return e(...t.reverse())}}function Wt(e,...t){return(...n)=>S(t[0])&&S(n[0])?e({...t[0],...n[0]}):e(...t,...n)}class Gt{container;branches;selectBranches;subscription;player;interactiveEvents;getContainerEventState;isPermanentText;interactiveTimeOpenUri;disabledControls$;onRemove;globalEventEmitter;gameState;isSelectedControlEvent;isSelectedContainerEvent;globalEvents;onError;disableTextControlContainerVisibilityEvents;features;constructor({player:e,container:t,branches:n,selectBranches:r,interactiveEvents:i,globalEvents:a,globalEventEmitter:o,getContainerEventState:s,permanentTextControls:c,interactiveTimeOpenUri:l,disabledControls$:u,onRemove:d,onError:f,disableTextControlContainerVisibilityEvents:p=!1,features:m}){this.container=t,this.branches=n,this.selectBranches=r,this.subscription=new Ht.Subscription,this.player=e,this.interactiveEvents=i,this.getContainerEventState=s;let h=F(t.container.controls);this.isPermanentText=c&&h,this.disableTextControlContainerVisibilityEvents=p&&h,this.interactiveTimeOpenUri=l,this.disabledControls$=u,this.onRemove=d,this.globalEventEmitter=o,this.gameState=0,this.globalEvents=a,this.onError=f,this.features=m,this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.registerEvents()}emitContainerVisibilityEvent(e,t=!1){e?(this.globalEventEmitter.emit(X.interactives,{subjectId:this.container.container.id,subjectName:`container`,type:Z.visibility,visibility:e,isFirst:t}),this.globalEvents.interactiveVisibilityChanged$.next({subjectId:this.container.container.id,subjectName:`container`,type:`visibility`,visibility:e,isFirst:t})):(this.globalEventEmitter.emit(X.interactives,{subjectId:this.container.container.id,subjectName:`container`,type:Z.visibility,visibility:!1}),this.globalEvents.interactiveVisibilityChanged$.next({subjectId:this.container.container.id,subjectName:`container`,type:`visibility`,visibility:e}))}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?.()})),this.subscription.add(this.container.error$.subscribe(this.onError))}hide=()=>{setTimeout(()=>{this.gameState!==4&&(P(this.container.container.events)&&this.gameState===3||this.selectBranches.state.isExpect||(this.gameState!==2&&this.container.hide?.(),this.emitContainerVisibilityEvent(!1)))})};show=()=>{if(!(this.gameState!==2||this.isSelectedControlEvent))if(this.container.getElement()){let{hasOpenURIEventInCurrentContainer:e}=this.getContainerEventState();if(this.container.show?.(),this.interactiveTimeOpenUri&&e||this.disableTextControlContainerVisibilityEvents)return;this.emitContainerVisibilityEvent(!0,!1)}else{let e={isDisabled:()=>this.container.isDisabled,branches:this.branches,containerId:this.container.container.id,onDetachContainer:()=>{this.removeView(),this.emitContainerVisibilityEvent(!1)},onEvent:(e,t)=>{let{isExpectTime:n,hasOtherExpect:r,hasOpenURIEvent:i,hasOpenURIEventInCurrentContainer:a,isAllOpenURIEventsValid:o,hasShouldOpenNowEvent:s}=this.getContainerEventState(),c=this.interactiveTimeOpenUri&&!a,l=this.interactiveTimeOpenUri&&a;if((!this.interactiveTimeOpenUri||c)&&(this.isSelectedControlEvent=!0),e!==!1){if(!this.selectBranches.state.isExpect&&(!this.interactiveTimeOpenUri||c)){if(this.interactiveTimeOpenUri){let e=!r&&!o&&a;e&&this.globalEvents.interactiveContainerFakeRemoved$.next({subjectId:this.container.container.id,subjectName:`container`,type:`container-fake-removed`,removeAllOpenURI:e})}this.removeView()}this.emitContainerVisibilityEvent(!1)}if(this.gameState===4||this.gameState===3||this.selectBranches.state.isExpect||this.interactiveTimeOpenUri&&i&&this.gameState!==5){if(l){let e=((e,t,n,r)=>!e&&!t&&n||e&&!t&&n&&!r||e&&!t&&n&&r)(n,r,o,this.isSelectedContainerEvent);this.fakeRemoveView(e)}else this.removeView(),this.emitContainerVisibilityEvent(!1);(!n||!r||!s)&&(this.selectBranches.stopExpect(),t())}},isEOV:()=>this.gameState===4},t=Wt(this.selectBranches.onControlEvent,e),n=(this.player?.info.duration$.getValue()??1/0)*1e3;this.container.createView({eventCallback:t,videoDurationMs:n}),this.disableTextControlContainerVisibilityEvents||this.emitContainerVisibilityEvent(!0,!0),this.disabledControls$.getValue()&&this.container.disable?.()}};selectContainerEvent(e=!1){let{isExpectEventForCurrentContainer:t}=this.getContainerEventState();this.interactiveEvents.containersEventsCallState.setCalled({timestamp:e?1/0:this.container.container.endTime??1/0,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(),n=this.interactiveTimeOpenUri?e||t:P(this.container.container.events)||e;(this.isSelectedControlEvent||!n)&&this.removeView()}onBeforeStartTime(){this.container.hide?.(),this.emitContainerVisibilityEvent(!1)}onEndOfVideo=()=>{this.gameState=4,this.selectContainerEvent(!0)};whilePlaying=()=>{let e=this.player.experimental.element$.getValue(),t=e instanceof HTMLVideoElement;if(this.features.enableAvPlayerSupport&&(t||=e instanceof HTMLObjectElement&&e?.getAttribute(`type`)===`application/avplayer`),!(t&&e?.readyState)||this.isRemovedOrDestroyed()&&!this.isPermanentText)return;let n=this.player.getExactTime();if(Me(n,this.container.container))this.gameState!==1&&(this.gameState=1,this.onBeforeStartTime());else if(Ne(n,this.container.container))this.gameState!==2&&(this.gameState=2,this.onStartTime());else if(this.gameState!==3){let e=this.gameState;this.gameState=3,e===2&&this.onEndTime()}else{let{hasOpenURIEventInCurrentContainer:e}=this.getContainerEventState(),t=this.selectBranches.state.isExpect,n=this.interactiveTimeOpenUri&&e;if(n&&!t){let e=this.container.getElement();e&&(e.style.visibility!==`hidden`&&this.container.hide?.(),this.container.isRemoved||this.fakeRemoveView())}!this.isPermanentText&&!n&&this.removeView()}let r=Ne(n,this.container.container),i=this.container.container.startTime?[this.container.container.startTime,this.container.container.endTime??1/0]:[],a={subjectId:this.container.container.id,subjectName:`container`,range:i,currentTime:n,isInteractiveTime:r};this.container.onProgress(n*1e3,r),this.globalEventEmitter.emit(X.eachTick,a),this.globalEvents.eachTick$.next(a)};onResize(e){this.container.onResize(e)}reset(){this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.gameState=1}removeView(e=this.features.controlsHideAnimation){if(e){if(this.isRemovedOrDestroyed())return;this.container.removeNonInteractedControls(!0),this.container.removeView(!0,!0)}else this.container.removeView();this.globalEventEmitter.emit(X.interactives,{subjectId:this.container.container.id,subjectName:`container`,type:Z.containerRemoved,visibility:!1}),this.globalEvents.interactiveContainerRemoved$.next({subjectId:this.container.container.id,subjectName:`container`,type:`container-removed`}),this.gameState=5,this.onRemove?.()}fakeRemoveView(e=!1){this.container.isRemoved||this.globalEvents.interactiveContainerFakeRemoved$.next({subjectId:this.container.container.id,subjectName:`container`,type:`container-fake-removed`,removeAllOpenURI:e}),this.container.fakeRemove()}updateControlsShadowStyles(e){this.container.updateControlsShadowStyles(e)}toggleBlinkAnimation(e){this.container.toggleBlinkAnimation(e)}isInteracted(){return this.container.isInteracted()}isRemovedOrDestroyed(e=!0){let t=e?this.container.willRemoved:!1;return this.gameState===5||t||this.gameState===6}destroy(e=!1){this.reset(),this.removeView(e),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=(e=[])=>e.reduce((e,t,n)=>{if(Ae((t?.controls??[]).filter(e=>!M(e)))){let r=[t.startTime??0,t.endTime??1/0],i={id:t.id,isRemoved:!1};if(!n)e.push({subjects:[i],range:r});else{let t=[],n=-1/0,a=1/0,o=[],s=[];for(let c=0;c<e.length;c++){let l=e[c];if(s.push(...l.subjects),l.range[0]<a&&(a=l.range[0]),l.range[1]>n&&(n=l.range[1]),r[0]>=l.range[0]&&r[1]<=l.range[1])return e[c].subjects.push(i),e;r[0]<l.range[0]&&r[1]>l.range[0]&&(t.push(c),o=o.concat(l.subjects)),r[0]>=l.range[0]&&r[0]<=l.range[1]&&(t.push(c),o=o.concat(l.subjects),r[0]=l.range[0]),r[1]>=l.range[0]&&r[1]<=l.range[1]&&(t.push(c),o=o.concat(l.subjects),r[1]=l.range[1])}if(s.push(i),r[0]<=a&&r[1]>=n)return[{subjects:s,range:r}];t.length&&t.reverse().forEach(t=>{e.splice(t,1)}),e.push({subjects:o.concat([i]),range:r})}}return e},[]).sort((e,t)=>e.range[0]-t.range[0]);function qt(){let e={};function t(){for(let t in e)Object.prototype.hasOwnProperty.call(e,t)&&delete e[t]}function n(t){let n={};for(let r in e)+r<=t&&(n[r]=e[r]);return n}function r(t){let n={};for(let r in e)+r>=t&&(n[r]=e[r]);return n}function i({timestamp:t,priority:n,initiator:r}){if(ae(t)){let i=e[t]??null;if(i&&n&&w(n,!0)){let e={},t=i[n];return t&&(e={...e,...t}),e=C(e)?null:e,e&&w(r,!0)?e[r]??null:e}return i}return null}function a({timestamp:t,priority:n,initiator:r}){if(ae(t))if(e[t]){if(n&&w(n,!0))if(e[t][n]){if(r&&w(r,!0))if(e[t][n][r]){if(delete e[t][n][r],!C(e[t][n]))return!0}else return!1;if(delete e[t][n],!C(e[t]))return!0}else return!1;return delete e[t]}else return!1;return!1}function o({timestamp:t,priority:n,initiator:r,...i}){e[t]?.[n]?.[r]?e[t][n][r].push({...i}):e[t]?.[n]?e[t][n]={...e[t][n],[r]:[{...i}]}:e[t]?e[t]={...e[t],[n]:{[r]:[{...i}]}}:e[t]={[n]:{[r]:[{...i}]}}}return{map:e,remove:a,add:o,removeAll:t,get:i,getLte:n,getGte:r}}var Jt=[j.EventActionTypes.expect,j.EventActionTypes.setNextBranch],Yt=1/0;function Xt(e,t){let n=e,r,i=Zt(t),a=qt(),o,s=()=>{p(),_()},c=e=>{a.add.call(void 0,e),m()},l=(e=[])=>{for(let t of e)if(t.action(),Jt.includes(t.actionType))break},u=(e=1/0)=>{let t=Q(a.get({timestamp:e,priority:`control`})??{}),n=Q(a.get({timestamp:e,priority:`container`})??{}),r=Q(a.get({timestamp:e,priority:`chapter`})??{});return[...t,...n,...r]},d=e=>{i.isReady(e)&&l(u(e))},f=()=>{l([...Q(a.get({timestamp:1/0,priority:`chapter`})??{})])},p=()=>{r&&=(o?.unsubscribe(),void 0)},m=()=>{r||(r=()=>setTimeout(()=>{d(1/0)}),o=n.events.ended$.subscribe(r))},h=e=>{p(),n=e},g=e=>{e.priority===`container`&&i.resetCalled(e.timestamp),a.remove(e)},_=()=>{i.release(),a.removeAll()};return{setPlayer:h,add:c,remove:g,exec:d,execEndOfVideo:f,listen:m,unlisten:p,release:s,containersEventsCallState:i,getPreparedToExecActions:u}}function Zt(e){let t=new Map;return{setCalled:({timestamp:e,id:n})=>{let r=t.get(e);r&&r[n]!==void 0&&(r[n]=!0)},setData:(e=[])=>{for(let n of e){let e=n.endTime??Yt,r=t.get(e);t.set(e,{...r,[n.id]:!1})}},resetCalled:e=>{let n=t.get(e);if(n)for(let e in n)n[e]=!1},isReady:n=>{let r=t.get(n);if(!r)return!0;let i=Object.values(r);return e?i.some(e=>e):!i.some(e=>!e)},release:()=>t.clear()}}function Q(e){return Object.values(e).flat().sort(e=>e.actionType===j.EventActionTypes.expect?-1:1)}var Qt={videoContentHeight:0,videoContentWidth:0},$t=e=>{let{height:t,width:n}=e.info.intrinsicVideoSize$.getValue()||{};if(!(t&&n))return Qt;let{clientHeight:r,clientWidth:i}=e.experimental.element$.getValue()||{};if(!(r&&i))return Qt;let a=t/n,o=r/i,s,c;return o>a?(c=i,s=i*a):o<a?(c=r/a,s=r):(c=i,s=r),{videoContentWidth:c,videoContentHeight:s}},en=250;function tn(e){let t,n=new ResizeObserver(e=>{a(e),t=a.bind(null,e)});function r(t){let{parentElement:n,player:r,cssVarsManager:i}=e();if(!n||!r)return;let{videoContentWidth:a,videoContentHeight:o}=$t(r);i.setup({"--interactive-content-width":`${a}px`,"--interactive-content-height":`${o}px`,"--interactive-width":`${t[0].contentRect.width}px`,"--interactive-height":`${t[0].contentRect.height}px`})}function i(){let{parentElement:t}=e();t.removeAttribute(`style`)}let a=lt(t=>{let{fns:n=[]}=e();r(t);for(let e of n)e()},en);function o(){t=void 0,n.disconnect(),i()}return{resizeObserver:n,calc:()=>{t?.()},release:o}}var nn=e=>Math.floor(Math.random()*e),rn=e=>{let t=e.length,n=1/0,r=null;for(;t--;){let i=e[t],a=i.weight??1;a<n&&(n=a,r=i)}return r},an=e=>{let t=e.length,n=-1/0,r=null;for(;t--;){let i=e[t],a=i.weight??0;a>n&&(n=a,r=i)}return r},on=e=>{let t=e.length;return e[nn(t)]},sn=1,cn=e=>{let t=0;for(let n=0;n<e.length;++n)t+=e[n].weight??sn;let n=Math.random()*t;t=0;for(let r=0;r<e.length-1;++r)if(t+=e[r].weight??sn,t>=n)return e[r];return e[e.length-1]},ln={shouldOpenNow:!0,isDetachContainer:!0},un=`after-expect`,dn=(e,t=!1)=>({...e,args:t?{...e.args,...ln}:{...ln,...e.args}}),fn=({globalEventEmitter:e,globalEvents:t,player:n,interactiveEvents:r})=>{let i={isExpect:!1},a=()=>{i.isExpect&&=!1},o=({action:n,controlType:i,controlId:a,containerId:o,branches:s=[],onEvent:c,isEOV:l=()=>!1,isDisabled:d=()=>!1})=>{let f=dn(n,l()),v={timestamp:1/0,priority:`control`,initiator:a,actionType:f.type},y=d(),b=e.emit.bind(e,X.interactives,{subjectId:a,subjectType:i,subjectName:`control`,type:y?Z.actionChoiceCanceled:Z.actionChoice,actionType:n.type,payload:{invokeImmediately:f.args.shouldOpenNow,containerId:o,...f.args}}),x=()=>{t.interactiveActionChoice$.next({subjectId:a,subjectType:i,subjectName:`control`,type:y?`action-choice-canceled`:`action-choice`,actionType:n.type,payload:{invokeImmediately:f.args.shouldOpenNow,containerId:o,...f.args}})};if(y){b(),x();return}switch(f.type.trim().toLowerCase()){case j.EventActionTypes.setNextBranch.trim().toLowerCase():{let e=s.find(e=>e.id===f.args.branchId);if(!e)return;c(f.args.isDetachContainer,p.bind(null,{subjectId:a,subjectName:`control`})),b(),x(),f.args.shouldOpenNow?h({subjectId:a,subjectName:`control`,subjectType:i,action:f,payload:{chapterId:e.chapterId,autoSelect:!1}}):r.add({...v,action:h.bind(null,{subjectId:a,subjectName:`control`,subjectType:i,action:f,payload:{chapterId:e.chapterId,autoSelect:!1}})});return}case j.EventActionTypes.continuePlayback.trim().toLowerCase():c(f.args.isDetachContainer,p.bind(null,{subjectId:a,subjectName:`control`})),b(),x(),f.args.shouldOpenNow?m({subjectId:a,subjectName:`control`,subjectType:i,action:n}):r.add({...v,action:m.bind(null,{subjectId:a,subjectName:`control`,subjectType:i,action:n})});return;case j.EventActionTypes.openURI.trim().toLowerCase():c(f.args.isDetachContainer,p.bind(null,{subjectId:a,subjectName:`control`})),b(),x(),f.args.shouldOpenNow?g({subjectId:a,subjectName:`control`,subjectType:i,action:f,payload:{URI:n.args.uri}}):r.add({...v,action:g.bind(null,{subjectId:a,subjectName:`control`,subjectType:i,action:f,payload:{URI:n.args.uri}})});return;default:{let e=`Unexpected control event`;u(new _(1,1,{message:e}),e);return}}},s=({action:n,container:{id:i,endTime:a},branches:o=[],isEOV:s=!1,autoSelected:c=!1})=>{let l=dn(n,s),d={timestamp:!l.args.shouldOpenNow||s?1/0:a??1/0,priority:`container`,initiator:i,actionType:l.type},f=e.emit.bind(e,X.interactives,{subjectId:i,subjectName:`container`,type:Z.actionChoice,actionType:l.type,payload:{invokeImmediately:l.args.shouldOpenNow,...l.args}}),p=()=>{t.interactiveActionChoice$.next({subjectId:i,subjectName:`container`,type:`action-choice`,actionType:l.type,payload:{invokeImmediately:l.args.shouldOpenNow,...l.args}})};switch(l.type.trim().toLowerCase()){case j.EventActionTypes.setNextBranch.trim().toLowerCase():{let e=o.find(e=>e.id===l.args.branchId);if(!e)return;f(),p(),r.add({...d,action:h.bind(null,{subjectId:i,subjectName:`container`,action:l,payload:{chapterId:e.chapterId,autoSelect:c}})});return}case j.EventActionTypes.setMaxWeightBranch.trim().toLowerCase():return;case j.EventActionTypes.setMinWeightBranch.trim().toLowerCase():return;case j.EventActionTypes.setRandomBranch.trim().toLowerCase():return;case j.EventActionTypes.setWeightlessRandomBranch.trim().toLowerCase():return;case j.EventActionTypes.continuePlayback.trim().toLowerCase():f(),p(),r.add({...d,action:m.bind(null,{subjectId:i,subjectName:`container`,action:l})});return;case j.EventActionTypes.openURI.trim().toLowerCase():f(),p(),r.add({...d,action:g.bind(null,{subjectId:i,subjectName:`container`,action:l,payload:{URI:n.args.uri}})});return;default:{let e=`Unexpected container event`;u(new _(1,1,{message:e}),e);return}}};function c({container:n,branches:a,isEOV:o=!1}){let c=Pe(n.events);if(c){let a=dn(c.action,o);e.emit(X.interactives,{subjectId:n.id,subjectName:`container`,type:Z.actionChoice,actionType:a.type,payload:{invokeImmediately:a.args.shouldOpenNow,...a.args}}),t.interactiveActionChoice$.next({subjectId:n.id,subjectName:`container`,type:`action-choice`,actionType:a.type,payload:{invokeImmediately:a.args.shouldOpenNow,...a.args}}),r.add({timestamp:o?1/0:n.endTime??1/0,priority:`container`,initiator:n.id,actionType:j.EventActionTypes.expect,action:f.bind(null,{subjectId:n.id,subjectName:`container`})}),i.isExpect=!0}else for(let e of n.events??[])s({action:e.action,container:n,branches:a,isEOV:o})}let l=({chapterId:n,action:r,branches:i=[]})=>{let a=e.emit.bind(e,X.interactives,{subjectId:n,subjectName:`chapter`,type:Z.actionChoice,actionType:r.type,payload:r.args}),o=()=>{t.interactiveActionChoice$.next({subjectId:n,subjectName:`chapter`,type:`action-choice`,actionType:r.type,payload:r.args})};switch(r.type.trim().toLowerCase()){case j.EventActionTypes.setNextBranch.trim().toLowerCase():{let e=i.find(e=>e.id===r.args.branchId);return e?.chapterId?(a(),o(),h.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{chapterId:e.chapterId,autoSelect:!0}})):void 0}case j.EventActionTypes.setWeightlessRandomBranch.trim().toLowerCase():{let e=on(i);return e?.chapterId?(a(),o(),h.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{chapterId:e.chapterId,autoSelect:!0}})):void 0}case j.EventActionTypes.setRandomBranch.trim().toLowerCase():{let e=cn(i);return e?.chapterId?(a(),o(),h.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{chapterId:e.chapterId,autoSelect:!0}})):void 0}case j.EventActionTypes.setMaxWeightBranch.trim().toLowerCase():{let e=an(i);return e?.chapterId?(a(),o(),h.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{chapterId:e.chapterId,autoSelect:!0}})):void 0}case j.EventActionTypes.setMinWeightBranch.trim().toLowerCase():{let e=rn(i);return e?.chapterId?(a(),o(),h.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{chapterId:e.chapterId,autoSelect:!0}})):void 0}case j.EventActionTypes.continuePlayback.trim().toLowerCase():return a(),o(),m.bind(null,{subjectId:n,subjectName:`chapter`,action:r});case j.EventActionTypes.openURI.trim().toLowerCase():return a(),o(),g.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{URI:r.args.uri}});default:{let e=`Unexpected chapter event`;u(new _(1,1,{message:e}),e);return}}};function u(n,r){console.error(r),t.error$.next(n),e.emit(X.errors,n)}function d(n){let i=Pe(n.events);if(i){if(N(n))return;e.emit(X.interactives,{subjectId:n.id,subjectName:`chapter`,type:Z.actionChoice,actionType:i.action.type,payload:i.action.args}),t.interactiveActionChoice$.next({subjectId:n.id,subjectName:`chapter`,type:`action-choice`,actionType:i.action.type,payload:i.action.args}),r.add({timestamp:1/0,priority:`chapter`,initiator:n.id,actionType:j.EventActionTypes.expect,action:f.bind(null,{subjectId:n.id,subjectName:`chapter`})})}else n.events?.forEach(e=>{let t=l({chapterId:n.id,action:e.action,branches:n.branches});t&&r.add({timestamp:1/0,priority:`chapter`,initiator:n.id,actionType:e.action.type,action:t})})}let f=({subjectId:r,subjectName:i})=>{n.pause(),e.emit(X.interactives,{subjectId:r,subjectName:i,type:Z.actionExecution,actionType:j.EventActionTypes.expect}),t.interactiveActionExecution$.next({subjectId:r,subjectName:i,type:`action-execution`,actionType:j.EventActionTypes.expect})},p=({subjectId:i,subjectName:a})=>{n.info.isEnded$.getValue()?r.execEndOfVideo():n.play(),e.emit(X.interactives,{subjectId:i,subjectName:a,type:Z.actionExecution,actionType:un}),t.interactiveActionExecution$.next({subjectId:i,subjectName:a,type:`action-execution`,actionType:un})},m=({subjectId:n,subjectName:r,subjectType:i,action:a})=>{e.emit(X.interactives,{subjectId:n,subjectName:r,subjectType:i,type:Z.actionExecution,actionType:a.type}),t.interactiveActionExecution$.next({subjectId:n,subjectName:r,subjectType:i,type:`action-execution`,actionType:a.type})},h=({subjectId:n,subjectName:r,subjectType:i,action:a,payload:o})=>{o.behaviour=`change-chapter`,e.emit(X.interactives,{subjectId:n,subjectName:r,subjectType:i,type:Z.actionExecution,actionType:a.type,payload:o}),t.interactiveActionExecution$.next({subjectId:n,subjectName:r,subjectType:i,type:`action-execution`,actionType:a.type,payload:o})},g=({subjectId:n,subjectName:r,subjectType:i,action:a,payload:o})=>{if(!o.URI)return;let s=window.open(o.URI,`_blank`,`noopener,noreferrer`);s&&(s.opener=null),e.emit(X.interactives,{subjectId:n,subjectName:r,subjectType:i,type:Z.actionExecution,actionType:a.type}),t.interactiveActionExecution$.next({subjectId:n,subjectName:r,subjectType:i,type:`action-execution`,actionType:a.type})};return{onControlEvent:o,onContainerEvent:s,onChapterEvent:l,onExpectEvent:f,expectEventHandler:p,setManifestChapterEvents:d,setManifestContainerEvents:c,stopExpect:a,state:i}},$=require(`@vkontakte/videoplayer-shared`),pn=(e,t)=>{let n={};return e.map(e=>{if(!n[e]){let r=t.chapters.find(t=>t.id===e);if(!r)return null;let i=t.media.videos.find(e=>r.videoId===e.id);if(!i)return null;n[e]=gn(i)}return n[e]}).filter(e=>e!==null)},mn=e=>{for(let t of e.variants)if(hn(t)&&t.payload)return t.payload.id},hn=e=>!!(e.type===`custom`&&e.payload&&e.payload.type===`vk`),gn=e=>{let t=mn(e);if(!t)return null;let n=t.split(`_`).pop();return n?parseInt(n,10):null},_n=(e,t)=>{for(let n of e.media.videos)if(t===gn(n)){for(let t of e.chapters)if(t.videoId===n.id)return t.id;return}},vn=(e,t)=>e.reduce((e,n)=>{let r=_n(t,n);return r?[...e,r]:e},[]);class yn{state={history$:new $.ValueSubject([]),hasPrevChapter$:new $.ValueSubject(!1),prevChapter$:new $.ValueSubject(null),isInitialChapter$:new $.ValueSubject(!1),isGoBackLimited$:new $.ValueSubject(!1)};#api=null;#settings;#inited=!1;#manifest=null;#videoIds=null;events={inited$:new $.Subject,destroyed$:new $.Subject,error$:new $.Subject};#rootVid=null;#interactiveController=null;#globalEventEmitter=null;#subscription=new $.Subscription;#isGoBackUpdate=!1;#goBackCounter=0;constructor({globalEventEmitter:e,videoId:t,interactiveController:n,historyApi:r,settings:i}){this.#rootVid=t,this.#globalEventEmitter=e,this.#interactiveController=n,this.#api=r,this.#settings=i,this.state.history$&&this.#subscription&&this.#subscription?.add(this.state.history$.subscribe(e=>{this.state.prevChapter$.next(e.at(-2)||null),this.state.hasPrevChapter$.next(e.length>1),this.state.isInitialChapter$.next(this.getInitialChapterId()===this.#manifest?.metadata?.initChapterId),this.state.isGoBackLimited$.next(this.#goBackCounter===this.#settings.maxLength-1)}))}async setManifest(e){if(!this.#interactiveController||!this.#globalEventEmitter)return;this.#manifest=e,await this.getProjectHistory();let t=this.getInitialChapterId();await this.#interactiveController.setChapter({chapterId:t,pushToHistory:!1}),this.#inited||(this.#inited=!0,this.events.inited$.next({initChapterId:t}))}get inited(){return this.#inited}async updateHistory(e,t=!0){if(!this.#manifest)return;this.#isGoBackUpdate?(this.#isGoBackUpdate=!1,this.#goBackCounter++):this.#goBackCounter=0;let n=this.#manifest,r=e.length-this.#settings.maxLength,i=r>0?e.slice(r):e,a=pn(i,n);if(this.#videoIds=a,this.state.history$.next(i),!(!t||!this.#api||!this.#rootVid))try{await this.#api.save(this.#rootVid,a)}catch{let e=new _(1,5,`Unable to save interactive history`);this.events.error$.next(e),this.#globalEventEmitter?.emit(X.errors,e)}}async goBack(){if(!this.state||!this.#interactiveController){let e=new _(1,5,`Unable to save interactive history`);this.events.error$.next(e),this.#globalEventEmitter?.emit(X.errors,e);return}this.#isGoBackUpdate=!0;let e=this.state.history$.getValue().slice(0,-1),t=e.pop();this.state.history$.next(e),await this.#interactiveController.setChapter({chapterId:t,playPrev:!0})}async getProjectHistory(){if(!this.#manifest||!this.#rootVid)return;let e=this.#manifest,t=[this.getInitialVideoId()];if(this.#api)try{let e=await this.#api.get(this.#rootVid);e.length&&(t=e)}catch{let e=new _(1,5,`Error while trying to fetch data`);this.events.error$.next(e),this.#globalEventEmitter?.emit(X.errors,e)}let n=vn(t,e);this.state.history$.next(n)}getInitialChapterId(){return this.state.history$.getValue()?.at(-1)||this.#settings.initChapterId||this.#manifest?.metadata.initChapterId}getInitialVideoId(){return this.#manifest?pn([this.getInitialChapterId()],this.#manifest).pop():null}destroy(){this.#rootVid=null,this.#api=null,this.#interactiveController=null,this.#subscription?.unsubscribe(),this.#subscription=null,this.#inited=!1,this.#globalEventEmitter?.emit(X.historyDestroyed),this.events.destroyed$.next(),this.#globalEventEmitter=null}}class bn{rootElement;canvasImgSrc;_prevSizeId=0;constructor(){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,n=t.length;for(let e=3;e<n;e+=40)if(t[e]!==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 n=e.width+e.height;if(this._prevSizeId===n)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=n}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)}}class xn{lastFrameCanvas;endOffsetMs;currentChapter;currentVideoDurationMs=1/0;rootElement;_containerTimeFrameShouldReceived=!1;_endTimeFrameReceived=!1;_shouldCallSkip=!1;_callbacks;constructor({parentElement:e,endOffsetMs:t=250,onError:n}){this.rootElement=document.createElement(`div`),this.rootElement.style.cssText=`
6
+ var e=Object.defineProperty,t=Object.getOwnPropertyNames,n=Object.getOwnPropertyDescriptor,r=Object.prototype.hasOwnProperty;function i(e){return this[e]}var a=a=>{var s=(o??=new WeakMap).get(a),c;if(s)return s;if(s=e({},`__esModule`,{value:!0}),a&&typeof a==`object`||typeof a==`function`)for(var l of t(a))r.call(s,l)||e(s,l,{get:i.bind(a,l),enumerable:!(c=n(a,l))||c.enumerable});return o.set(a,s),s},o,s=e=>e;function c(e,t){this[e]=s.bind(null,t)}var l=(t,n)=>{for(var r in n)e(t,r,{get:n[r],enumerable:!0,configurable:!0,set:c.bind(n,r)})},u={};l(u,{vkVideoIdsToChapterIds:()=>vn,utils:()=>kn,migrateManifestToLatestVersion:()=>j.migrateManifestToLatestVersion,isValidManifest:()=>Ce,isVKVariantItem:()=>hn,isTextControl:()=>M,isSupportedManifest:()=>j.isSupportedManifest,isOneTextCtrlContainer:()=>F,isLastChapter:()=>N,isButtonControl:()=>we,isAreaControl:()=>Te,interactivesEventTypes:()=>Z,hasEndTemplate:()=>je,graphEventTypes:()=>Vt,getVideoRawIdByMedia:()=>mn,getVKVideoIdByMedia:()=>gn,getChapterIdByVkVideoId:()=>_n,eventTypes:()=>Oe,eventActionTypes:()=>ke,controlTypes:()=>De,containerTypes:()=>Ee,compareVersions:()=>Tt,chapterIdsToVKVideoIds:()=>pn,SDKInfo:()=>An,ManifestController:()=>Pt,Interactives:()=>On,EventTypes:()=>j.EventTypes,EventActionTypes:()=>j.EventActionTypes,EVENT_NAMES:()=>X,CustomError:()=>_,ControlTypes:()=>j.ControlTypes,ContainerTypes:()=>j.ContainerTypes}),module.exports=a(u);var d=`1.0.63-dev.b3d42409.0`,f=require(`@vkontakte/videoplayer-shared`);class p{layout;cssVarsManager;constructor(e,t){this.layout=e,this.cssVarsManager=t}}class m extends p{cssVarsManager;constructor(e,t){super(e,t),this.cssVarsManager=t,this.cssVarsManager=t}setContainerLayout(e){e.style.position=`relative`}setControlLayout(e,t){let n=this.cssVarsManager.getPropValue(`--interactive-content-width`),r=this.cssVarsManager.getPropValue(`--interactive-content-height`),i=this.cssVarsManager.getPropValue(`--interactive-width`),a=this.cssVarsManager.getPropValue(`--interactive-height`);e.style.position=`absolute`,e.style.width=`calc(${n} * (${t.width} + 0.0002))`,e.style.height=`calc(${r} * ${t.height})`,e.style.left=`calc(${n} * ${t.x} + ((${i} - ${n}) / 2))`,e.style.top=`calc(${r} * ${t.y} + ((${a} - ${r}) / 2))`}}var h=require(`@vkontakte/videoplayer-shared`);function g(e){return`features`in e}class _{severity;category;data;constructor(e,t,...n){this.severity=e,this.category=t,this.data=n}toString(){return`Interactive SDK error ${JSON.stringify(this,null,` `)}`}}function v({emitter$:e,error:t,subjectId:n,message:r=``,severity:i=1,category:a=1}){let o=new _(i,a,{message:r,error:t,details:{id:n}});e.next(o)}class y{container;options;factories;controls;error$=new h.Subject;cssVarsManager;constructor(e,t,n){this.container=e,this.options=n,this.factories=new Map,this.controls=[],this.setControls(),this.cssVarsManager=t}featureIsEnabled(e){return!!(this.options&&this.options.features&&g(this.options)&&this.options.features[e])}onError(e=``,t){v({emitter$:this.error$,error:t,message:e,subjectId:this.container.id})}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 n=t.type.trim().toLowerCase(),r=this.factories.get(n);if(r){let n=r(t,this.options);if(n)return[...e,n]}return[...e]},[])||[]}}var b=require(`@vkontakte/videoplayer-shared`),x=(e,t)=>Object.prototype.toString.call(e)===`[object ${t}]`,S=e=>x(e,`Object`),ee=e=>x(e,`String`),te=e=>x(e,`Array`),ne=e=>x(e,`Number`),re=e=>x(e,`Function`),ie=e=>x(e,`Boolean`),ae=e=>ne(e)&&!isNaN(e),C=e=>S(e)&&Object.keys(e).length===0,oe=e=>te(e)&&!e.length,w=(e,t)=>ee(e)&&!!(t?e.trim():e).length;function T(e,t=1){let n=`0`,r=`0`,i=`0`;return e.length===4?(n=`0x`+e[1]+e[1],r=`0x`+e[2]+e[2],i=`0x`+e[3]+e[3]):e.length===7&&(n=`0x`+e[1]+e[2],r=`0x`+e[3]+e[4],i=`0x`+e[5]+e[6]),`rgba(${+n},${+r},${+i},${t})`}var se=`interactive`,E={textColor:`#000`,textSize:.4,textContent:``,roundCorners:0,borderWidth:0,borderWidthRawValue:`1px`,roundCornersRawValue:`0`,borderColor:`#000`,borderAlpha:1,backgroundColor:`#fff`,backgroundAlpha:1,innerSizesDependOn:`self`,angle:0,shadowColorLight:`#fff`,shadowColorDark:`#000`,shadowColorAlpha:.24},ce;(e=>{e.top=`flex-start`,e.bottom=`flex-end`,e.center=`center`})(ce||={});var le;(e=>{e.start=`flex-start`,e.end=`flex-end`,e.center=`center`})(le||={});var ue=({target:e,props:t})=>{e.style.alignItems=(t?.gravityVertical&&ce[t.gravityVertical])??`center`,e.style.justifyContent=(t?.gravityHorizontal&&le[t.gravityHorizontal])??`center`,e.style.textAlign=t?.alignment??`center`},de=({target:e,props:t,fallback:n,dependsOn:r})=>{e.style.color=t?.text?.color??n.textColor,e.style.fontSize=`calc(${r.height} * ${t?.text?.size??n.textSize})`,e.textContent=t?.text?.value??n.textContent},fe=({target:e,props:t,fallback:n})=>{e.style.backgroundColor=T(t?.background?.color??n.backgroundColor,t?.background?.alpha??n.backgroundAlpha)},pe=({target:e,props:t,fallback:n,dependsOn:r,useRawValues:i=!1})=>{let a=i?n.borderWidthRawValue:`calc(${r.height} * ${t?.shape?.border?.width??n.borderWidth})`,o=i?n.roundCornersRawValue:`calc(${r.height} * ${t?.shape?.roundCorners??n.roundCorners})`;e.style.borderWidth=a,e.style.borderStyle=`solid`,e.style.borderColor=T(i?n.borderColor:t?.shape?.border?.color??n.borderColor,i?n.borderAlpha:t?.shape?.border?.alpha??n.borderAlpha),e.style.borderRadius=o},me=({target:e,isDark:t,baseDimension:n,fallback:r})=>{let i=T(r.shadowColorLight,r.shadowColorAlpha),a=T(r.shadowColorDark,r.shadowColorAlpha),o=`0px 0px ${`calc(${n} * 0.25)`} ${`calc(${n} * 0.11)`} ${t?a:i}`;e.style.boxShadow=o},he=({target:e,layoutParams:t,fallback:n})=>{let r=t.angle??n.angle;r&&=r*-1,e.style.transform=`rotate(${r}rad)`},D=require(`@vkontakte/videoplayer-shared`),ge=`interactive-control-tap`,O={common:ge,animation:`${ge}-animation`,visible:`${ge}-visible`},_e=60;class ve{element;controlRotateAngleRad;clickCancelCondition;circleDiameterPx;useDimensionsBasedSize;constructor({controlRotateAngleRad:e,clickCancelCondition:t,circleDiameterPx:n=_e,useDimensionsBasedSize:r=!1}){let i=document.createElement(`div`);i.classList.add(O.common),this.controlRotateAngleRad=e,this.element=i,this.clickCancelCondition=t,this.circleDiameterPx=n,this.useDimensionsBasedSize=r}onElementClick=e=>{if(!e.target||!e.currentTarget||this.clickCancelCondition())return;let t=e.currentTarget.parentElement;if(!t)return;let n=t.getBoundingClientRect(),r={width:this.useDimensionsBasedSize?t.offsetWidth:this.circleDiameterPx,height:this.useDimensionsBasedSize?t.offsetHeight:this.circleDiameterPx},i=Math.min(r.width,r.height),a=n.left+n.width/2,o=n.top+n.height/2,s=ye(e.clientX-a,e.clientY-o,this.controlRotateAngleRad);this.element.style.width=i+`px`,this.element.style.left=s.x+n.width/2-i/2+`px`,this.element.style.top=s.y+n.height/2-i/2+`px`,this.element.classList.add(O.visible,O.animation)};onAnimationEnd=e=>{e.stopPropagation(),!(!e.target||!e.currentTarget)&&e.target===e.currentTarget&&this.element.classList.remove(O.visible,O.animation)}}function ye(e,t,n){return{x:e*Math.cos(n)-t*Math.sin(n),y:e*Math.sin(n)+t*Math.cos(n)}}function be(e){return`features`in e}var k=`interactive-control`,A={common:k,selected:`${k}-selected`,wrapper:`${k}-wrapper`,disabled:`${k}-disabled`,button:`${k}-button`,area:`${k}-area`,text:`${k}-text`,blinkAnim:`${k}-blink-anim`,blinkAnimButton:`${k}-blink-anim-button`,blinkAnimArea:`${k}-blink-anim-area`},xe=40,j=require(`@interactiveplatform/movika-manifest`),Se={metadata:`Object`,chapters:`Array`},Ce=e=>{if(!S(e))return!1;for(let t in Se){let n=e[t];if(!n||!x(n,Se[t]))return!1}return j.isSupportedManifest(e.metadata.version)};function M(e){return e.type===j.ControlTypes.Text}function we(e){return e.type===j.ControlTypes.Button}function Te(e){return e.type===j.ControlTypes.Area}var Ee={Choice:`Choice`,TextInput:`TextInput`},De={Button:`Button`,Area:`Area`,Text:`Text`},Oe={onClick:`onClick`,onSuspense:`onSuspense`},ke={openURI:`openURI`,setNextBranch:`setNextBranch`,setWeightlessRandomBranch:`setWeightlessRandomBranch`,setRandomBranch:`setRandomBranch`,setMaxWeightBranch:`setMaxWeightBranch`,setMinWeightBranch:`setMinWeightBranch`,setDefaultBranch:`setDefaultBranch`,continuePlayback:`continuePlayback`,expect:`expect`},Ae=e=>te(e)&&!oe(e),N=e=>e.order===`end`,je=e=>te(e.containers)&&!oe(e.containers)&&N(e),Me=(e,t)=>{let n=e*1e3;return Ae(t.controls)&&n<(t.startTime??0)},Ne=(e,t)=>{let n=e*1e3;return Ae(t.controls)&&n>=(t.startTime??0)&&n<=(t.endTime??1/0)},P=(e=[])=>e.some(e=>e.action.type===`expect`),Pe=(e=[])=>e.find(e=>e.action.type===`expect`),Fe=e=>e?.length===1,F=e=>Fe(e)&&M(e[0]);function Ie(e=[],t=1/0,n=[]){return e.filter(({container:e})=>!n.includes(e.container.id)&&P(e.container.events)&&e.container.endTime===t&&!e.isRemoved&&!e.willRemoved)}function I({gameControllers:e=[],subjectName:t,subjectId:n,execFn:r}){for(let i of e)if(t===`container`&&i.container.container.id===n){r(i),Ie(e,i.container.container.endTime,[i.container.container.id]).forEach(e=>{r(e)});break}}function Le(e){for(let t of e.events)if(t.action.type===`openURI`)return!0;return!1}var Re=(e,t)=>{let n=P(e.events)&&!(e=>t.find(({container:t})=>t.container.id===e)?.container.isRemoved)(e.id),r=(t,n=!1,r=!1)=>{let i=r?`every`:`some`;return t.controls[i](r=>{let a=n?t.endTime===e.endTime:!0;return r.events?.[i](e=>e.action?.type===j.EventActionTypes.openURI)&&a})},i=e=>e.some(({container:e})=>r(e.container,!0,!1)&&!e.isRemoved),a=e=>e.every(({container:e})=>e.isRemoved||e.willRemoved?!0:r(e.container,!0,!0)),o=Ie(t,e.endTime,[e.id]).length,s=e=>e.controls.some(e=>e.events?.some(e=>e.action?.args?.shouldOpenNow)),c=n||o>0,l=i(t),u=r(e),d=a(t),f=n?!1:o>0,p=s(e);return{isExpectTime:c,hasOtherExpect:o>0,hasOpenURIEvent:l,hasOpenURIEventInCurrentContainer:u,isAllOpenURIEventsValid:d,isExpectEventForCurrentContainer:f,hasShouldOpenNowEvent:p}};class L{control;options;container=null;controlElement=null;subscriptions=new D.Subscription;error$=new D.Subject;controlTap;isInteracted=!1;isRemoved=!1;cssVarsManager=null;constructor(e,t=void 0){this.control=e,this.options=t}setCssVarsManager(e){this.cssVarsManager=e}onControlSelect=()=>{this.container?.isManifestContainerDisabled()||Le(this.control)||this.container?.element?.classList.add(`interactive-control-wrapper-selected`)};removeView(e=!1){let t=this.getElement();if(t){if(e){if(t.classList.contains(`interactive-control-before-remove`))return;t.classList.add(`interactive-control-before-remove`),this.subscriptions.add(D.fromEvent(t,`transitionend`).subscribe(this.onTransitionEnd,e=>this.onError(`${L.name} remove view transition error`,e))).add(D.fromEvent(t,`transitioncancel`).subscribe(this.onTransitionEnd,e=>this.onError(`${L.name} remove view transition error`,e)));return}this.removeListeners(),t.remove(),this.isRemoved=!0}}onTransitionEnd=e=>{e.stopPropagation(),!(!e.target||!e.currentTarget)&&e.target===e.currentTarget&&this.removeView()};onError(e=``,t){v({emitter$:this.error$,error:t,message:e,subjectId:this.control.id})}addControlTap(e){this.featureIsEnabled(`controlsTapPlace`)&&this.container&&(this.controlTap=new ve({controlRotateAngleRad:this.control.layoutParams.angle??E.angle,clickCancelCondition:this.container.isManifestContainerDisabled,circleDiameterPx:this.isTouch()?xe:void 0}),this.subscriptions.add(D.fromEvent(e,`click`).subscribe(this.controlTap.onElementClick,e=>this.onError(`Control click tap animation error`,e))).add(D.fromEvent(this.controlTap.element,`animationend`).subscribe(this.controlTap.onAnimationEnd,e=>this.onError(`Tap animationend error`,e))),this.container.element.append(this.controlTap.element))}createContainerElement(e){let t=document.createElement(`div`);t.classList.add(A.wrapper),e.setControlLayout(t,this.control.layoutParams),this.container={element:t,dimensions:(this.control.layoutParams.innerSizesDependOn??E.innerSizesDependOn)===`self`?{height:t.style.height,width:t.style.width}:{height:this.cssVarsManager?.getPropValue(`--interactive-content-height`)??0,width:this.cssVarsManager?.getPropValue(`--interactive-content-width`)??0},isManifestContainerDisabled:()=>e.isContainerDisabled?.()??!1}}createClickListener(e){return t=>{t.stopPropagation(),this.isInteracted=!0,e()}}featureIsEnabled(e){return!!(this.options&&be(this.options)&&this.options.features[e])}isTouch(){return!!(this.options&&be(this.options)&&this.options.isTouch)}setEvents(e){!this.container||!this.control.events||this.control.events.forEach(t=>{switch(t.type.trim().toLowerCase()){case`onclick`:if(!this.container)break;this.subscriptions.add(D.fromEvent(this.container.element,`click`).subscribe(this.createClickListener(()=>e({action:t.action,controlId:this.control.id,controlType:this.control.type})),e=>this.onError(`Error happened on control interaction`,e)));break;default:break}})}removeListeners(){this.subscriptions.unsubscribe()}}var ze=`interactive-blink-anim-reference`,R={common:ze,animation:`${ze}-animation`,disabled:`${ze}-disabled`};class Be{_RAFId=0;_element=void 0;get element(){return this._element}create(){if(this._element)return;let e=document.createElement(`div`);e.classList.add(R.common,R.animation),this._element=e}restart(){this._element&&(this._element.classList.add(R.disabled),this.cleanupRAF(),this._RAFId=requestAnimationFrame(()=>{this._element&&(this._element.classList.remove(R.disabled),this.cleanupRAF())}))}cleanupRAF(){this._RAFId&&=(cancelAnimationFrame(this._RAFId),0)}destroy(){this.cleanupRAF(),this._element=void 0}}var Ve=`interactive-container`,z={common:Ve,hidden:`${Ve}-hidden`,disabled:`${Ve}-disabled`},He=(e,t)=>{if(e.type.trim().toLowerCase()===`area`)return new Ue(e,t)};class Ue extends L{constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;this.isInteracted=!1,this.isRemoved=!1;let n=document.createElement(`button`);n.type=`button`,n.classList.add(A.common,A.area),n.setAttribute(`data-testid`,`int_area`),fe({target:n,props:this.control.props,fallback:{...E,backgroundColor:`transparent`}}),he({target:n,layoutParams:this.control.layoutParams,fallback:E}),this.addControlTap(n),this.subscriptions.add(b.fromEvent(this.container.element,`click`).pipe(b.once()).subscribe(this.onControlSelect,e=>this.onError(`Control click handler error`,e))),this.container.element.append(n),e.append(this.container.element),this.controlElement=n,this.updateShadowStyles(),this.registerBlinkAnimationEvents()}registerBlinkAnimationEvents(){if(!this.featureIsEnabled(`controlsExpectTimeBlinkAnimation`))return;let e=this.container?.element.parentElement;!e||!this.controlElement||(this.subscriptions.add(b.fromEvent(this.controlElement,`mouseleave`).subscribe(()=>{if(e.classList.contains(z.disabled))return;let t=e.parentElement;if(t){let e=t.querySelector(`.${R.common}`);e&&this.syncBlinkAnimation(e)}},e=>this.onError(`Error happened in mouseleave callback`,e))),this.subscriptions.add(b.fromEvent(this.controlElement,`mouseenter`).subscribe(()=>{e.classList.contains(z.disabled)||this.onBlinkHovering()},e=>this.onError(`Error happened in mouseenter callback`,e))).add(b.fromEvent(this.controlElement,`mouseleave`).subscribe(()=>{this.controlElement&&(this.controlElement.style.animation=``)},e=>this.onError(`Error happened in mouseleave callback`,e))))}disable(){this.controlElement&&this.controlElement.classList.add(A.disabled)}enable(){this.controlElement&&this.controlElement.classList.remove(A.disabled)}getElement(){return this.controlElement}updateShadowStyles(e){if(!(!this.container||!this.controlElement))if(ie(e)){let t=Math.min(this.controlElement.offsetWidth,this.controlElement.offsetHeight)+`px`;me({target:this.controlElement,props:this.control.props,fallback:E,isDark:e,baseDimension:t}),pe({target:this.controlElement,props:this.control.props,fallback:{...E,borderColor:e?E.shadowColorDark:E.shadowColorLight,borderAlpha:1,borderWidthRawValue:`0.1px`,roundCornersRawValue:`calc(${this.container.dimensions.height} * ${this.control.props?.shape?.roundCorners??E.roundCorners})`},dependsOn:this.container.dimensions,useRawValues:!0})}else pe({target:this.controlElement,props:this.control.props,fallback:{...E,borderAlpha:0},dependsOn:this.container.dimensions})}toggleBlinkAnimation(e){this.controlElement?.classList.toggle(A.blinkAnim,e),this.controlElement?.classList.toggle(A.blinkAnimArea,e)}syncBlinkAnimation(e){this.controlElement&&(!this.controlElement.classList.contains(`${A.blinkAnimArea}`)||this.controlElement.classList.contains(A.selected)||this.controlElement.classList.contains(R.disabled)||(this.controlElement.classList.add(R.disabled),this.subscriptions.add(b.fromEvent(e,`animationiteration`).pipe(b.once()).subscribe(()=>{this.controlElement&&this.controlElement.classList.remove(R.disabled)},e=>this.onError(`Error happened in animationiteration callback`,e)))))}onBlinkHovering(){if(!this.controlElement||!this.controlElement.classList.contains(`${A.blinkAnimArea}`)||this.controlElement.classList.contains(A.selected))return;let e=window.getComputedStyle(this.controlElement),t=e.getPropertyValue(`--interactive-area-hover-opacity`).trim();this.controlElement.style.opacity=e.opacity,this.controlElement.style.animation=`none`,requestAnimationFrame(()=>{this.controlElement&&(this.controlElement.style.opacity=t)})}setShowTimeRange(){}updateFillAnimationDimensions(){}onProgress(){}onResize(){}}var B=require(`@vkontakte/videoplayer-shared`),We=e=>{let t=document.createElement(`span`);switch(e){case`Button`:case`button`:{let e=document.createElement(`div`);return Object.assign(e.style,{overflow:`hidden`,display:`flex`,justifyContent:`center`,alignItems:`center`}),e.append(t),Object.assign(t.style,{display:`inline-block`,whiteSpace:`pre`,textOverflow:`ellipsis`,maxWidth:`initial`,maxHeight:`100%`,wordBreak:`normal`}),e}default:return Object.assign(t.style,{display:`inline-block`,whiteSpace:`break-spaces`,overflow:`hidden`,textOverflow:`ellipsis`,maxWidth:`100%`,maxHeight:`100%`,wordBreak:`break-all`}),t}},V=Math.PI,Ge=2*V,H=V/2,Ke=3*H,qe=[0,H,V,Ke];function Je(e){return e===H}function Ye(e){return e===V}function Xe(e){return e===Ke}function Ze(e){return(e%Ge+Ge)%Ge}function Qe(e){for(let t of qe)if(e===t)return t}function $e(e){return Qe(e)?null:[1,2,3,4][Math.floor(e/H)+1-1]}function et(e){return e*180/Math.PI}var U=`interactive-control-fill-animation`,W={common:U,fillerWrapper:`${U}-filler-wrapper`,filler:`${U}-filler`,fillHeight:`${U}-fill-height`,fillWidth:`${U}-fill-width`,fromTop:`${U}-from-top`,fromBottom:`${U}-from-bottom`,fromLeft:`${U}-from-left`,fromRight:`${U}-from-right`};class tt{fillAnimationElement;fillAnimationFillerElement;fillAnimationFillerWrapperElement;startTime;endTime;shouldFillHeight;widthExpansionCoef=0;isDebug;fromLeft;useSkew;rotateAngle;constructor(e){let t=document.createElement(`div`);t.classList.add(W.common);let n=document.createElement(`div`);n.classList.add(W.fillerWrapper);let r=document.createElement(`div`);r.classList.add(W.filler),n.append(r),t.append(n);let i=Ze(e.rotateAngle),a=$e(i),o=a!==null,s=a===2||!o&&Ye(i)||a===3,c=!o&&Je(i),l=!o&&Xe(i),u=!s&&!c&&!l,d=c||l,f=o&&!d,p=f?i:0;t.style.borderRadius=e.borderRadius,n.style.transform=`skew(${p*-1}rad)`,d?(r.classList.add(W.fillHeight,c?W.fromTop:W.fromBottom),n.classList.add(W.fillHeight,c?W.fromTop:W.fromBottom)):(r.classList.add(W.fillWidth,u?W.fromLeft:W.fromRight),n.classList.add(W.fillWidth)),e.debug&&console.log(`[interactive ${tt.name}]`,{widthExpansionCoef:this.widthExpansionCoef,opts:e,shouldFillHeight:d,rotateAngleRad:i,rotateAngelDeg:et(i),rotateAngleRaw:e.rotateAngle,fromRight:s,fromTop:c,fromBottom:l,fromLeft:u}),this.useSkew=f,this.fromLeft=u,this.rotateAngle=i,this.fillAnimationElement=t,this.fillAnimationFillerElement=r,this.fillAnimationFillerWrapperElement=n,this.startTime=e.startTime,this.endTime=e.endTime,this.shouldFillHeight=d,this.isDebug=e.debug??!1}updateDimension(e){this.fillAnimationElement.style.top=`${e.borderWidth*-1}px`,this.fillAnimationElement.style.left=`${e.borderWidth*-1}px`,this.fillAnimationElement.style.width=`${e.width}px`,this.fillAnimationElement.style.height=`${e.height}px`;let t=this.calcWidthExpansionCoef({rotateAngle:this.rotateAngle,isSkewed:this.useSkew,initWidth:e.width,initHeight:e.height});!this.shouldFillHeight&&(this.fillAnimationFillerWrapperElement.style.width=100*t+100+`%`,this.fillAnimationFillerWrapperElement.style[`${this.fromLeft?`left`:`right`}`]=`calc((${t} * 100%) / 2 * -1)`),this.widthExpansionCoef=t}updateAnimation(e){if((e=>e<this.startTime||e>this.endTime)(e))return;let t=this.endTime-this.startTime,n=Math.min(Math.max((e-this.startTime)/t,0),1);this.shouldFillHeight?this.fillAnimationFillerElement.style.transform=`scaleY(${n})`:this.fillAnimationFillerElement.style.transform=`scaleX(${n})`}calcWidthExpansionCoef({rotateAngle:e,isSkewed:t=!1,initWidth:n,initHeight:r}){return t?(n+r*Math.abs(Math.tan(e)))/n-1:0}}var nt=(e,t)=>{if(e.type.trim().toLowerCase()===`button`)return new rt(e,t)};class rt extends L{startTime;endTime;controlFillAnimation;constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;this.isInteracted=!1,this.isRemoved=!1;let n=document.createElement(`button`);n.type=`button`,n.classList.add(A.common,A.button),n.setAttribute(`data-testid`,`int_bttn`),he({target:n,layoutParams:this.control.layoutParams,fallback:E}),fe({target:n,props:this.control.props,fallback:E}),pe({target:n,props:this.control.props,fallback:E,dependsOn:this.container.dimensions}),ue({target:n,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let r=We(this.control.type.trim().toLowerCase());de({target:r.firstElementChild??r,props:this.control.props,fallback:E,dependsOn:this.container.dimensions}),this.addControlTap(n),this.startTime!==void 0&&this.endTime!==void 0&&this.featureIsEnabled(`controlsFillAnimation`)&&(this.controlFillAnimation=new tt({startTime:this.startTime,endTime:this.endTime,rotateAngle:this.control.layoutParams.angle??E.angle,borderRadius:n.style.borderRadius})),this.subscriptions.add(B.fromEvent(n,`click`).pipe(B.once()).subscribe(this.onControlSelect,e=>this.onError(`Control click handler error`,e))),n.append(r,this.controlFillAnimation?.fillAnimationElement??``),this.container.element.append(this.controlTap?.element??``,n),e.append(this.container.element),this.controlElement=n,this.registerBlinkAnimationEvents()}registerBlinkAnimationEvents(){if(!this.featureIsEnabled(`controlsExpectTimeBlinkAnimation`))return;let e=this.container?.element.parentElement;!e||!this.controlElement||(this.subscriptions.add(B.fromEvent(this.controlElement,`mouseleave`).subscribe(()=>{if(e.classList.contains(z.disabled))return;let t=e.parentElement;if(t){let e=t.querySelector(`.${R.common}`);e&&this.syncBlinkAnimation(e)}},e=>this.onError(`Error happened in mouseleave callback`,e))),this.subscriptions.add(B.fromEvent(this.controlElement,`mouseenter`).subscribe(()=>{e.classList.contains(z.disabled)||this.onBlinkHovering()},e=>this.onError(`Error happened in mouseenter callback`,e))).add(B.fromEvent(this.controlElement,`mouseleave`).subscribe(()=>{this.controlElement&&(this.controlElement.style.animation=``)},e=>this.onError(`Error happened in mouseleave callback`,e))))}disable(){this.controlElement&&this.controlElement.classList.add(A.disabled)}enable(){this.controlElement&&this.controlElement.classList.remove(A.disabled)}getElement(){return this.controlElement}toggleBlinkAnimation(e){this.controlElement?.classList.toggle(A.blinkAnim,e),this.controlElement?.classList.toggle(A.blinkAnimButton,e)}syncBlinkAnimation(e){this.controlElement&&(!this.controlElement.classList.contains(`${A.blinkAnimButton}`)||this.controlElement.classList.contains(A.selected)||this.controlElement.classList.contains(R.disabled)||(this.controlElement.classList.add(R.disabled),this.subscriptions.add(B.fromEvent(e,`animationiteration`).pipe(B.once()).subscribe(()=>{this.controlElement&&this.controlElement.classList.remove(R.disabled)},e=>this.onError(`Error happened in animationiteration callback`,e)))))}onBlinkHovering(){if(!this.controlElement||!this.controlElement.classList.contains(`${A.blinkAnimButton}`)||this.controlElement.classList.contains(A.selected))return;let e=window.getComputedStyle(this.controlElement),t=e.getPropertyValue(`--interactive-button-hover-opacity`).trim();this.controlElement.style.opacity=e.opacity,this.controlElement.style.animation=`none`,requestAnimationFrame(()=>{this.controlElement&&(this.controlElement.style.opacity=t)})}updateFillAnimationDimensions(){if(!this.container||!this.controlElement||!this.controlFillAnimation)return;let e=getComputedStyle(this.controlElement),t={width:parseFloat(e.width),height:parseFloat(e.height),borderWidth:parseFloat(e.borderWidth)||0};this.controlFillAnimation.updateDimension(t)}setShowTimeRange(e,t){this.startTime=e,this.endTime=t}onProgress(e){this.controlFillAnimation?.updateAnimation(e)}onResize(){this.updateFillAnimationDimensions()}updateShadowStyles(){}}var it=(e,t)=>{if(e.type.trim().toLowerCase()===`text`)return new at(e,t)};class at extends L{constructor(e,t){super(e,t)}createView({parentElement:e,callbacks:t}){if(super.createContainerElement(t),!this.container)return;this.isInteracted=!1,this.isRemoved=!1;let n=document.createElement(`div`);n.classList.add(A.common,A.text),n.setAttribute(`data-testid`,`int_text`),he({target:n,layoutParams:this.control.layoutParams,fallback:E}),ue({target:n,props:{...this.control.props.text,alignment:this.control.layoutParams.alignment}});let r=We(this.control.type.trim().toLowerCase());de({target:r.firstElementChild??r,props:this.control.props,fallback:E,dependsOn:this.container.dimensions}),n.append(r),this.container.element.append(n),e.append(this.container.element),this.controlElement=n}getElement(){return this.controlElement}disable(){}enable(){}onProgress(){}onResize(){}updateShadowStyles(){}toggleBlinkAnimation(){}setShowTimeRange(){}updateFillAnimationDimensions(){}}var ot=(e,t,n,r)=>{if(e.type.trim().toLowerCase()===`choice`)return new st(e,t,n,r)};class st extends y{rootElement;containerElement=null;layout;subscriptions=new f.Subscription;isRemoved;isDisabled;willRemoved;cssVarsManager;constructor(e,t,n,r){super(e,n,r),this.rootElement=t,this.layout=new m(this.container.layout,n),this.cssVarsManager=n,this.isRemoved=!1,this.isDisabled=!1,this.addControlFactory(`button`,nt),this.addControlFactory(`text`,it),this.addControlFactory(`area`,He)}createView({eventCallback:e,videoDurationMs:t}){let n=document.createElement(`div`);return n.classList.add(z.common,z.disabled),n.setAttribute(`data-subjectId`,this.container.id),requestAnimationFrame(()=>{n.classList.remove(z.disabled)}),this.layout.setContainerLayout(n),this.controls.forEach(r=>{r.setShowTimeRange(this.container.startTime,this.container.endTime??t),r.setCssVarsManager(this.cssVarsManager),r.createView({parentElement:n,callbacks:{setControlLayout:(e,t)=>this.layout.setControlLayout(e,t),isContainerDisabled:()=>this.isDisabled}}),r.setEvents(e),this.subscriptions.add(r.error$.subscribe(this.error$))}),this.rootElement.append(n),this.isRemoved=!1,this.willRemoved=!1,this.containerElement=n,this.updateControlsFillAnimationDimensions(),n}updateControlsFillAnimationDimensions(){for(let e of this.controls)e.updateFillAnimationDimensions()}hide(){let e=this.getElement();e&&e.classList.add(z.hidden)}show(){let e=this.getElement();e&&e.classList.remove(z.hidden)}enable(){let e=this.getElement();e&&(e.classList.remove(z.disabled),this.controls.forEach(e=>e.enable()),this.isDisabled=!1)}disable(){let e=this.getElement();e&&(e.classList.add(z.disabled),this.controls.forEach(e=>e.disable()),this.isDisabled=!0)}removeView(e=!1,t=!1){let n=this.getElement();if(n){if(e){if(this.willRemoved)return;this.willRemoved=!0,t&&n.classList.add(`interactive-container-before-remove-delay`),n.classList.add(`interactive-container-before-remove`),this.subscriptions.add(f.fromEvent(n,`transitionend`).subscribe(this.onTransitionEnd,e=>this.onError(`${st.name} remove view transition error`,e))).add(f.fromEvent(n,`transitioncancel`).subscribe(this.onTransitionEnd,e=>this.onError(`${st.name} remove view transition error`,e)));return}this.subscriptions.unsubscribe(),this.removeAllControls(),n.remove(),this.isRemoved=!0,this.willRemoved=!1,this.containerElement=null}}onTransitionEnd=e=>{e.stopPropagation(),!(!e.target||!e.currentTarget)&&e.target===e.currentTarget&&this.removeView()};removeAllControls(e=!1){this.controls.forEach(t=>t.removeView(e))}removeNonInteractedControls(e=!1){this.controls.forEach(t=>{t.isInteracted||t.removeView(e)})}isInteracted(){return this.controls.some(e=>e.isInteracted)}fakeRemove(){this.isRemoved||=!0}getElement(){return this.containerElement}onProgress(e,t){t&&this.controls.forEach(t=>{t.onProgress(e)})}onResize(e){e&&this.controls.forEach(e=>{e.onResize()})}updateControlsShadowStyles(e){this.controls.forEach(t=>t.updateShadowStyles(e))}toggleBlinkAnimation(e){this.controls.forEach(t=>t.toggleBlinkAnimation(e))}}var G=require(`@vkontakte/videoplayer-shared`),K=require(`@vkontakte/videoplayer-statistics`),ct=require(`@vkontakte/videoplayer-shared`);function lt(e,t){let n;return(...r)=>{clearTimeout(n),n=setTimeout(()=>e(...r),t)}}var ut=`video_interactive`,dt=`videoint`,ft=250;class pt{isHidden;currentManifestId;currentChapterId;visitedChapterIds;onOpenPreviewClick;onError;lang;zoom;lastZoomInfo;isReady;ngEditor;ngEditorSize;graphWrapperElement;resizeObserver;manifest;constructor(e){this.init(e)}init({root:e,onOpenPreviewClick:t,onError:n,lang:r,visitedChapters:i=[]}){this.isReady=!1,this.isHidden=!0,this.manifest=null,this.visitedChapterIds=new Set(i),this.onOpenPreviewClick=t,this.onError=n,this.lang=r??`ru`,this.zoom=.7,this.lastZoomInfo=null,this.currentManifestId=null,this.currentChapterId=null,this.ngEditor=null,this.ngEditorSize=null,this.graphWrapperElement=mt(e),this.resizeObserver=new ResizeObserver(lt(this.onResize,ft)),this.resizeObserver.observe(this.graphWrapperElement)}handleZoomChange=lt(e=>{this.lastZoomInfo=e},ft);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,void 0,{isFromCenter:!0}),this.ngEditorSize={width:e[0].contentRect.width,height:e[0].contentRect.height}};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]}handleChapterChange=e=>{if(this.manifest){if(this.isHidden||this.hide(),!e?.id){this.onError?.(`Chapter 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}};handleManifestChange=(e,t=[])=>{if(this.isReady=!1,!ne(e.graph.edit.chapters[0].x)){this.onError?.(`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.setVisitedChapters(Array.from(t)):(this.ngEditor.update(e),this.currentManifestId=this.manifest.metadata.id),this.isReady=!0)};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 ct.loadVKLangPack(this.lang,ut,dt)}catch{this.onError?.(`Unable to load graph language pack`)}let{GraphEditor:t}=await import(`@interactiveplatform/movika-graph-editor`);this.ngEditor=new t(this.graphWrapperElement,{mode:`view`,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:e,...t})=>{e===`openPreview`&&`chapterId`in t&&this.onOpenPreviewClick?.(t.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 mt(e){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`,e.append(t),t}var ht=3e3;class gt{_containers=[];_player=null;setPlayer=e=>{this._player=e};setContainers=e=>{this._containers=e};deleteContainer=e=>{this._containers=this._containers.filter(t=>t.id!==e)};getNextInteractiveTime=(e=ht)=>{if(!this._containers.length||this._player===null)return null;let t=-1,n=!1,r=Math.round(this._player.info.position$.getValue()*1e3);for(let i of this._containers){let a=i.startTime-e;if(a<=r&&(i.endTime&&r<=i.endTime||i.endTime===null)){n=!0;break}r<a&&(t=t===-1?a:Math.min(t,a))}return!n&&t!==-1?t:null}}class _t{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 n=()=>{t(),this.off(e,n)};return this.listeners[e].push(n),this}off(e,t){return this.removeListener(e,t)}reset(){this.listeners={}}removeListener(e,t){let n=this.listeners[e]||[];for(let e=n.length;e>0;e--)if(n[e]===t){n.splice(e,1);break}return this}emit(e,...t){let n=this.listeners[e];return n?(n.forEach(e=>{e(...t)}),!0):!1}listenerCount(e){return this.rawListeners(e).length}rawListeners(e){return this.listeners[e]||[]}}class vt{raf;fn;fns=[];constructor(e){e&&(this.fn=e,this.addFn(e))}addFn=(e,t=!1)=>{re(e)&&(this.fns.push(e),t&&this.updateFn())};removeFn=(e,t=!1)=>{this.fns=this.fns.filter(t=>t!==e),t&&this.updateFn()};updateFn=()=>{this.fn=()=>{this.fns.forEach(e=>e()),this.raf&&this.forceRequestAnimation()}};forceRequestAnimation=()=>{this.fn&&(this.raf=requestAnimationFrame(this.fn))};requestAnimation=()=>{this.raf||this.forceRequestAnimation()};cancelAnimation=()=>{this.raf&&=(cancelAnimationFrame(this.raf),void 0)};release(){this.cancelAnimation(),this.fn=void 0,this.fns=[]}}class yt{rootElement;isCssVarsSupported;rootElementProps={};constructor(e){this.rootElement=e,this.isCssVarsSupported=yt.checkCssVarsSupport(e)}static checkCssVarsSupport(e){let t=`--test-key`,n=`test`;e.style.setProperty(t,n);let r=e.style.getPropertyValue(t)===n;return r&&e.style.removeProperty(t),r}getPropValue(e){return this.isCssVarsSupported?`var(${e})`:this.rootElementProps[e]??``}setup(e){if(this.rootElementProps={...this.rootElementProps,...e},this.isCssVarsSupported)for(let[t,n]of Object.entries(e))this.rootElement.style.setProperty(t,n)}cleanup(){for(let e in this.rootElementProps)this.rootElement.style.removeProperty(e);this.rootElementProps={}}setProp(e,t){this.rootElementProps[e]=t,this.isCssVarsSupported&&this.rootElement.style.setProperty(e,t)}}var bt=require(`@vkontakte/videoplayer-shared`);class xt{loaders;constructor(e){this.loaders={chapterLoaders:e?.chapterLoaders??[],manifestLoaders:e?.manifestLoaders??[]}}async exec(e,t){return St(...this.loaders[e])(t)}}function St(...e){return async function(t){let n=[...e];for(;n.length>0;)t=await n.shift()(t);return t}}function q(e,t,n){return e?{...e,[t]:e[t]?[n,...e[t]]:[n]}:{[t]:[n]}}function Ct({actions:e,errors:t,chapterId:n,...r}){if(n){let i=e.getManifest();if(i){let a=e.getChapter(i.chapters,n);if(a){let n=e.getMedia(i.media,a.videoId),o=e.getGraph(i.graph,a.id);return n?{...r,actions:e,errors:t,result:{chapter:a,media:n,graph:o}}:{...r,errors:q(t,Ct.name,`Could not find media`),actions:e}}}}return{...r,errors:q(t,Ct.name,`Could not find chapter`),actions:e}}var wt=require(`@vkontakte/videoplayer-shared`),Tt=(e=``,t=``)=>{let n=e.split(`.`),r=t.split(`.`),i=0;for(let e=0;e<Math.max(n.length,r.length)&&!i;e++)i=n[e]>r[e]?1:n[e]<r[e]?-1:0;return i},Et=async e=>{try{let t={},n;if(ee(e)){n=new URL(e).href;let r=await wt.fetchPolyfilled(n);if(!r.ok)return{};t=await r.json()}else if(S(e))t=e;else return{};if(!Ce(t))return{};let r=t.metadata.media;if(ee(r)&&!(`media`in t))try{let e;n?e=new URL(r,n).href:(e=new URL(r).href,n=e);let i=await wt.fetchPolyfilled(e);if(!i.ok)throw Error();t.metadata.media=await i.json()}catch{return Nt(t.metadata.version)?{manifest:t}:{}}return{manifest:t,manifestURL:n}}catch{return{}}};async function Dt(e){let{manifest:t,manifestURL:n}=await Et(e);if(!t)throw Error(`Failed on fetch`);let r=j.migrateManifestToLatestVersion(t);return r.media=jt(r.media,n),delete r.metadata.media,r}function Ot(e,t){if(t)return e.find(e=>e.id===t)}function kt(e,t){if(e.edit?.chapters)return e.edit.chapters.find(e=>e.id===t);if(e.view?.chapters)return e.view.chapters.find(e=>e.id===t)}function At(e,t){return e.videos.find(e=>e.id===t)}function jt(e,t){return{...e,videos:e.videos.map(e=>({...e,variants:e.variants.map(e=>{let n=`url`in e?e.url:``,r=Mt(n,t);return{...e,url:r||n}})}))}}function Mt(e=``,t){try{return new URL(e,t).href}catch{return``}}function Nt(e){return Tt(e,`3.2.0`)>=0}class Pt extends xt{manifest=null;chapter=null;media=null;graph=null;prevChapter$=new bt.ValueSubject(null);onError;constructor(e,t){super(e),this.onError=t,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 t=await this.exec(`manifestLoaders`,{actions:{addErrorMessage:q},result:null,errors:null,source:e});return t.errors&&this.errorHandler(t.errors),this.manifest=await Dt(t.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 t=await this.exec(`chapterLoaders`,Ct({actions:{getManifest:()=>this.manifest,getCurrent:this.getCurrent,getGraph:kt,getChapter:Ot,getMedia:At,getByBranches:this.getByBranches.bind(this),addErrorMessage:q},result:null,errors:null,chapterId:e}));return t.errors&&this.errorHandler(t.errors),t.result&&(this.chapter=t.result.chapter,this.media=t.result.media,this.graph=t.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 t=Ot(this.manifest.chapters,e);if(t){let e=At(this.manifest.media,t.videoId),n=kt(this.manifest.graph,t.id);if(e)return{chapter:t,media:e,graph:n}}return null}getBranches(e=this.chapter?.id){if(e===this.chapter?.id)return this.getByBranches(this.chapter?.branches);{let t=Ot(this.manifest?.chapters||[],e);return this.getByBranches(t?.branches)}}getByBranches(e=[]){return e.reduce((e,t)=>{let n=this.getByChapterId(t.chapterId);return n&&e.push(n),e},[])}getCurrent(){return{chapter:this.chapter,media:this.media,graph:this.graph}}isInitialChapter(){return this.chapter?.id===this.manifest?.metadata.initChapterId}isEndChapter(){return this.chapter?N(this.chapter):!1}}var Ft=require(`@vkontakte/videoplayer-core`),J=require(`@vkontakte/videoplayer-shared`),It=e=>{let t=e.variants.find(e=>e.payload?.type===`vk`);if(t&&t.payload){let[e,n]=t.payload.id.split(`_`);return[e,n]}return[]};function Lt(){let e=new Map;function t({listId:t=Math.random().toString(),itemId:n=Math.random().toString(),...r}){let i=e.get(t),a={...r};return i?i[n]=a:e.set(t,{[n]:a}),{listId:t,itemId:n,...r}}function n(e){e.player.destroy(),e.container.remove(),e.subscription.unsubscribe(),e.statistics?.oneStat.destroy(),e.statistics?.statSubscription.unsubscribe()}function r(t,r){let i=e.get(t);if(!i)throw Error(`Can't remove. Not find.`);if(r){let a=i[r];a&&n(a),delete i[r],Object.keys(i).length||e.delete(t)}else{for(let e of Object.values(i))n(e);e.delete(t)}}function i(){for(let t of e)r(t[0])}return{createPlayer:t,removePlayer:r,map:e,removeAll:i}}function Rt(e,t=[]){let n={},r,i=!t.length;for(let a of e.variants)if(!r&&`cover`in a&&(r=a.cover),`url`in a)switch(a.type.toLowerCase()){case`mp4`:(i||t.includes(`mp4`))&&(n.MPEG={...n.MPEG,[a.standard??`Invariant quality`]:a.url});break;case`mpeg`:(i||t.includes(`mpeg`))&&(n.MPEG={...n.MPEG,[a.standard??`Invariant quality`]:a.url});break;case`hls`:(i||t.includes(`hls`))&&(n={...n,HLS:{type:`url`,url:a.url}});break;case`dash`:(i||t.includes(`dash`))&&(n={...n,DASH_SEP:{compatibilityMode:!0,type:`url`,url:a.url}});break;default:break}return{sources:n,thumbUrl:r,title:e.title??``}}var Y=(e,t)=>{let n=e.info.currentQuality$.getValue(),r=e.info.availableQualities$.getValue();n!==t&&r.includes(t)&&(e.setQuality(t),e.setAutoQuality(!1))},zt=2;function Bt(e){let t=Lt(),n=new J.Subscription,r={},i=null,a=!1,o,s=new J.ValueSubject(null);e&&c(e);function c(e){i=e}function l(e,n,o){if(!i)throw Error(`need to set interactive controller`);if(!i.options)return;let c=(t.map.get(e)??{})[n];if(c){r={chapterId:o,listId:e,itemId:n,...c};let l=r.player;r.subscription.add(l.info.currentQuality$.subscribe(e=>{let n=l.info.position$.getValue(),r=l.info.isAutoQualityEnabled$.getValue();if(!(!e||!n||r))for(let n of t.map)Object.values(n[1]).forEach(({player:t})=>{Y(t,e)})})).add(l.events.started$.subscribe(()=>{u(n)})),c.container.remove(),i.setPlayer(c.player),a||=(i.init(),!0),s.next({player:r.player,config:r.config,statistics:r.statistics});return}throw Error(`Can't set. Not find.`)}async function u(e){if(!i)throw Error(`need to set interactive controller`);if(C(r)||e!==r.itemId)return;let t=i.getChapterBranches(),n=new Set;for(let e of t)n.has(e.media.id)||(await f({media:e.media,chapterId:e.chapter.id,setAsActive:!1,title:e.chapter.label}),n.add(e.media.id))}async function d({chapter:{id:e},manifestVideo:n}){if(C(r)||!i)return;let a=r.player.info.muted$.getValue(),o=r.player.info.currentQuality$.getValue(),s=r.player.info.isAutoQualityEnabled$.getValue(),c=r.player.info.volume$.getValue(),u=r.player.info.currentPlaybackRate$.getValue(),d=!s,p=!1;for(let s of t.map)if(s[0]===n.id&&!i.state.isReplay$.getValue()){let n=Object.keys(s[1]);for(let i of n)i===r.itemId?(n.length<zt||(p=!0),t.removePlayer(s[0],i)):(p=!0,l(s[0],i,e),d?Y(r.player,o):r.player.setAutoQuality(!0),r.player.setVolume(c),r.player.setMuted(a),r.player.setPlaybackRate(u))}else t.removePlayer(s[0]);p||(await f({media:n,chapterId:e,setAsActive:!0,playbackRate:u}),d?Y(r.player,o):r.player.setAutoQuality(!0),r.player.setVolume(c),r.player.setMuted(a))}async function f({media:e,chapterId:n,prefetch:a=!0,setAsActive:s=!0,autoplay:c=!1,preferredExt:u,title:d,playbackRate:f}){let p=Math.random().toString(),m=document.createElement(`div`);o.append(m);let h;if(i?.options?.vkVideoLoader){let t=It(e);t.length&&(h=await i.options.vkVideoLoader(...t))}let g={...i?.options?.coreConfig||void 0},_={container:m,sources:Rt(e,u).sources,...h?.videos?.[0],title:d,failoverHosts:h?.failoverHosts||[]},v=new Ft.Player(g,J.TracerFactory.createRootTracer());v.initVideo(_);let y=null;if(h?.videos&&i?.options.createOneStat){let e=h.videos[0],t=i.options.createOneStat(e),n=new J.Subscription;t&&(n.add(t.attachTo(v)),y={oneStat:t,statSubscription:n})}let b=new J.Subscription,x=r?.player?.info.isAutoQualityEnabled$.getValue();b.add(v.events.canplay$.subscribe(function(){x||Y(v,r.player.info.currentQuality$.getValue()),f&&v.setPlaybackRate(f)}));let S=t.createPlayer({listId:e.id,itemId:p,player:v,container:m,sources:Rt(e,u).sources,config:_,subscription:b,statistics:y});return s&&l(e.id,S.itemId,n),c&&S.player.play(),a&&!c&&S.player.prepare(),{player:S.player,config:S.config,statistics:S.statistics}}function p(){m(),i=null,o.remove()}function m(){n.unsubscribe(),t.removeAll(),r={},a=!1}async function h(){if(!i)throw Error(`need to set interactive controller`);m(),o=document.createElement(`div`);let{media:e,chapter:t}=i.getCurrentChapter();e&&t?(n.add(i.events.chapterChanged$.subscribe(d)),await f({media:e,chapterId:t.id,title:t.label})):console.error(`not found`)}return{map:t.map,removePlayer:t.removePlayer,init:h,setInteractiveController:c,createPlayer:f,removeAll:p,getActivePlayer:function(){return r},activePlayerChanged:s}}var X={graph:`graph`,interactives:`interactives`,chapterChanged:`chapter-changed`,playerChanged:`player-changed`,manifestChanged:`manifest-changed`,errors:`errors`,eachTick:`eachTick`,historyInited:`history-inited`,historyDestroyed:`history-destroyed`},Vt={visibility:`visibility`,watchAgainClicked:`watchAgainClicked`},Z={actionChoiceCanceled:`action-choice-canceled`,actionChoice:`action-choice`,actionExecution:`action-execution`,visibility:`visibility`,containerRemoved:`container-removed`,rangeEnded:`range-ended`},Ht=require(`@vkontakte/videoplayer-shared`);function Ut(e){return function(...t){return e(...t.reverse())}}function Wt(e,...t){return(...n)=>S(t[0])&&S(n[0])?e({...t[0],...n[0]}):e(...t,...n)}class Gt{container;branches;selectBranches;subscription;player;interactiveEvents;getContainerEventState;isPermanentText;interactiveTimeOpenUri;disabledControls$;onRemove;globalEventEmitter;gameState;isSelectedControlEvent;isSelectedContainerEvent;globalEvents;onError;disableTextControlContainerVisibilityEvents;features;constructor({player:e,container:t,branches:n,selectBranches:r,interactiveEvents:i,globalEvents:a,globalEventEmitter:o,getContainerEventState:s,permanentTextControls:c,interactiveTimeOpenUri:l,disabledControls$:u,onRemove:d,onError:f,disableTextControlContainerVisibilityEvents:p=!1,features:m}){this.container=t,this.branches=n,this.selectBranches=r,this.subscription=new Ht.Subscription,this.player=e,this.interactiveEvents=i,this.getContainerEventState=s;let h=F(t.container.controls);this.isPermanentText=c&&h,this.disableTextControlContainerVisibilityEvents=p&&h,this.interactiveTimeOpenUri=l,this.disabledControls$=u,this.onRemove=d,this.globalEventEmitter=o,this.gameState=0,this.globalEvents=a,this.onError=f,this.features=m,this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.registerEvents()}emitContainerVisibilityEvent(e,t=!1){e?(this.globalEventEmitter.emit(X.interactives,{subjectId:this.container.container.id,subjectName:`container`,type:Z.visibility,visibility:e,isFirst:t}),this.globalEvents.interactiveVisibilityChanged$.next({subjectId:this.container.container.id,subjectName:`container`,type:`visibility`,visibility:e,isFirst:t})):(this.globalEventEmitter.emit(X.interactives,{subjectId:this.container.container.id,subjectName:`container`,type:Z.visibility,visibility:!1}),this.globalEvents.interactiveVisibilityChanged$.next({subjectId:this.container.container.id,subjectName:`container`,type:`visibility`,visibility:e}))}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?.()})),this.subscription.add(this.container.error$.subscribe(this.onError))}hide=()=>{setTimeout(()=>{this.gameState!==4&&(P(this.container.container.events)&&this.gameState===3||this.selectBranches.state.isExpect||(this.gameState!==2&&this.container.hide?.(),this.emitContainerVisibilityEvent(!1)))})};show=()=>{if(!(this.gameState!==2||this.isSelectedControlEvent))if(this.container.getElement()){let{hasOpenURIEventInCurrentContainer:e}=this.getContainerEventState();if(this.container.show?.(),this.interactiveTimeOpenUri&&e||this.disableTextControlContainerVisibilityEvents)return;this.emitContainerVisibilityEvent(!0,!1)}else{let e={isDisabled:()=>this.container.isDisabled,branches:this.branches,containerId:this.container.container.id,onDetachContainer:()=>{this.removeView(),this.emitContainerVisibilityEvent(!1)},onEvent:(e,t)=>{let{isExpectTime:n,hasOtherExpect:r,hasOpenURIEvent:i,hasOpenURIEventInCurrentContainer:a,isAllOpenURIEventsValid:o,hasShouldOpenNowEvent:s}=this.getContainerEventState(),c=this.interactiveTimeOpenUri&&!a,l=this.interactiveTimeOpenUri&&a;if((!this.interactiveTimeOpenUri||c)&&(this.isSelectedControlEvent=!0),e!==!1){if(!this.selectBranches.state.isExpect&&(!this.interactiveTimeOpenUri||c)){if(this.interactiveTimeOpenUri){let e=!r&&!o&&a;e&&this.globalEvents.interactiveContainerFakeRemoved$.next({subjectId:this.container.container.id,subjectName:`container`,type:`container-fake-removed`,removeAllOpenURI:e})}this.removeView()}this.emitContainerVisibilityEvent(!1)}if(this.gameState===4||this.gameState===3||this.selectBranches.state.isExpect||this.interactiveTimeOpenUri&&i&&this.gameState!==5){if(l){let e=((e,t,n,r)=>!e&&!t&&n||e&&!t&&n&&!r||e&&!t&&n&&r)(n,r,o,this.isSelectedContainerEvent);this.fakeRemoveView(e)}else this.removeView(),this.emitContainerVisibilityEvent(!1);(!n||!r||!s)&&(this.selectBranches.stopExpect(),t())}},isEOV:()=>this.gameState===4},t=Wt(this.selectBranches.onControlEvent,e),n=(this.player?.info.duration$.getValue()??1/0)*1e3;this.container.createView({eventCallback:t,videoDurationMs:n}),this.disableTextControlContainerVisibilityEvents||this.emitContainerVisibilityEvent(!0,!0),this.disabledControls$.getValue()&&this.container.disable?.()}};selectContainerEvent(e=!1){let{isExpectEventForCurrentContainer:t}=this.getContainerEventState();this.interactiveEvents.containersEventsCallState.setCalled({timestamp:e?1/0:this.container.container.endTime??1/0,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(),n=this.interactiveTimeOpenUri?e||t:P(this.container.container.events)||e;(this.isSelectedControlEvent||!n)&&this.removeView()}onBeforeStartTime(){this.container.hide?.(),this.emitContainerVisibilityEvent(!1)}onEndOfVideo=()=>{this.gameState=4,this.selectContainerEvent(!0)};whilePlaying=()=>{let e=this.player.experimental.element$.getValue(),t=e instanceof HTMLVideoElement;if(this.features.enableAvPlayerSupport&&(t||=e instanceof HTMLObjectElement&&e?.getAttribute(`type`)===`application/avplayer`),!(t&&e?.readyState)||this.isRemovedOrDestroyed()&&!this.isPermanentText)return;let n=this.player.getExactTime();if(Me(n,this.container.container))this.gameState!==1&&(this.gameState=1,this.onBeforeStartTime());else if(Ne(n,this.container.container))this.gameState!==2&&(this.gameState=2,this.onStartTime());else if(this.gameState!==3){let e=this.gameState;this.gameState=3,e===2&&this.onEndTime()}else{let{hasOpenURIEventInCurrentContainer:e}=this.getContainerEventState(),t=this.selectBranches.state.isExpect,n=this.interactiveTimeOpenUri&&e;if(n&&!t){let e=this.container.getElement();e&&(e.style.visibility!==`hidden`&&this.container.hide?.(),this.container.isRemoved||this.fakeRemoveView())}!this.isPermanentText&&!n&&this.removeView()}let r=Ne(n,this.container.container),i=this.container.container.startTime?[this.container.container.startTime,this.container.container.endTime??1/0]:[],a={subjectId:this.container.container.id,subjectName:`container`,range:i,currentTime:n,isInteractiveTime:r};this.container.onProgress(n*1e3,r),this.globalEventEmitter.emit(X.eachTick,a),this.globalEvents.eachTick$.next(a)};onResize(e){this.container.onResize(e)}reset(){this.isSelectedControlEvent=!1,this.isSelectedContainerEvent=!1,this.gameState=1}removeView(e=this.features.controlsHideAnimation){if(e){if(this.isRemovedOrDestroyed())return;this.container.removeNonInteractedControls(!0),this.container.removeView(!0,!0)}else this.container.removeView();this.globalEventEmitter.emit(X.interactives,{subjectId:this.container.container.id,subjectName:`container`,type:Z.containerRemoved,visibility:!1}),this.globalEvents.interactiveContainerRemoved$.next({subjectId:this.container.container.id,subjectName:`container`,type:`container-removed`}),this.gameState=5,this.onRemove?.()}fakeRemoveView(e=!1){this.container.isRemoved||this.globalEvents.interactiveContainerFakeRemoved$.next({subjectId:this.container.container.id,subjectName:`container`,type:`container-fake-removed`,removeAllOpenURI:e}),this.container.fakeRemove()}updateControlsShadowStyles(e){this.container.updateControlsShadowStyles(e)}toggleBlinkAnimation(e){this.container.toggleBlinkAnimation(e)}isInteracted(){return this.container.isInteracted()}isRemovedOrDestroyed(e=!0){let t=e?this.container.willRemoved:!1;return this.gameState===5||t||this.gameState===6}destroy(e=!1){this.reset(),this.removeView(e),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=(e=[])=>e.reduce((e,t,n)=>{if(Ae((t?.controls??[]).filter(e=>!M(e)))){let r=[t.startTime??0,t.endTime??1/0],i={id:t.id,isRemoved:!1};if(!n)e.push({subjects:[i],range:r});else{let t=[],n=-1/0,a=1/0,o=[],s=[];for(let c=0;c<e.length;c++){let l=e[c];if(s.push(...l.subjects),l.range[0]<a&&(a=l.range[0]),l.range[1]>n&&(n=l.range[1]),r[0]>=l.range[0]&&r[1]<=l.range[1])return e[c].subjects.push(i),e;r[0]<l.range[0]&&r[1]>l.range[0]&&(t.push(c),o=o.concat(l.subjects)),r[0]>=l.range[0]&&r[0]<=l.range[1]&&(t.push(c),o=o.concat(l.subjects),r[0]=l.range[0]),r[1]>=l.range[0]&&r[1]<=l.range[1]&&(t.push(c),o=o.concat(l.subjects),r[1]=l.range[1])}if(s.push(i),r[0]<=a&&r[1]>=n)return[{subjects:s,range:r}];t.length&&t.reverse().forEach(t=>{e.splice(t,1)}),e.push({subjects:o.concat([i]),range:r})}}return e},[]).sort((e,t)=>e.range[0]-t.range[0]);function qt(){let e={};function t(){for(let t in e)Object.prototype.hasOwnProperty.call(e,t)&&delete e[t]}function n(t){let n={};for(let r in e)+r<=t&&(n[r]=e[r]);return n}function r(t){let n={};for(let r in e)+r>=t&&(n[r]=e[r]);return n}function i({timestamp:t,priority:n,initiator:r}){if(ae(t)){let i=e[t]??null;if(i&&n&&w(n,!0)){let e={},t=i[n];return t&&(e={...e,...t}),e=C(e)?null:e,e&&w(r,!0)?e[r]??null:e}return i}return null}function a({timestamp:t,priority:n,initiator:r}){if(ae(t))if(e[t]){if(n&&w(n,!0))if(e[t][n]){if(r&&w(r,!0))if(e[t][n][r]){if(delete e[t][n][r],!C(e[t][n]))return!0}else return!1;if(delete e[t][n],!C(e[t]))return!0}else return!1;return delete e[t]}else return!1;return!1}function o({timestamp:t,priority:n,initiator:r,...i}){e[t]?.[n]?.[r]?e[t][n][r].push({...i}):e[t]?.[n]?e[t][n]={...e[t][n],[r]:[{...i}]}:e[t]?e[t]={...e[t],[n]:{[r]:[{...i}]}}:e[t]={[n]:{[r]:[{...i}]}}}return{map:e,remove:a,add:o,removeAll:t,get:i,getLte:n,getGte:r}}var Jt=[j.EventActionTypes.expect,j.EventActionTypes.setNextBranch],Yt=1/0;function Xt(e,t){let n=e,r,i=Zt(t),a=qt(),o,s=()=>{p(),_()},c=e=>{a.add.call(void 0,e),m()},l=(e=[])=>{for(let t of e)if(t.action(),Jt.includes(t.actionType))break},u=(e=1/0)=>{let t=Q(a.get({timestamp:e,priority:`control`})??{}),n=Q(a.get({timestamp:e,priority:`container`})??{}),r=Q(a.get({timestamp:e,priority:`chapter`})??{});return[...t,...n,...r]},d=e=>{i.isReady(e)&&l(u(e))},f=()=>{l([...Q(a.get({timestamp:1/0,priority:`chapter`})??{})])},p=()=>{r&&=(o?.unsubscribe(),void 0)},m=()=>{r||(r=()=>setTimeout(()=>{d(1/0)}),o=n.events.ended$.subscribe(r))},h=e=>{p(),n=e},g=e=>{e.priority===`container`&&i.resetCalled(e.timestamp),a.remove(e)},_=()=>{i.release(),a.removeAll()};return{setPlayer:h,add:c,remove:g,exec:d,execEndOfVideo:f,listen:m,unlisten:p,release:s,containersEventsCallState:i,getPreparedToExecActions:u}}function Zt(e){let t=new Map;return{setCalled:({timestamp:e,id:n})=>{let r=t.get(e);r&&r[n]!==void 0&&(r[n]=!0)},setData:(e=[])=>{for(let n of e){let e=n.endTime??Yt,r=t.get(e);t.set(e,{...r,[n.id]:!1})}},resetCalled:e=>{let n=t.get(e);if(n)for(let e in n)n[e]=!1},isReady:n=>{let r=t.get(n);if(!r)return!0;let i=Object.values(r);return e?i.some(e=>e):!i.some(e=>!e)},release:()=>t.clear()}}function Q(e){return Object.values(e).flat().sort(e=>e.actionType===j.EventActionTypes.expect?-1:1)}var Qt={videoContentHeight:0,videoContentWidth:0},$t=e=>{let{height:t,width:n}=e.info.intrinsicVideoSize$.getValue()||{};if(!(t&&n))return Qt;let{clientHeight:r,clientWidth:i}=e.experimental.element$.getValue()||{};if(!(r&&i))return Qt;let a=t/n,o=r/i,s,c;return o>a?(c=i,s=i*a):o<a?(c=r/a,s=r):(c=i,s=r),{videoContentWidth:c,videoContentHeight:s}},en=250;function tn(e){let t,n=new ResizeObserver(e=>{a(e),t=a.bind(null,e)});function r(t){let{parentElement:n,player:r,cssVarsManager:i}=e();if(!n||!r)return;let{videoContentWidth:a,videoContentHeight:o}=$t(r);i.setup({"--interactive-content-width":`${a}px`,"--interactive-content-height":`${o}px`,"--interactive-width":`${t[0].contentRect.width}px`,"--interactive-height":`${t[0].contentRect.height}px`})}function i(){let{parentElement:t}=e();t.removeAttribute(`style`)}let a=lt(t=>{let{fns:n=[]}=e();r(t);for(let e of n)e()},en);function o(){t=void 0,n.disconnect(),i()}return{resizeObserver:n,calc:()=>{t?.()},release:o}}var nn=e=>Math.floor(Math.random()*e),rn=e=>{let t=e.length,n=1/0,r=null;for(;t--;){let i=e[t],a=i.weight??1;a<n&&(n=a,r=i)}return r},an=e=>{let t=e.length,n=-1/0,r=null;for(;t--;){let i=e[t],a=i.weight??0;a>n&&(n=a,r=i)}return r},on=e=>{let t=e.length;return e[nn(t)]},sn=1,cn=e=>{let t=0;for(let n=0;n<e.length;++n)t+=e[n].weight??sn;let n=Math.random()*t;t=0;for(let r=0;r<e.length-1;++r)if(t+=e[r].weight??sn,t>=n)return e[r];return e[e.length-1]},ln={shouldOpenNow:!0,isDetachContainer:!0},un=`after-expect`,dn=(e,t=!1)=>({...e,args:t?{...e.args,...ln}:{...ln,...e.args}}),fn=({globalEventEmitter:e,globalEvents:t,player:n,interactiveEvents:r})=>{let i={isExpect:!1},a=()=>{i.isExpect&&=!1},o=({action:n,controlType:i,controlId:a,containerId:o,branches:s=[],onEvent:c,isEOV:l=()=>!1,isDisabled:d=()=>!1})=>{let f=dn(n,l()),v={timestamp:1/0,priority:`control`,initiator:a,actionType:f.type},y=d(),b=e.emit.bind(e,X.interactives,{subjectId:a,subjectType:i,subjectName:`control`,type:y?Z.actionChoiceCanceled:Z.actionChoice,actionType:n.type,payload:{invokeImmediately:f.args.shouldOpenNow,containerId:o,...f.args}}),x=()=>{t.interactiveActionChoice$.next({subjectId:a,subjectType:i,subjectName:`control`,type:y?`action-choice-canceled`:`action-choice`,actionType:n.type,payload:{invokeImmediately:f.args.shouldOpenNow,containerId:o,...f.args}})};if(y){b(),x();return}switch(f.type.trim().toLowerCase()){case j.EventActionTypes.setNextBranch.trim().toLowerCase():{let e=s.find(e=>e.id===f.args.branchId);if(!e)return;c(f.args.isDetachContainer,p.bind(null,{subjectId:a,subjectName:`control`})),b(),x(),f.args.shouldOpenNow?h({subjectId:a,subjectName:`control`,subjectType:i,action:f,payload:{chapterId:e.chapterId,autoSelect:!1}}):r.add({...v,action:h.bind(null,{subjectId:a,subjectName:`control`,subjectType:i,action:f,payload:{chapterId:e.chapterId,autoSelect:!1}})});return}case j.EventActionTypes.continuePlayback.trim().toLowerCase():c(f.args.isDetachContainer,p.bind(null,{subjectId:a,subjectName:`control`})),b(),x(),f.args.shouldOpenNow?m({subjectId:a,subjectName:`control`,subjectType:i,action:n}):r.add({...v,action:m.bind(null,{subjectId:a,subjectName:`control`,subjectType:i,action:n})});return;case j.EventActionTypes.openURI.trim().toLowerCase():c(f.args.isDetachContainer,p.bind(null,{subjectId:a,subjectName:`control`})),b(),x(),f.args.shouldOpenNow?g({subjectId:a,subjectName:`control`,subjectType:i,action:f,payload:{URI:n.args.uri}}):r.add({...v,action:g.bind(null,{subjectId:a,subjectName:`control`,subjectType:i,action:f,payload:{URI:n.args.uri}})});return;default:{let e=`Unexpected control event`;u(new _(1,1,{message:e}),e);return}}},s=({action:n,container:{id:i,endTime:a},branches:o=[],isEOV:s=!1,autoSelected:c=!1})=>{let l=dn(n,s),d={timestamp:!l.args.shouldOpenNow||s?1/0:a??1/0,priority:`container`,initiator:i,actionType:l.type},f=e.emit.bind(e,X.interactives,{subjectId:i,subjectName:`container`,type:Z.actionChoice,actionType:l.type,payload:{invokeImmediately:l.args.shouldOpenNow,...l.args}}),p=()=>{t.interactiveActionChoice$.next({subjectId:i,subjectName:`container`,type:`action-choice`,actionType:l.type,payload:{invokeImmediately:l.args.shouldOpenNow,...l.args}})};switch(l.type.trim().toLowerCase()){case j.EventActionTypes.setNextBranch.trim().toLowerCase():{let e=o.find(e=>e.id===l.args.branchId);if(!e)return;f(),p(),r.add({...d,action:h.bind(null,{subjectId:i,subjectName:`container`,action:l,payload:{chapterId:e.chapterId,autoSelect:c}})});return}case j.EventActionTypes.setMaxWeightBranch.trim().toLowerCase():return;case j.EventActionTypes.setMinWeightBranch.trim().toLowerCase():return;case j.EventActionTypes.setRandomBranch.trim().toLowerCase():return;case j.EventActionTypes.setWeightlessRandomBranch.trim().toLowerCase():return;case j.EventActionTypes.continuePlayback.trim().toLowerCase():f(),p(),r.add({...d,action:m.bind(null,{subjectId:i,subjectName:`container`,action:l})});return;case j.EventActionTypes.openURI.trim().toLowerCase():f(),p(),r.add({...d,action:g.bind(null,{subjectId:i,subjectName:`container`,action:l,payload:{URI:n.args.uri}})});return;default:{let e=`Unexpected container event`;u(new _(1,1,{message:e}),e);return}}};function c({container:n,branches:a,isEOV:o=!1}){let c=Pe(n.events);if(c){let a=dn(c.action,o);e.emit(X.interactives,{subjectId:n.id,subjectName:`container`,type:Z.actionChoice,actionType:a.type,payload:{invokeImmediately:a.args.shouldOpenNow,...a.args}}),t.interactiveActionChoice$.next({subjectId:n.id,subjectName:`container`,type:`action-choice`,actionType:a.type,payload:{invokeImmediately:a.args.shouldOpenNow,...a.args}}),r.add({timestamp:o?1/0:n.endTime??1/0,priority:`container`,initiator:n.id,actionType:j.EventActionTypes.expect,action:f.bind(null,{subjectId:n.id,subjectName:`container`})}),i.isExpect=!0}else for(let e of n.events??[])s({action:e.action,container:n,branches:a,isEOV:o})}let l=({chapterId:n,action:r,branches:i=[]})=>{let a=e.emit.bind(e,X.interactives,{subjectId:n,subjectName:`chapter`,type:Z.actionChoice,actionType:r.type,payload:r.args}),o=()=>{t.interactiveActionChoice$.next({subjectId:n,subjectName:`chapter`,type:`action-choice`,actionType:r.type,payload:r.args})};switch(r.type.trim().toLowerCase()){case j.EventActionTypes.setNextBranch.trim().toLowerCase():{let e=i.find(e=>e.id===r.args.branchId);return e?.chapterId?(a(),o(),h.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{chapterId:e.chapterId,autoSelect:!0}})):void 0}case j.EventActionTypes.setWeightlessRandomBranch.trim().toLowerCase():{let e=on(i);return e?.chapterId?(a(),o(),h.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{chapterId:e.chapterId,autoSelect:!0}})):void 0}case j.EventActionTypes.setRandomBranch.trim().toLowerCase():{let e=cn(i);return e?.chapterId?(a(),o(),h.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{chapterId:e.chapterId,autoSelect:!0}})):void 0}case j.EventActionTypes.setMaxWeightBranch.trim().toLowerCase():{let e=an(i);return e?.chapterId?(a(),o(),h.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{chapterId:e.chapterId,autoSelect:!0}})):void 0}case j.EventActionTypes.setMinWeightBranch.trim().toLowerCase():{let e=rn(i);return e?.chapterId?(a(),o(),h.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{chapterId:e.chapterId,autoSelect:!0}})):void 0}case j.EventActionTypes.continuePlayback.trim().toLowerCase():return a(),o(),m.bind(null,{subjectId:n,subjectName:`chapter`,action:r});case j.EventActionTypes.openURI.trim().toLowerCase():return a(),o(),g.bind(null,{subjectId:n,subjectName:`chapter`,action:r,payload:{URI:r.args.uri}});default:{let e=`Unexpected chapter event`;u(new _(1,1,{message:e}),e);return}}};function u(n,r){console.error(r),t.error$.next(n),e.emit(X.errors,n)}function d(n){let i=Pe(n.events);if(i){if(N(n))return;e.emit(X.interactives,{subjectId:n.id,subjectName:`chapter`,type:Z.actionChoice,actionType:i.action.type,payload:i.action.args}),t.interactiveActionChoice$.next({subjectId:n.id,subjectName:`chapter`,type:`action-choice`,actionType:i.action.type,payload:i.action.args}),r.add({timestamp:1/0,priority:`chapter`,initiator:n.id,actionType:j.EventActionTypes.expect,action:f.bind(null,{subjectId:n.id,subjectName:`chapter`})})}else n.events?.forEach(e=>{let t=l({chapterId:n.id,action:e.action,branches:n.branches});t&&r.add({timestamp:1/0,priority:`chapter`,initiator:n.id,actionType:e.action.type,action:t})})}let f=({subjectId:r,subjectName:i})=>{n.pause(),e.emit(X.interactives,{subjectId:r,subjectName:i,type:Z.actionExecution,actionType:j.EventActionTypes.expect}),t.interactiveActionExecution$.next({subjectId:r,subjectName:i,type:`action-execution`,actionType:j.EventActionTypes.expect})},p=({subjectId:i,subjectName:a})=>{n.info.isEnded$.getValue()?r.execEndOfVideo():n.play(),e.emit(X.interactives,{subjectId:i,subjectName:a,type:Z.actionExecution,actionType:un}),t.interactiveActionExecution$.next({subjectId:i,subjectName:a,type:`action-execution`,actionType:un})},m=({subjectId:n,subjectName:r,subjectType:i,action:a})=>{e.emit(X.interactives,{subjectId:n,subjectName:r,subjectType:i,type:Z.actionExecution,actionType:a.type}),t.interactiveActionExecution$.next({subjectId:n,subjectName:r,subjectType:i,type:`action-execution`,actionType:a.type})},h=({subjectId:n,subjectName:r,subjectType:i,action:a,payload:o})=>{o.behaviour=`change-chapter`,e.emit(X.interactives,{subjectId:n,subjectName:r,subjectType:i,type:Z.actionExecution,actionType:a.type,payload:o}),t.interactiveActionExecution$.next({subjectId:n,subjectName:r,subjectType:i,type:`action-execution`,actionType:a.type,payload:o})},g=({subjectId:n,subjectName:r,subjectType:i,action:a,payload:o})=>{if(!o.URI)return;let s=window.open(o.URI,`_blank`,`noopener,noreferrer`);s&&(s.opener=null),e.emit(X.interactives,{subjectId:n,subjectName:r,subjectType:i,type:Z.actionExecution,actionType:a.type}),t.interactiveActionExecution$.next({subjectId:n,subjectName:r,subjectType:i,type:`action-execution`,actionType:a.type})};return{onControlEvent:o,onContainerEvent:s,onChapterEvent:l,onExpectEvent:f,expectEventHandler:p,setManifestChapterEvents:d,setManifestContainerEvents:c,stopExpect:a,state:i}},$=require(`@vkontakte/videoplayer-shared`),pn=(e,t)=>{let n={};return e.map(e=>{if(!n[e]){let r=t.chapters.find(t=>t.id===e);if(!r)return null;let i=t.media.videos.find(e=>r.videoId===e.id);if(!i)return null;n[e]=gn(i)}return n[e]}).filter(e=>e!==null)},mn=e=>{for(let t of e.variants)if(hn(t)&&t.payload)return t.payload.id},hn=e=>!!(e.type===`custom`&&e.payload&&e.payload.type===`vk`),gn=e=>{let t=mn(e);if(!t)return null;let n=t.split(`_`).pop();return n?parseInt(n,10):null},_n=(e,t)=>{for(let n of e.media.videos)if(t===gn(n)){for(let t of e.chapters)if(t.videoId===n.id)return t.id;return}},vn=(e,t)=>e.reduce((e,n)=>{let r=_n(t,n);return r?[...e,r]:e},[]);class yn{state={history$:new $.ValueSubject([]),hasPrevChapter$:new $.ValueSubject(!1),prevChapter$:new $.ValueSubject(null),isInitialChapter$:new $.ValueSubject(!1),isGoBackLimited$:new $.ValueSubject(!1)};#api=null;#settings;#inited=!1;#manifest=null;#videoIds=null;events={inited$:new $.Subject,destroyed$:new $.Subject,error$:new $.Subject};#rootVid=null;#interactiveController=null;#globalEventEmitter=null;#subscription=new $.Subscription;#isGoBackUpdate=!1;#goBackCounter=0;constructor({globalEventEmitter:e,videoId:t,interactiveController:n,historyApi:r,settings:i}){this.#rootVid=t,this.#globalEventEmitter=e,this.#interactiveController=n,this.#api=r,this.#settings=i,this.state.history$&&this.#subscription&&this.#subscription?.add(this.state.history$.subscribe(e=>{this.state.prevChapter$.next(e.at(-2)||null),this.state.hasPrevChapter$.next(e.length>1),this.state.isInitialChapter$.next(this.getInitialChapterId()===this.#manifest?.metadata?.initChapterId),this.state.isGoBackLimited$.next(this.#goBackCounter===this.#settings.maxLength-1)}))}async setManifest(e){if(!this.#interactiveController||!this.#globalEventEmitter)return;this.#manifest=e,await this.getProjectHistory();let t=this.getInitialChapterId();await this.#interactiveController.setChapter({chapterId:t,pushToHistory:!1}),this.#inited||(this.#inited=!0,this.events.inited$.next({initChapterId:t}))}get inited(){return this.#inited}async updateHistory(e,t=!0){if(!this.#manifest)return;this.#isGoBackUpdate?(this.#isGoBackUpdate=!1,this.#goBackCounter++):this.#goBackCounter=0;let n=this.#manifest,r=e.length-this.#settings.maxLength,i=r>0?e.slice(r):e,a=pn(i,n);if(this.#videoIds=a,this.state.history$.next(i),!(!t||!this.#api||!this.#rootVid))try{await this.#api.save(this.#rootVid,a)}catch{let e=new _(1,5,`Unable to save interactive history`);this.events.error$.next(e),this.#globalEventEmitter?.emit(X.errors,e)}}async goBack(){if(!this.state||!this.#interactiveController){let e=new _(1,5,`Unable to save interactive history`);this.events.error$.next(e),this.#globalEventEmitter?.emit(X.errors,e);return}this.#isGoBackUpdate=!0;let e=this.state.history$.getValue().slice(0,-1),t=e.pop();this.state.history$.next(e),await this.#interactiveController.setChapter({chapterId:t,playPrev:!0})}async getProjectHistory(){if(!this.#manifest||!this.#rootVid)return;let e=this.#manifest,t=[this.getInitialVideoId()];if(this.#api)try{let e=await this.#api.get(this.#rootVid);e.length&&(t=e)}catch{let e=new _(1,5,`Error while trying to fetch data`);this.events.error$.next(e),this.#globalEventEmitter?.emit(X.errors,e)}let n=vn(t,e);this.state.history$.next(n)}getInitialChapterId(){return this.state.history$.getValue()?.at(-1)||this.#settings.initChapterId||this.#manifest?.metadata.initChapterId}getInitialVideoId(){return this.#manifest?pn([this.getInitialChapterId()],this.#manifest).pop():null}destroy(){this.#rootVid=null,this.#api=null,this.#interactiveController=null,this.#subscription?.unsubscribe(),this.#subscription=null,this.#inited=!1,this.#globalEventEmitter?.emit(X.historyDestroyed),this.events.destroyed$.next(),this.#globalEventEmitter=null}}class bn{rootElement;canvasImgSrc;_prevSizeId=0;constructor(){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,n=t.length;for(let e=3;e<n;e+=40)if(t[e]!==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 n=e.width+e.height;if(this._prevSizeId===n)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=n}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)}}class xn{lastFrameCanvas;endOffsetMs;currentChapter;currentVideoDurationMs=1/0;rootElement;_containerTimeFrameShouldReceived=!1;_endTimeFrameReceived=!1;_shouldCallSkip=!1;_callbacks;constructor({parentElement:e,endOffsetMs:t=250,onError:n}){this.rootElement=document.createElement(`div`),this.rootElement.style.cssText=`
7
7
  position: absolute;
8
8
  top: 0;
9
9
  left: 0;